components/HomeStatBox.vue

@@ -46,10 +46,18 @@ const height = forceheight ?? "auto";
   height: v-bind(height);
   border: 0.5rem solid v-bind(color);
   border-radius: 0.5rem;
+  transition: transform 0.2s ease;
+  box-shadow: 0 0.1rem 0.5rem 0 gray;
+}
+
+.container:hover,
+.container:active {
+  transform: scale(1.05);
 }
 
 html.dark .container {
   border: 0.5rem solid v-bind(darkcolor);
+  box-shadow: 0 0.1rem 0.5rem 0 black;
 }
 
 .main-content {

components/ServiceCard.vue

@@ -31,11 +31,13 @@ img {
   height: 12rem;
   line-height: 1.25;
   transition: all 0.2s ease;
+  box-shadow: 0 0.1rem 0.5rem 0 gray;
 }
 
 html.dark .card {
   border: 0.2rem solid rgb(126, 93, 98);
   background: rgb(110, 90, 92);
+  box-shadow: 0 0.1rem 0.5rem 0 black;
 }
 
 .card:hover,
@@ -52,4 +54,8 @@ html.dark .card {
 a.unclickable {
   pointer-events: none;
 }
+
+a.unclickable .card {
+  box-shadow: none;
+}
 </style>

data/projects.ts

@@ -1,30 +1,29 @@
 export const projects = [
-  {
-    name: "public",
-    href: "https://github.com/potatoeggy/public",
-    description: "This website!",
-  },
   {
     name: "mandown",
     href: "https://github.com/potatoeggy/mandown",
     description: "I couldn't find one so I made one",
   },
   { name: "noveldown", href: "https://github.com/potatoeggy/noveldown" },
-  { name: "YTMusicDL", href: "https://github.com/potatoeggy/YTMusicDL" },
   { name: "jeopardy", href: "https://github.com/potatoeggy/jeopardy" },
   { name: "Eifueo", href: "https://github.com/potatoeggy/eifueo" },
   { name: "Napbot", href: "https://github.com/potatoeggy/napbot" },
-  { name: "emufeed", href: "https://github.com/potatoeggy/emufeed" },
   { name: "Resketch", href: "https://github.com/anyuan-chen/resketch" },
+  { name: "Perdiem", href: "https://github.com/anyuan-chen/perdiem" },
   {
     name: "RecipeReady",
     href: "https://github.com/christopherlam888/recipe-ready-frontend",
   },
-  { name: "Perdiem", href: "https://github.com/anyuan-chen/perdiem" },
+  { name: "YTMusicDL", href: "https://github.com/potatoeggy/YTMusicDL" },
+  { name: "emufeed", href: "https://github.com/potatoeggy/emufeed" },
   { name: "Flashnote", href: "https://github.com/potatoeggy/flashnote" },
   { name: "Rooster", href: "https://github.com/potatoeggy/rooster" },
   { name: "AutoFicFare", href: "https://github.com/potatoeggy/autoficfare" },
-  { name: "public", href: "https://github.com/potatoeggy/public" },
+  {
+    name: "public",
+    href: "https://github.com/potatoeggy/public",
+    description: "This website!",
+  },
 ];
 
 export default projects;