Init Commit

2026-05-18 11:46:02 +02:00
commit 2de3502fbc
382 changed files with 19583 additions and 0 deletions
@@ -0,0 +1,134 @@
+.experience__company {
+    color: $base-color;
+}
+
+
+/* enhanced contrast */
+@include color-mode(dark) {
+    .experience__company {
+        color: $dark-primary;
+    }
+}
+
+.experience__location {
+    font-weight: normal;
+}
+
+.experience + .experience {
+    padding-top: 4px;
+}
+
+body.home div.experience {
+    padding-top: 50px;
+}
+
+.experience a {
+    display: block;
+    padding: 20px;
+    text-decoration: none;
+    color: inherit;
+}
+
+.experience.selected a,
+.experience:hover a,
+.experience:active a,
+.experience a:hover,
+.experience a:active {
+    display: block;
+    background-color: $base-color;
+}
+
+.experience.selected a .experience__company,
+.experience:hover a .experience__company,
+.experience:active a .experience__company,
+.experience a:hover .experience__company,
+.experience a:active .experience__company,
+.experience.selected a .experience__date,
+.experience:hover a .experience__date,
+.experience:active a .experience__date,
+.experience a:hover .experience__date,
+.experience a:active .experience__date {
+    color: white !important;
+}
+
+
+.all-experience-container {
+    margin-top: 50px;
+}
+
+.experience__title {
+    position: relative;
+    font-size: 20px;
+    font-weight: 600;
+    z-index: 2;
+}
+
+@media (min-width: 992px) {
+    .experience__title {
+        font-size: 24px;
+    }
+}
+
+.experience__company {
+    font-size: 14px;
+    font-weight: 700;
+}
+
+.experience {
+    &__header {
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        margin-bottom: 1rem;
+    }
+
+    &__company-logo {
+        width: 48px;
+        height: 48px;
+        object-fit: contain;
+        border-radius: 4px;
+        flex-shrink: 0;
+    }
+
+    &__meta {
+        flex: 1;
+        min-width: 0;
+    }
+
+    &__date {
+        font-size: 0.9rem;
+    }
+
+    &__title {
+        font-weight: 600;
+        margin: 0.2rem 0;
+    }
+
+    &__company {
+        font-size: 0.95rem;
+    }
+}
+
+.job-card {
+    padding: 1.5rem;
+    border-radius: 8px;
+    background-color: #fff;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+
+    html[data-bs-theme="dark"] & {
+        background-color: #2d2d2d;
+        color: white;
+
+        .experience__title,
+        .experience__company,
+        .experience__date,
+        .experience__location {
+            color: white;
+        }
+    }
+}
+
+.company-logo {
+    object-fit: contain;
+}