add date tags in explore cards

skit-ai · May 9, 2024 · 86d519c · 86d519c
1 parent 3ab7a0b
commit 86d519c
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 1 deletion.
diff --git a/_pages/explore.md b/_pages/explore.md
@@ -23,6 +23,9 @@ Explore Speech Technologies from Skit.
         <div class="explore-card-description">
           Multimodal-LLMs for speech-first Conversational AI
         </div>
+        <div class="explore-card-date-parent">
+          <span class="explore-card-date">2024</span>
+        </div>
       </div>
     </a>
     </div>
@@ -46,6 +49,9 @@ Explore Speech Technologies from Skit.
           Use emotion presets and variations to deliver the right tonality in your
           dialog system.
         </div>
+        <div class="explore-card-date-parent">
+          <span class="explore-card-date">2021</span>
+        </div>
       </div>
     </a>
     </div>
@@ -60,6 +66,9 @@ Explore Speech Technologies from Skit.
           <div class="explore-card-description">
             Voice cloning enables one to generate synthesised speech in their voice using minimal data.
           </div>
+          <div class="explore-card-date-parent">
+            <span class="explore-card-date">2021</span>
+          </div>
         </div>
       </a>
     </div>
@@ -74,6 +83,9 @@ Explore Speech Technologies from Skit.
           <div class="explore-card-description">
             We have state of the art performance in Naturalness for a TTS system.
           </div>
+          <div class="explore-card-date-parent">
+            <span class="explore-card-date">2021</span>
+          </div>
         </div>
       </a>
     </div>
@@ -97,12 +109,15 @@ Explore Speech Technologies from Skit.
         <div class="explore-card-description">
           Speaker entrainment attunes the bot to the features in the user's speech.
         </div>
+        <div class="explore-card-date-parent">
+          <span class="explore-card-date">2021</span>
+        </div>
       </div>
     </a>
     </div>
   </div>
 </div>
-  
+
 
 <script>
 $('.explore-card').each(function () {

diff --git a/_sass/_patch.scss b/_sass/_patch.scss
@@ -95,6 +95,17 @@ article .h6 {
     .explore-card-content {
         padding: 20px;
     }
+    .explore-card-date-parent {
+      margin-top: 20px;
+    }
+    .explore-card-date {
+      margin-top: 20px;
+      padding: 5px 10px;
+      border-radius: 5px;
+      border-style: solid;
+      border-width: 1px;
+      border-color: gray;
+    }
 }
 
 // Top card styles