config/head.ts

@@ -6,7 +6,7 @@ const description =
     'Former full time INTP & current INTJ  & part time ISTP whom is caffein overdosed hyperboosted by Monster meanwhile an egoistic capitalist that overthinks ;)'
 
 const Head: NuxtOptionsHead = {
-    title: "Toshiki's Homepage",
+    title: 'Toshiki\'s Homepage',
     meta: [
         { charset: 'utf-8' },
         { name: 'viewport', content: 'width=device-width, initial-scale=1' },
@@ -34,7 +34,7 @@ const Head: NuxtOptionsHead = {
         {
             hid: 'twitter:title',
             name: 'twitter:title',
-            content: "Toshiki's Homepage"
+            content: 'Toshiki\'s Homepage'
         },
         {
             hid: 'twitter:description',
@@ -55,7 +55,7 @@ const Head: NuxtOptionsHead = {
         {
             hid: 'og:site_name',
             name: 'og:site_name',
-            content: "Toshiki's Homepage"
+            content: 'toshiki.dev'
         },
         {
             hid: 'og:description',

src/components/LogoV2.vue

@@ -1,92 +0,0 @@
-<template>
-    <svg width="140" height="136" viewBox="0 0 140 136" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path
-            id="atstroke"
-            d="M25 80.8543C28.6667 71.8543 25.6911 56.3012 10.4911 73.9012C-8.50895 95.9012 13.5 98.8543 23 82.3543C32.5 65.8543 33.5 68.8543 33 69.3543C32.5 69.8543 15 93.3543 18 102.354C20.4 109.554 26.8334 103.188 32.5 93.8543L61.5 50.5808C86.3334 17.4141 126.1 -35.2819 70.5 46.3181L40.5 106.561C31.6637 124.394 15.9929 153.581 38 111.581"
-            stroke="black"
-            stroke-linecap="round"
-        />
-        <path id="tbar" d="M39 45L136.5 38.5" stroke="black" stroke-linecap="round" />
-    </svg>
-</template>
-<style scoped>
-@media (prefers-reduced-motion) {
-    path {
-        animation: none !important;
-        stroke-dasharray: unset !important;
-    }
-}
-
-#atstroke {
-    stroke-dashoffset: 1px;
-    stroke-dasharray: 641px 0;
-    animation: scribeatstroke 10s ease forwards infinite;
-    animation-delay: 0s;
-    transform-origin: center;
-    stroke: #000000;
-    stroke-width: 6.5;
-}
-
-#tbar {
-    stroke-dashoffset: 0.1px;
-    stroke-dasharray: 98px 0;
-    animation: scribetbar 10s ease forwards infinite;
-    animation-delay: 0s;
-    transform-origin: center;
-    stroke: #000000;
-    stroke-width: 6.5;
-    opacity: 0;
-}
-
-@keyframes scribetbar {
-    0% {
-        stroke-dashoffset: 0px;
-        stroke-dasharray: 0 98px;
-        opacity: 0;
-    }
-    10% {
-        opacity: 1;
-    }
-    40% {
-        stroke-dashoffset: 0;
-    }
-
-    85% {
-        stroke-dasharray: 98px 0;
-    }
-    95%,
-    to {
-        stroke-dasharray: 0 100px;
-        opacity: 1;
-    }
-}
-
-@keyframes scribeatstroke {
-    0% {
-        stroke-dashoffset: 0px;
-        stroke-dasharray: 0 641px;
-        opacity: 0;
-    }
-    10% {
-        opacity: 1;
-    }
-    40% {
-        stroke-dashoffset: 0;
-    }
-    85% {
-        stroke-dasharray: 641px 0;
-    }
-    95%,
-    to {
-        stroke-dasharray: 0 641px;
-        opacity: 1;
-    }
-}
-
-.dark #atstroke {
-    stroke: #ffffff;
-}
-.dark #tbar {
-    stroke: #ffffff;
-}
-</style>

src/components/Navbar.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
 import Vue from 'vue'
-import Logo from './LogoV2.vue'
+import Logo from './Logo.vue'
 
 export default Vue.extend({
     computed: {
@@ -11,7 +11,7 @@ export default Vue.extend({
             const path = this.$route.path
 
             if (path !== '/projects/premid' && path.startsWith('/projects/premid')) return '/projects/premid'
-            else if (this.routeIsBlog && this.$route.params?.slug) return '/'
+            else if (this.routeIsBlog && this.$route.params?.slug) return '/blog'
             else return '/'
         }
     }
@@ -23,8 +23,8 @@ export default Vue.extend({
         <div class="responsive-screen relative">
             <div class="flex items-center gap-6 justify-between">
                 <SmartLink :href="getTargetLink" class="flex-shrink-0 h-10 w-10 flex items-center space-x-4">
-                    <LogoV2
+                    <Logo
-                        class="rounded-md bg-transparent transition-transform sm:transform hover:-rotate-6 flex-shrink-0 h-15l w-15"
+                        class="rounded-md bg-transparent transition-transform sm:transform hover:-rotate-6 flex-shrink-0 h-10 w-10"
                     />
                     <!-- <SmartImage
                         src="/assets/signature-with-merged-stroke.svg"
@@ -33,11 +33,11 @@ export default Vue.extend({
                     /> -->
                     <!-- class="rounded-md bg-transparent ring-black transition-transform ring-2 ring-opacity-5 sm:transform hover:-rotate-6 flex-shrink-0 h-10 w-10" -->
 
-                    <!-- <Transition name="fade" mode="out-in">
+                    <Transition name="fade" mode="out-in">
                         <span v-if="routeIsBlog" class="text-black/90 text-sm uppercase font-medium dark:text-white/90">
                             Blog
                         </span>
-                    </Transition> -->
+                    </Transition>
                 </SmartLink>
 
                 <div class="flex space-x-2 items-center">

src/pages/blog/_slug.vue

@@ -228,9 +228,9 @@ export default Vue.extend({
 
                 <div class="space-y-2">
                     <!-- continue reading element -->
-                    <!-- <h3 class="text-sm dark:text-white/30 text-black/50">Continue reading</h3>
+                    <h3 class="text-sm dark:text-white/30 text-black/50">Continue reading</h3>
 
-                    <BlogPrevNext :current-slug="post.slug" /> -->
+                    <BlogPrevNext :current-slug="post.slug" />
                 </div>
             </div>
         </div>

src/pages/me/friends.vue

@@ -34,12 +34,6 @@ export default Vue.extend({
                     name: 'Summit’s Blog',
                     description: 'So who’s Summit?',
                     website: 'https://csmoe.top/'
-                },
-                {
-                    logo: 'https://www.xiaohuo.icu/wp-content/uploads/2024/04/773679.jpg',
-                    name: "Xiaohuo's Blog",
-                    description: '这里是小火，请多关照',
-                    website: 'https://www.xiaohuo.icu/'
                 }
             ]
         }
@@ -79,7 +73,7 @@ export default Vue.extend({
         class="space-y-2 margin"
     >
         <div class="flex flex-col space-y-2">
-            <Title>Add Your Site</Title>
+            <Title>Add Your Link</Title>
             <!-- <p class="text-black/50 dark:text-white/30">Comtemplating</p> -->
             <p>Fundamental information details of my website including 4 major fields of data.</p>
             <pre class="rounded-md h-38 shadow w-full overflow-y-auto language-json scrollbar text-sm space-y-2">