Added status

_data/projects.yml

@@ -1,13 +1,16 @@
 - title: A2 Languages
   icon: images/projects/a2-icon.png
   description: "A language learning app that uses spaced repetition, AI, and Bible readings to help you learn a new language."
+  status: "In development"
 
 - title: Console Launcher
   icon: images/projects/cl-icon.png
   description: "A home screen for Android phones which turns your phone into a game console."
   url: "https://consolelauncher.app"
+  status: "5+ million installs on Google Play"
 
 - title: Reggie
   icon: images/projects/reggie-icon.png
   description: "An Army Regulation AI search engine that can find answers to complex questions in seconds."
   url: "https://reggie.bot"
+  status: "Releasing in September 2024"

_includes/project-previews.html

@@ -9,6 +9,10 @@
         <div class="title-description">
             <h2><a href="{{ project.url }}">{{ project.title }}</a></h2>
             <p class="project-description">{{ project.description }}</p>
+            {% if project.status %}
+            <small>{{ project.status }}</small>
+            <!-- Status text -->
+            {% endif %}
         </div>
     </div>
     {% if project.url %}

_sass/_project-preview.scss

@@ -26,18 +26,6 @@
     margin: 0;
 }
 
-.content-preview {
-    padding: 20px;
-    border-radius: 10px;
-    background-color: $lightBackground;
-    box-shadow: 0 4px 6px $shadowColor;
-    transition: box-shadow 0.3s ease-in-out;
-}
-
-.content-preview:hover {
-    box-shadow: 0 6px 12px $strongShadowColor;
-}
-
 .link-icon {
     position: absolute;
     bottom: 5px;
@@ -49,3 +37,9 @@
 .link-icon:hover {
     color: #007bff; /* Change color on hover (optional) */
 }
+
+.title-description small {
+    font-size: 0.85em;
+    color: #888; /* Light gray color */
+    margin-top: 10px;
+}

index.html

@@ -2,6 +2,7 @@
 layout: default
 ---
 
+<h2>Projects</h2>
 {% include project-previews.html %}
 
 <hr />