chore: update deps

.gitea/workflows/ci.yml

@@ -4,7 +4,7 @@ on: [push]
 
 jobs:
   Deploy:
-    runs-on: self-hosted
+    runs-on: ubuntu-22.04
     steps:
       - uses: actions/checkout@v3
         with:

docker-compose.yml

@@ -12,7 +12,7 @@ services:
     restart: always
     labels:
       - traefik.enable=true
-      - traefik.http.routers.thehrz-nginx.rule=Host(`thehrz.net`, `www.thehrz.net`)
+      - traefik.http.routers.thehrz-nginx.rule=HostRegexp(`^(www\.)?thehrz\.net$`)
       - traefik.http.routers.thehrz-nginx.entrypoints=web,websecure
       - traefik.http.routers.thehrz-nginx.tls.certresolver=letsencrypt
       - traefik.http.routers.thehrz-nginx.middlewares=CORS@file

package.json

@@ -9,25 +9,26 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@types/node": "^20.8.0",
-    "@unocss/reset": "^0.56.4",
+    "@types/node": "^20.14.10",
+    "@unocss/reset": "^0.56.5",
     "nprogress": "^0.2.0",
-    "sass": "^1.68.0",
-    "vue": "^3.3.4",
-    "vue-router": "^4.2.5"
+    "sass": "^1.77.6",
+    "vue": "^3.4.31",
+    "vue-router": "^4.4.0"
   },
   "devDependencies": {
-    "@iconify-json/mdi": "^1.1.54",
-    "@types/nprogress": "^0.2.1",
-    "@unocss/preset-icons": "^0.56.4",
-    "@unocss/transformer-directives": "^0.56.4",
-    "@vitejs/plugin-vue": "^4.3.4",
-    "typescript": "^5.2.2",
-    "unocss": "^0.56.4",
+    "@iconify-json/mdi": "^1.1.67",
+    "@iconify-json/simple-icons": "^1.1.108",
+    "@types/nprogress": "^0.2.3",
+    "@unocss/preset-icons": "^0.56.5",
+    "@unocss/transformer-directives": "^0.56.5",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "typescript": "^5.5.3",
+    "unocss": "^0.56.5",
     "unplugin-vue-components": "^0.25.2",
-    "vite": "^4.4.9",
+    "vite": "^4.5.3",
     "vite-plugin-pages": "^0.31.0",
     "vite-plugin-vue-layouts": "^0.8.0",
-    "vue-tsc": "^1.8.15"
+    "vue-tsc": "^2.0.26"
   }
 }

src/assets/global.scss

@@ -1,13 +1,12 @@
 @import url("https://cdn.staticfile.org/hack-font/3.3.0/web/hack.min.css");
 
 * {
-  padding: 0;
-  margin: 0;
+  --at-apply: p-0 m-0 box-border;
 }
 
 body {
-  font-family: "Hack", Inter, ui-monospace, SFMono-Regular,
-    Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --uno: flex items-center justify-center min-h-screen min-w-screen text-4
+  font-family: "Hack", Inter, ui-monospace, SFMono-Regular, Menlo, Monaco,
+    Consolas, "Liberation Mono", "Courier New", monospace;
+  --at-apply: flex items-center justify-center min-h-screen min-w-screen text-4
     leading-24px font-synthesis-none select-none;
 }

src/components/button.vue

@@ -1,9 +1,5 @@
 <template>
-  <a
-    class="bg-white border-solid border-2 border-#dcdfe6 c-black decoration-none flex items-center rounded text-4 h-11 px-3 shadow"
-    target="_blank"
-    :href="to"
-  >
+  <a target="_blank" :href="to">
     <div v-if="icon" :class="icon" class="h-24px w-24px" />
     <div class="ml-2" />
     <slot />
@@ -17,4 +13,8 @@ defineProps<{
 }>()
 </script>
 
-<style scoped></style>
+<style scoped>
+a {
+  --at-apply: bg-white hover:bg-stone-100 active:bg-neutral-200 border-solid border-2 border-light-950 c-coolgray-700 decoration-none flex items-center rounded text-4 h-11 px-3 shadow;
+}
+</style>

src/pages/index.vue

@@ -1,20 +1,34 @@
 <script setup lang="ts">
 const links = [
 {
-    icon: "i-mdi-github",
-    link: "https://github.com/thehrz"
-  }
+    name: "Blog",
+    icon: "i-mdi:text-box",
+    link: "https://blog.thehrz.net",
+  },
+  {
+    name: "Github",
+    icon: "i-simple-icons-github",
+    link: "https://github.com/thehrz",
+  },
+  {
+    name: "bilibili",
+    icon: "i-simple-icons-bilibili",
+    link: "https://space.bilibili.com/277921109",
+  },
 ]
-
 </script>
 
 <template>
   <section class="flex flex-col items-center">
-    <img class="w-8em shadow-lg" alt="thehrz" src="/thehrz.jpg" >
+    <img class="w-8em shadow-lg" alt="thehrz" src="/thehrz.jpg" />
 
-    <h1 class="my-8 text-2.5em leading-[1.1] md:text-3.5em c-coolgray-700 font-300">Hi! I'm thehrz.</h1>
+    <h1 class="my-8 text-2.5em leading-[1.1] md:text-3.5em c-coolgray-700 font-300 text-shadow-sm">
+      Hi! I'm thehrz.
+    </h1>
 
-    <Button v-for="link in links" :to="link.link" :icon="link.icon">Github</Button>
+    <div class="flex flex-row flex-gap-2">
+      <Button v-for="link in links" :to="link.link" :icon="link.icon">{{ link.name }}</Button>
+    </div>
 
     <p class="mt-8 c-dark-100">🚧 under construction...</p>
   </section>