cv entries

1 files changed, 91 insertions, 16 deletions

diff --git a/assets/scss/input.css b/assets/scss/input.css
index 378b47c..c54148e 100644
--- a/assets/scss/input.css
+++ b/assets/scss/input.css
@@ -48,11 +48,13 @@ blockquote::before {
   #hero {
     text-shadow: 2px 2px 3px black;
   }
-  .main-content p {
-    @apply my-4 text-xl;
-  }
-  .main-content p code {
-    @apply text-blue-500 px-1;
+  .main-content {
+    p {
+      @apply my-4 text-xl;
+      code {
+        @apply text-blue-500 px-1;
+      }
+    }
   }
   .main-content a {
     @apply px-1 text-lime-500;
@@ -68,18 +70,91 @@ blockquote::before {
     background-size: contain;
     display: inline-block;
   }
-  .main-content dl {
-    @apply px-8 text-xl;
-  }
-  .main-content dt {
-    @apply font-bold;
+  .main-content {
+    dl {
+      @apply px-8 text-xl;
+    }
+    dt {
+      @apply font-bold;
+    }
+    dd {
+      @apply ml-8;
+    }
+    .highlight {
+      .chroma {
+        @apply p-1 overflow-x-scroll;
+      }
+    }
+  }
+  .cv-entry,
+  .cv-honor {
+    @apply ml-4 pl-8 pb-2 relative;
+    .cv-role {
+      @apply m-0;
+    }
+    .cv-host,
+    .cv-date,
+    .cv-location {
+      @apply font-light m-0 p-0;
+    }
+    .cv-host::before {
+      font-family: "Font Awesome 6 Free";
+      content: "\f1ad";
+      font-weight: 900;
+      margin: 0 0.5rem;
+    }
+    .cv-location::before {
+      font-family: "Font Awesome 6 Free";
+      content: "\f041";
+      font-weight: 900;
+      margin: 0 0.5rem;
+    }
+    p {
+      @apply text-base my-2;
+    }
+    ul {
+      all: revert;
+    }
+  }
+  .cv-entry {
+    @apply border-l border-gray-400;
+    .cv-role::before {
+      content: "";
+      position: absolute;
+      width: 2rem;
+      height: 2rem;
+      background-color: #79c753;
+      border-radius: 50%;
+      transform: translateX(-50%);
+      left: 0;
+    }
+    .cv-date,
+    .cv-location {
+      @apply inline-block;
+    }
+    .cv-date::before {
+      font-family: "Font Awesome 6 Free";
+      content: "\f133";
+      font-weight: 900;
+      margin: 0 0.5rem;
+    }
   }
-  .main-content dd {
-    @apply ml-8;
-  }
-  /* The following one are post render thus I need to build them */
-  .main-content .highlight .chroma {
-    @apply p-1 overflow-x-scroll;
+
+  .cv-honor {
+    .cv-role {
+      @apply ml-12 text-xl;
+    }
+    .cv-date {
+      top: 0.05rem;
+      @apply absolute left-0 text-xl;
+    }
+    .cv-date::before {
+      font-family: "Font Awesome 6 Free";
+      color: #ffb700;
+      content: "\f559";
+      font-weight: 900;
+      margin: 0 0.5rem;
+    }
   }
 }