update of experiences section and add of single experience

2025-08-23 00:34:39 +02:00
parent d20279fa10
commit 681d5ad98c
7 changed files with 172 additions and 91 deletions
@@ -0,0 +1,78 @@
+.experience-card {
+    position: relative;
+    width: 50%;
+    margin-bottom: 3rem;
+    box-sizing: border-box;
+    border-radius: 12px;
+    background-color: rgba(255, 255, 255, 0.03);
+    transition: all 0.3s ease;
+    padding: 1.5rem;
+}
+
+.experience-card.left {
+    align-self: flex-start;
+    border-left: 3px solid #D95F46;
+}
+
+.experience-card.right {
+    align-self: flex-end;
+    border-right: 3px solid #D95F46;
+}
+
+.experience-card:hover {
+    transform: translateY(-5px);
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+.experience-card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 1rem;
+    margin-bottom: 1rem;
+}
+
+.experience-primary-info {
+    display: flex;
+    flex-direction: column;
+}
+
+.experience-role {
+    font-size: 1.5rem;
+    font-weight: bold;
+    color: #EAEAEA;
+    margin: 0;
+}
+.experience-company-location{
+    font-weight: 600;
+}
+
+.experience-company-location,
+.experience-duration {
+    font-size: 0.95rem;
+    color: #B0B0B0;
+    margin: 0.25rem 0 0;
+    white-space: nowrap;
+
+}
+
+.experience-tasks {
+    list-style: none;
+    padding: 0;
+    margin-top: 1rem;
+}
+
+.experience-tasks li {
+    position: relative;
+    padding-left: 1.2rem;
+    margin-bottom: 0.5rem;
+    color: #B0B0B0;
+}
+
+.experience-tasks li::before {
+    content: '›';
+    position: absolute;
+    left: 0;
+    color: #D95F46;
+    font-weight: bold;
+}