feat: config to add a neko from webneko.net

src/config.ts

@@ -14,8 +14,9 @@ export const siteConfig = {
     // footer
     // yes you can write html safely here
     customFooter: '<i>I have no mouth, and I must SCREAM</i>',
+    // comments
     comments: {
-        type: 'fediverse', // 'artalk','giscus','fediverse','hatsu'
+        type: 'artalk', // 'artalk','giscus','fediverse','hatsu'
         artalk: {
             instanceDomain: '', // the domain of your artalk instance
         },
@@ -58,5 +59,12 @@ export const siteConfig = {
             // use hatsu.cli.rs to get replies from the fediverse
             instanceDomain: '',
         }
+    },
+    // neko
+    // by enabling this, you can add a neko that follows cursor to your site
+    // this will load script from webneko.net
+    neko: {
+        enabled: false,
+        type: 'mike' // more available, for a full list, check https://webneko.net/
     }
 }

src/layouts/Layout.astro

@@ -18,6 +18,7 @@ const formattedPath = defaultTitle.toLowerCase().replace(/\s+/g, '-');
 
 const navBarItems = siteConfig.navBarItems
 const customFooter = siteConfig.customFooter
+const nekoType = siteConfig.neko?.type
 
 const { title, path = formattedPath, description = siteConfig.description, ogImage = "" } = Astro.props;
 // TODO: make the path dynamic
@@ -64,5 +65,13 @@ const { title, path = formattedPath, description = siteConfig.description, ogIma
         <p>Powered by <a href="https://git.gb0.dev/gb/mercury"><img src="/mercury.svg" width="16px" alt="mercury logo" /> mercury</a></p>
       </div>
     </footer>
+    { siteConfig.neko.enabled &&
+      <>
+        <script is:inline define:vars={{ nekoType  }}>
+          window.NekoType = nekoType;
+        </script>
+        <script is:inline src="https://webneko.net/n20171213.js"></script>
+      </>
+    }
   </body>
 </html>

src/styles/global.css

@@ -6,7 +6,7 @@
   --text-color: #d8dee9;
   --accent-color: #81a1c1;
   --border-color: #3b4351;
-  --header-color: #2e3440;
+  --header-color: #eceff4;
   --terminal-green: #a3be8c;
   --terminal-yellow: #ebcb8b;
   --terminal-red: #bf616a;