From 6d66ad57811171d195e5b824fa2a529372d8827f Mon Sep 17 00:00:00 2001 From: eggy Date: Tue, 9 Aug 2022 19:31:13 -0400 Subject: [PATCH] chore: adjust project order --- components/HomeStatBox.vue | 8 ++++++++ components/ServiceCard.vue | 6 ++++++ data/projects.ts | 17 ++++++++--------- 3 files changed, 22 insertions(+), 9 deletions(-) diff --git a/components/HomeStatBox.vue b/components/HomeStatBox.vue index 34263de..335c014 100644 --- a/components/HomeStatBox.vue +++ b/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 { diff --git a/components/ServiceCard.vue b/components/ServiceCard.vue index 3816620..4634a08 100644 --- a/components/ServiceCard.vue +++ b/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; +} diff --git a/data/projects.ts b/data/projects.ts index 6503ce8..99f37f8 100644 --- a/data/projects.ts +++ b/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;