chore(social link): add mastodon social link to to navigation bar & homepage as an addition mean to contact

docs/.vitepress/config/footer.ts

@@ -1,6 +1,6 @@
 import { DefaultTheme } from 'vitepress/theme'
 
 export const footer: DefaultTheme.Config['footer'] = {
-    copyright: `Copyright © 2023-${new Date().getFullYear()} <a href="https://github.com/andatoshiki">Anda Toshiki</a>, <a href="https://github.com/lolilab">LoliLab</a> and <a href="https://github.com/toshikidev">Toshiki Dev</a> present <br /><span id="siteruntime_span"></span>`,
+    copyright: `Wrote with <span class="heart">💓</span> with 🌵 by <a href="https://toshiki.dev">Anda Toshiki</a> at <code>root@andatoshiki:/~</code> in the innovative HQ of <a href="https://asu.edu">ASU</a>`,
-    message: `Wrote with <i class="heart fa fa-heart fa-xs fa-beat"></i> and <i class="coffee fa fa-coffee fa-xs" aria-hidden="true"></i> by <a href="https://toshiki.dev">Anda Toshiki</a> at <code>root@andatoshiki:/~</code>`,
+    message: `Copyright © 2023-${new Date().getFullYear()} <a href="https://github.com/andatoshiki">Anda Toshiki</a>, <a href="https://github.com/lolilab">LoliLab</a> and <a href="https://github.com/toshikidev">Toshiki Dev</a> present <br /><span id="siteruntime_span"></span>`,
 }

docs/.vitepress/config/theme.ts

@@ -14,10 +14,14 @@ export const themeConfig: DefaultTheme.Config = {
     outlineBadges: false, // whether to show badge on outline
     lastUpdatedText: 'Last updated', // config for last updated footer text
     // documentation full text search config via algolia
-    algolia: {
+    // algolia: {
-        appId: 'G9IUR45K98',
+    //     appId: 'G9IUR45K98',
-        apiKey: '8528cc91281d8112b28f508317a96dd3',
+    //     apiKey: '8528cc91281d8112b28f508317a96dd3',
-        indexName: 'toshiki-notebook',
+    //     indexName: 'toshiki-notebook',
+    // },
+    // documentation full local index search
+    search: {
+        provider: 'local',
     },
     // documentation edit link
     editLink: {
@@ -28,6 +32,7 @@ export const themeConfig: DefaultTheme.Config = {
     socialLinks: [
         { icon: 'github', link: 'https://github.com/andatoshiki' },
         { icon: 'twitter', link: 'https://twitter.com/andatoshiki' },
+        { icon: 'mastodon', link: 'https://mastodon.social/@andatoshiki' },
     ],
     // custom vue components
     // @ts-ignore

docs/.vitepress/theme/components/Copyright.vue

@@ -101,6 +101,7 @@ const homepageLink = `https://www.toshiki.dev`
     border-color: var(--vp-custom-block-tip-border);
     border-style: solid;
     border-width: 1px;
+    border-color: var(--vp-c-green-2);
     background-color: var(--vp-custom-block-tip-bg);
     border-radius: 6px;
     color: var(--vp-c-text-2);

docs/.vitepress/theme/styles/custom.scss

@@ -81,8 +81,9 @@
 
 /* fontawesome heart pumping styles */
 .heart {
+    display: inline-block;
     animation: heart 5s ease infinite;
-    color: red;
+    // color: red;
 }
 
 @keyframes heart {
@@ -114,9 +115,9 @@
 /* font awesome heart pumping style ends */
 
 // font awesome coffee brown color style
-.coffee {
+// .coffee {
-    color: rgb(88, 13, 13);
+//     color: rgb(88, 13, 13);
-}
+// }
 // font awesome coffee brown color style ends
 
 /* glonal code font styles */
@@ -430,8 +431,9 @@ html.dark {
     align-items: end;
 }
 // vitepress homepage styles end
+
 // macos styled pre tag code block styles with three colored dots
-.vp-doc div[class*=language-] {
+.vp-doc div[class*='language-'] {
     position: relative;
     border-radius: 8px;
     overflow: hidden;
@@ -440,8 +442,8 @@ html.dark {
 }
 
 /* No line number: add macOS-style small dot */
-.vp-doc div[class*=language-]::before {
+.vp-doc div[class*='language-']::before {
-    content: "";
+    content: '';
     display: block;
     position: relative;
     top: 12px;
@@ -455,17 +457,16 @@ html.dark {
 }
 
 /* With line number: add background shadow */
-div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
+div[class*='language-'].vp-adaptive-theme.line-numbers-mode {
     position: relative;
     border-radius: 8px;
     overflow: hidden;
     // box-shadow: 0 10px 30px 0 rgb(0 0 0 / 40%);
 }
 
-
 /* With line number: add macOS-style small dot */
-.vp-doc div[class*="language-"].line-numbers-mode::before {
+.vp-doc div[class*='language-'].line-numbers-mode::before {
-    content: "";
+    content: '';
     display: block;
     position: relative;
     top: 12px;
@@ -478,8 +479,6 @@ div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
     z-index: 1;
 }
 
-
-
 /* Move line number down to align with code; hide right vertical line */
 .vp-doc .line-numbers-wrapper {
     padding-top: 32px;
@@ -488,7 +487,7 @@ div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
 
 /* Rebuild the right vertical line for line numbers */
 .vp-doc .line-numbers-wrapper::after {
-    content: "";
+    content: '';
     position: absolute;
     top: 38px;
     right: 0;

docs/.vitepress/theme/styles/tweak.scss

@@ -23,6 +23,12 @@
     --vp-c-danger-2: var(--vp-c-red-2);
     --vp-c-danger-3: var(--vp-c-red-3);
     --vp-c-danger-soft: var(--vp-c-red-soft);
+
+    /* Color scheme for version 1.0.0-beta.7 and earlier */
+    --vp-c-brand-1: var(--vp-c-green-1);
+    --vp-c-brand-2: var(--vp-c-green-2);
+    --vp-c-brand-3: var(--vp-c-green-3);
+    --vp-c-brand-soft: var(--vp-c-green-soft);
 }
 
 :root {
@@ -37,13 +43,13 @@
     --vp-button-brand-active-bg: var(--vp-c-brand-1);
 }
 
-:root {
+// :root {
-    --vp-home-hero-name-color: transparent;
+//     --vp-home-hero-name-color: transparent;
-    --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
+//     --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
 
-    --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
+//     --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
-    --vp-home-hero-image-filter: blur(40px);
+//     --vp-home-hero-image-filter: blur(40px);
-}
+// }
 
 @media (min-width: 640px) {
     :root {
@@ -68,7 +74,6 @@
     --docsearch-primary-color: var(--vp-c-brand-1) !important;
 }
 
-
 // github/mkdocs styled adomonition callout component css style tweak
 /* Light and dark color cards */
 :root {