CatCodeMe
diff --git a/‎bun.lock‎
Lines changed: 3 additions & 0 deletions b/‎bun.lock‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎package.json‎
Lines changed: 2 additions & 1 deletion b/‎package.json‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎packages/pure/components/basic/Header.astro‎
Lines changed: 15 additions & 10 deletions b/‎packages/pure/components/basic/Header.astro‎
Lines changed: 15 additions & 10 deletions
diff --git a/‎public/clouds/hero-home.riv‎
616 KB b/‎public/clouds/hero-home.riv‎
616 KB
diff --git a/‎public/styles/global.css‎
Lines changed: 0 additions & 1 deletion b/‎public/styles/global.css‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎src/layouts/BaseLayout.astro‎
Lines changed: 3 additions & 2 deletions b/‎src/layouts/BaseLayout.astro‎
Lines changed: 3 additions & 2 deletions
@@ -26,9 +26,10 @@
     "@expressive-code/plugin-line-numbers": "^0.41.3",
     "@iconify-json/devicon": "^1.2.20",
     "@playform/compress": "^0.2.0",
-    "@waline/client": "^3.6.0",
+    "@rive-app/canvas": "2.19.8",
     "@unocss/preset-wind3": "^66.0.0",
     "@unocss/reset": "^66.0.0",
+    "@waline/client": "^3.6.0",
     "@xt0rted/expressive-code-file-icons": "^1.0.0",
     "astro": "5.5.3",
     "astro-expressive-code": "^0.41.3",
 
@@ -39,15 +39,18 @@ import { Icon } from '../user'
 
     {/* buttons */}
     <div class='z-30 flex gap-x-4 group-[.not-top]:gap-x-2' style='transition:gap 0.3s'>
-      <button
+      <!-- <button
         id='toggleDarkMode'
-        class='group/dark box-content size-5 rounded-md border p-1.5 transition-colors hover:bg-border sm:group-[.not-top]:rounded-xl'
+        class:list={[
+          'group/dark box-content size-5 rounded-md border p-1.5 transition-colors hover:bg-border sm:group-[.not-top]:rounded-xl',
+          isHome && 'hidden',
+        ]}
       >
         <span class='sr-only'>Dark Theme</span>
         <Icon class='system size-5 group-hover/dark:text-primary' name='computer' />
         <Icon class='light hidden size-5 group-hover/dark:text-primary' name='sun' />
         <Icon class='dark hidden size-5 group-hover/dark:text-primary' name='moon' />
-      </button>
+      </button> -->
       <button
         id='toggleMenu'
         class='rounded-md border p-1.5 transition-colors hover:bg-border sm:hidden sm:group-[.not-top]:rounded-xl'
@@ -88,13 +91,15 @@ import { Icon } from '../user'
 
       // Dark Mode
       const darkModeBtn = this.querySelector('#toggleDarkMode') as HTMLElement
-      darkModeBtn.addEventListener('click', () => {
-        const newTheme = setTheme(undefined, true)
-        // Update both button and html root element
-        darkModeBtn.dataset.theme = newTheme
-        document.documentElement.dataset.theme = newTheme
-        showToast({ message: `Set theme to ${newTheme}` })
-      })
+      if (darkModeBtn) {
+        darkModeBtn.addEventListener('click', () => {
+          const newTheme = setTheme(undefined, true)
+          // Update both button and html root element
+          darkModeBtn.dataset.theme = newTheme
+          document.documentElement.dataset.theme = newTheme
+          showToast({ message: `Set theme to ${newTheme}` })
+        })
+      }
 
       // Menu
       this.querySelector('#toggleMenu')?.addEventListener('click', () => {
 
@@ -1,5 +1,4 @@
 @import url("https://fontsapi.zeoseven.com/89/main/result.css");
-
 body {
   font-family: "JyunsaiKaai";
   font-weight: normal;
 
@@ -19,9 +19,10 @@ import '@waline/client/waline-meta.css'
 interface Props {
   meta: SiteMeta
   highlightColor?: string
+  bodyClass?: string
 }
 
-const { meta, highlightColor, ...props } = Astro.props
+const { meta, highlightColor, bodyClass, ...props } = Astro.props
 const {
   articleDate,
   description = config.description,
@@ -36,7 +37,7 @@ const {
     <ThemeProvider />
   </head>
 
-  <body class='flex justify-center bg-background text-foreground' {...props}>
+  <body class:list={['flex justify-center bg-background text-foreground', bodyClass]} {...props}>
     {
       highlightColor && (
         <div
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`@import url("https://fontsapi.zeoseven.com/89/main/result.css");`
`2`		`-`
`3`	`2`	`body {`
`4`	`3`	`font-family: "JyunsaiKaai";`
`5`	`4`	`font-weight: normal;`