From 332fa0076a1efeebd47212897c32af1ba58e55df Mon Sep 17 00:00:00 2001
From: Chris <hizyyv@gmail.com>
Date: Mon, 4 Dec 2023 15:37:14 +0800
Subject: [PATCH] chore: update

---
 components/nav/NavHeader.vue | 15 +++------------
 components/user/Avatar.vue   | 12 ++++++++++++
 pages/index.vue              | 21 ++++++---------------
 public/logos/unpreset.svg    |  5 +++++
 4 files changed, 26 insertions(+), 27 deletions(-)
 create mode 100644 components/user/Avatar.vue
 create mode 100644 public/logos/unpreset.svg

diff --git a/components/nav/NavHeader.vue b/components/nav/NavHeader.vue
index fab11a3..388278a 100644
--- a/components/nav/NavHeader.vue
+++ b/components/nav/NavHeader.vue
@@ -1,14 +1,12 @@
 <script lang="ts" setup>
 const routes = reactive<{ icon?: string, path: string, text?: string }[]>([
-  { path: '/posts', text: 'Blog' },
+  // { path: '/posts', text: 'Blog' },
   { path: '/projects', text: 'Projects' },
-  { path: '/talks', text: 'Talks' },
+  // { path: '/talks', text: 'Talks' },
 ])
 
 const route = useRoute()
 const inHome = computed(() => route.path === '/')
-
-const { data: user } = await useFetch('/api/user')
 </script>
 
 <template>
@@ -26,14 +24,7 @@ const { data: user } = await useFetch('/api/user')
     <nav w-full :class="inHome ? 'fcc' : 'fbc'">
       <div v-if="!inHome" class="transLogo">
         <NuxtLink to="/" title="Home">
-          <ImgBlurHash
-            :src="user!.avatar_url"
-            blurhash="U8B4RsM[08%j00og?ZR.%io$s:jVo$oeM^RP"
-            alt="Avatar"
-            w-10
-            h-10
-            rounded-full
-          />
+          <UserAvatar />
         </NuxtLink>
       </div>
 
diff --git a/components/user/Avatar.vue b/components/user/Avatar.vue
new file mode 100644
index 0000000..299be0e
--- /dev/null
+++ b/components/user/Avatar.vue
@@ -0,0 +1,12 @@
+<script lang='ts' setup>
+const route = useRoute()
+const inHome = computed(() => route.path === '/')
+const { data: user } = await useFetch('/api/user')
+</script>
+
+<template>
+  <div>
+    <ImgBlurHash mode="bg" class="transLogo" :src="user!.avatar_url" blurhash="L4A1l2Mx0FN402eiyEx|00-;%MIV" alt="Avatar"
+      :class="inHome ? 'w-30' : 'w-10'" aspect-square rd="[62%_47%_82%_35%/45%_45%_80%_66%]" will-change="border-radius,transform,opacity" animate-shape />
+  </div>
+</template>
diff --git a/pages/index.vue b/pages/index.vue
index 329443b..ffd2dc0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -9,18 +9,7 @@ const { data: user } = await useFetch('/api/user')
   <div prose ma c-primary:75>
     <!-- <PersonInfo /> -->
     <h1 fsc gap-5>
-      <ImgBlurHash
-        mode="bg"
-        class="transLogo"
-        :src="user!.avatar_url"
-        blurhash="L4A1l2Mx0FN402eiyEx|00-;%MIV"
-        alt="Avatar"
-        w-30
-        h-30
-        rd="[62%_47%_82%_35%/45%_45%_80%_66%]"
-        will-change="border-radius,transform,opacity"
-        animate-shape
-      />
+      <UserAvatar />
     </h1>
     <p>
       I'm <strong c-primary>{{ user?.name }}</strong>, front-end engineer 🧑🏻‍💻 & open source enthusiast.
@@ -34,7 +23,9 @@ const { data: user } = await useFetch('/api/user')
       <a linkInProse o="#c18139" href="https://github.com/elk-zone" target="_blank"><strong>Elk</strong> <sub bottom-0>farm</sub></a>,
       Creator of
       <i i-my-logos-onu-ui w-1.1em h-1.1em mr-1 />
-      <a trans linear-text shape-bl class="c-context::#C084FC" from="#ACC1EE" to="#C084FC" href="https://github.com/onu-ui" target="_blank"><strong>Onu UI</strong></a>
+      <a trans linear-text shape-bl class="c-context::#C084FC" from="#ACC1EE" to="#C084FC" href="https://github.com/onu-ui" target="_blank"><strong>Onu UI</strong></a>,
+      <i i-my-logos-unpreset w-1.1em h-1.1em mr-1 />
+      <a trans linear-text shape-bl class="c-context::#DBE74F" from="#FF5C5C" to="#DBE74F" href="https://github.com/unpreset" target="_blank"><strong>UnPreset</strong></a>
       <i i-fluent-emoji-sparkles ml-1 />
       <br>
       In the community, I am also a ecological contributors of the
@@ -48,8 +39,8 @@ const { data: user } = await useFetch('/api/user')
     </p>
 
     <p>
-      I have a wide range of interests, watching anime, climbing mountains, listening to music, learning foreign
-      languages, playing games... Recently I am learning to edit videos and I am going to be an
+      I have diverse interests, including watching anime, mountain climbing, music appreciation, foreign language acquisition, gaming,
+       and recently, I have embarked on video editing with the goal of becoming a content
       <a linkInProse o="#ed7099" href="https://space.bilibili.com/402454160" target="_blank">Uploader <i i-ri-bilibili-line /></a>.
     </p>
 
diff --git a/public/logos/unpreset.svg b/public/logos/unpreset.svg
new file mode 100644
index 0000000..cb36fab
--- /dev/null
+++ b/public/logos/unpreset.svg
@@ -0,0 +1,5 @@
+<svg width="220" height="220" viewBox="0 0 220 220" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46 195C46 186.716 52.7158 180 61 180C69.2842 180 76 186.716 76 195V208.5C76 209.328 75.3283 210 74.5 210H47.5C46.6717 210 46 209.328 46 208.5V195Z" fill="#CCCCCC"/>
+<path d="M40 195C40 203.284 33.2843 210 25 210C16.7157 210 10 203.284 10 195L10 181.5C10 180.671 10.6716 180 11.5 180H38.5C39.3284 180 40 180.671 40 181.5V195Z" fill="#4D4D4D"/>
+<path d="M64.768 152.168C62.2933 152.168 60.5867 152.04 59.648 151.784C57.1733 151.101 55.936 150.291 55.936 149.352C55.936 148.84 56.4907 148.584 57.6 148.584C58.112 148.584 58.752 148.627 59.52 148.712C60.3733 148.883 61.312 149.053 62.336 149.224C64.5547 149.736 66.2187 149.992 67.328 149.992C73.3867 149.992 79.0613 147.219 84.352 141.672C86.3147 139.539 88.32 136.979 90.368 133.992C92.416 130.92 94.3787 127.421 96.256 123.496C97.7067 120.509 99.1147 117.48 100.48 114.408C101.931 111.336 103.339 108.264 104.704 105.192C114.859 84.2 125.099 70.5893 135.424 64.36C129.28 62.312 122.368 61.288 114.688 61.288C105.899 61.288 97.9627 62.696 90.88 65.512C82.6027 68.84 76.5013 73.832 72.576 80.488C70.1013 84.6693 68.864 88.8507 68.864 93.032C68.864 97.384 70.1867 101.011 72.832 103.912C75.648 106.813 79.232 108.264 83.584 108.264C88.448 108.264 92.7573 106.515 96.512 103.016C100.181 99.6027 102.016 95.4213 102.016 90.472C102.016 87.144 101.12 84.4133 99.328 82.28C97.3653 80.0613 94.8053 78.952 91.648 78.952C89.0027 78.952 86.784 79.72 84.992 81.256C82.944 83.048 81.92 85.1813 81.92 87.656C81.92 89.704 83.0293 90.728 85.248 90.728C85.3333 90.728 85.4613 90.6427 85.632 90.472C85.7173 90.3013 85.9307 90.1307 86.272 89.96C86.528 90.0453 86.656 90.216 86.656 90.472C86.656 91.3253 86.144 91.752 85.12 91.752C82.304 91.752 80.896 90.344 80.896 87.528C80.896 84.7973 82.0907 82.408 84.48 80.36C86.8693 78.3973 89.4293 77.416 92.16 77.416C95.6587 77.416 98.688 78.6107 101.248 81C103.552 83.3893 104.704 86.4187 104.704 90.088C104.704 95.72 102.528 100.456 98.176 104.296C93.824 107.965 88.832 109.8 83.2 109.8C78.08 109.8 73.6853 108.179 70.016 104.936C66.432 101.693 64.64 97.4693 64.64 92.264C64.64 88.7653 65.4933 85.3093 67.2 81.896C71.04 74.1307 77.952 68.2853 87.936 64.36C96.0427 61.2027 105.216 59.624 115.456 59.624C123.733 59.624 131.328 60.648 138.24 62.696C142.507 60.5627 146.901 59.496 151.424 59.496C153.557 59.496 155.648 59.8373 157.696 60.52C160.171 61.544 161.408 63.0373 161.408 65C161.408 67.1333 160.811 68.2 159.616 68.2C159.275 68.2 159.104 67.432 159.104 65.896C159.104 62.7387 156.416 61.16 151.04 61.16C147.712 61.16 144.256 61.928 140.672 63.464C154.411 68.2427 161.28 76.0507 161.28 86.888C161.28 96.4453 157.056 104.04 148.608 109.672C141.355 114.621 132.693 117.096 122.624 117.096C121.771 117.096 120.832 117.053 119.808 116.968C118.784 116.883 117.632 116.755 116.352 116.584C112.939 116.243 111.232 115.731 111.232 115.048C111.232 114.365 111.445 114.024 111.872 114.024H112H111.872C111.872 114.109 112.469 114.28 113.664 114.536C114.773 114.877 116.267 115.048 118.144 115.048C126.763 115.048 134.869 112.573 142.464 107.624C150.827 101.992 155.008 95.0373 155.008 86.76C155.008 76.9467 149.205 69.736 137.6 65.128C128.555 70.6747 120.149 83.2613 112.384 102.888C111.701 104.765 110.848 107.112 109.824 109.928C108.885 112.659 107.605 115.859 105.984 119.528C102.4 127.805 97.664 134.589 91.776 139.88C85.888 145.085 78.976 148.883 71.04 151.272C69.248 151.869 67.1573 152.168 64.768 152.168Z" fill="#858585"/>
+</svg>