feat: landpage ui update

components/PersonInfo.vue

@@ -13,7 +13,7 @@ const { data: user } = await useFetch('/api/user')
         <code text-p-r font-dm v-text="`<Front-End Developer />`" />
         <span text-p-r animate-count-infinite animate-duration-2000 animate-flash> | </span>
         🧑🏻‍💻 &
-        <code text-sm rd-sm b="~ dashed orange/60" p-1 text-p-r>open source enthusiast</code>.
+        <code text-sm rd-sm font-dm b="~ dashed orange/60" p-1 text-p-r>Open Source Enthusiast</code>
       </p>
       <p italic font-dm mt-2>
         「 {{ user?.bio }} 」

components/nav/NavFooter.vue

@@ -1,5 +1,5 @@
 <template>
-  <footer backdrop-blur py-2 fbc min-w-65ch w-fit ma gap-6 pos-sticky bottom-0>
+  <footer backdrop-blur py-2 fbc min-w-65ch w-fit ma gap-6>
     <div font-dm text="xs gray4" fsc flex-wrap gap-3>
       <a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2022005364号</a>
       <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a>

components/nav/NavHeader.vue

@@ -33,6 +33,4 @@ const inHome = computed(() => route.path === '/')
       </div>
     </nav>
   </header>
-  <!-- For header fixed -->
-  <div h-16 md:h-18 />
 </template>

layouts/default.vue

@@ -15,6 +15,5 @@
     <slot />
   </main>
   <NavFooter />
-  <!-- <Cursor /> -->
   <Bg />
 </template>

pages/index.vue

@@ -5,7 +5,7 @@ useHead({
 </script>
 
 <template>
-  <div ma w-fit>
+  <div fcc size-screen>
     <PersonInfo />
     <!-- <p>
       I have diverse interests, including watching anime, mountain climbing, music appreciation, foreign language acquisition, gaming,