feat: yeah, no real progress smh

frontend/src/App.vue

@@ -26,13 +26,16 @@ import Projects from "@/components/Projects.vue";
   @use "sass:map";
   @use "sass:math";
 
-  html {
+  :root {
     background: #000000;
   }
+
+  :root * {
+    color: #e0e0e0;
+  }
   
   body {
     height: 100%;
-    color: map.get(map.get(base.$themes, "dark"), "text");
     background: linear-gradient(
             to top,
             #000000 0%,

frontend/src/components/Projects.vue

@@ -4,12 +4,19 @@
 <template>
   <h3 class="center">Projects</h3>
   <div class="center flex">
-    <a href="https://github.com/Akomry/makeyourownapp-jam">
+
+    <a class="card" href="https://github.com/Akomry/makeyourownapp-jam" target="_blank" rel="external nofllow noopener">
       <img class="rounded" src="../components/icons/Illustration3.png" alt="makeyourownapp-jam" width="300">
       <br><span>Make your own app! game jam</span>
     </a>
-    <a href="https://github.com/Akomry/sae302-chat"><img class="rounded" src="" alt="sae302-chat" width="300"></a>
-    <a href="https://github.com/Akomry/website"><img class="rounded" src="" alt="website" width="300"></a>
+
+    <a href="https://github.com/Akomry/sae302-chat">
+      <img class="rounded" src="" alt="sae302-chat" width="300">
+    </a>
+
+    <a href="https://github.com/Akomry/website">
+      <img class="rounded" src="" alt="website" width="300">
+    </a>
   </div>
 </template>
 

frontend/src/components/StarrySky.vue

@@ -154,7 +154,7 @@
       border-radius: 50%;
       opacity: math.div(math.random(50), 100) + 0.5;
 
-      animation: fade 10s linear infinite;
+      animation: fade 5s linear infinite;
       animation-delay: math.random(10000) * -1ms;
     }
     @keyframes fade {