feat: add bilibili link

This commit is contained in:
thehrz 2023-10-04 20:13:05 +08:00
parent 76cdfe1c55
commit b12bdb416e
Signed by: thehrz
GPG Key ID: C84CBCE7D5F88855
3 changed files with 22 additions and 13 deletions

View File

@ -17,7 +17,7 @@
"vue-router": "^4.2.5" "vue-router": "^4.2.5"
}, },
"devDependencies": { "devDependencies": {
"@iconify-json/mdi": "^1.1.54", "@iconify-json/simple-icons": "^1.1.73",
"@types/nprogress": "^0.2.1", "@types/nprogress": "^0.2.1",
"@unocss/preset-icons": "^0.56.4", "@unocss/preset-icons": "^0.56.4",
"@unocss/transformer-directives": "^0.56.4", "@unocss/transformer-directives": "^0.56.4",

View File

@ -25,9 +25,9 @@ dependencies:
version: 4.2.5(vue@3.3.4) version: 4.2.5(vue@3.3.4)
devDependencies: devDependencies:
'@iconify-json/mdi': '@iconify-json/simple-icons':
specifier: ^1.1.54 specifier: ^1.1.73
version: 1.1.54 version: 1.1.73
'@types/nprogress': '@types/nprogress':
specifier: ^0.2.1 specifier: ^0.2.1
version: 0.2.1 version: 0.2.1
@ -304,8 +304,8 @@ packages:
dev: true dev: true
optional: true optional: true
/@iconify-json/mdi@1.1.54: /@iconify-json/simple-icons@1.1.73:
resolution: {integrity: sha512-3QAsxte90EalbN2e8J30OqSSZz9qN2x+kmykQwsPahoW2dOtSvj+BR9YdiUd9A5XKk2nuU4UH5Gj/cq6WZ6CzQ==} resolution: {integrity: sha512-L9ShYHhAkJ7KHx+6wM5HK2tnCkAIKjSIyDUtTexoG8LcZF7MgiUloNfDGPDa4Vt0Oy5yHlnFBiOvqy2ojKB/8Q==}
dependencies: dependencies:
'@iconify/types': 2.0.0 '@iconify/types': 2.0.0
dev: true dev: true

View File

@ -1,20 +1,29 @@
<script setup lang="ts"> <script setup lang="ts">
const links = [ const links = [
{ {
icon: "i-mdi-github", name: "Github",
link: "https://github.com/thehrz" icon: "i-simple-icons-github",
} link: "https://github.com/thehrz",
},
{
name: "bilibili",
icon: "i-simple-icons-bilibili",
link: "https://space.bilibili.com/277921109",
},
] ]
</script> </script>
<template> <template>
<section class="flex flex-col items-center"> <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">
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> <p class="mt-8 c-dark-100">🚧 under construction...</p>
</section> </section>