privacy policy

astro.config.mjs

@@ -1,11 +1,14 @@
-import { defineConfig } from 'astro/config'
+import { defineConfig, passthroughImageService } from 'astro/config'
 import mdx from '@astrojs/mdx'
 import tailwind from '@astrojs/tailwind'
 import compress from 'astro-compress'
 import icon from "astro-icon"
 
 // https://astro.build/config
 export default defineConfig({
+  image: {
+    service: passthroughImageService()
+  },
   compressHTML: true,
   integrations: [mdx(), icon(), tailwind({
     applyBaseStyles: false,

package.json

@@ -31,5 +31,8 @@
     "sass": "^1.49.9",
     "svgo": "^3.2.0",
     "tailwindcss": "^3.2.7"
+  },
+  "dependencies": {
+    "sharp": "^0.33.3"
   }
 }

src/components/Footer.astro

@@ -5,12 +5,13 @@ const currentYear = new Date().getFullYear()
 ---
 
 <footer>
-  <CallToAction />
+  <!-- <CallToAction /> -->
   <section class="py-8">
     <div class="container">
       <p>
-        &copy; {currentYear} - Starter Theme for <a href="https://astro.build/">Astro</a>. Made with ❤️ by <a
-          href="https://github.com/markteekman">Mark Teekman</a
+        <a href="/privacy-policy">Privacy Policy</a> • 
+        <a href="https://honwhy.wang" target="_blank">Links</a> • &copy; {currentYear} - mangostana-ai. Made with ❤️ by <a
+          href="https://github.com/honwhy">Honwhy Wang</a
         >.
       </p>
     </div>

src/components/Header.astro

@@ -10,16 +10,10 @@ import { Icon } from 'astro-icon/components'
     <li class="menu-item">
       <a href="/">Home</a>
     </li>
-    <li class="menu-item">
-      <a href="/blog/">Blog</a>
-    </li>
     <li class="menu-item">
       <a href="/usage/">Usage</a>
     </li>
-    <li class="menu-item">
-      <a href="/Privacy/">Privacy</a>
-    </li>
-    <li class="menu-item has-dropdown">
+    <!-- <li class="menu-item has-dropdown">
       <button aria-haspopup="true" aria-expanded="false">Example Pages</button>
       <ul class="dropdown-menu">
         <li class="submenu-item">
@@ -32,10 +26,10 @@ import { Icon } from 'astro-icon/components'
           <a href="/accessible-components">Accessible Components</a>
         </li>
       </ul>
-    </li>
-    <li class="menu-item">
+    </li> -->
+    <!-- <li class="menu-item">
       <a href="https://accessible-astro.dev" title="external link" rel="external noopener noreferrer">External Link</a>
-    </li>
+    </li> -->
     <li class="menu-item type-icon">
       <a href="https://github.com/honwhy/hundreds-of-words" title="Go to the GitHub page">
         <Icon name="ion:logo-github" />

src/components/Navigation.astro

@@ -2,14 +2,14 @@
 import ResponsiveToggle from './ResponsiveToggle.astro'
 import { DarkMode } from 'accessible-astro-components'
 import { Image } from 'astro:assets'
-import logo from '../assets/img/download.svg'
+import logo from '../assets/img/256.png'
 ---
 
 <div id="main-navigation" class="is-desktop py-8">
   <div class="container">
     <a href="/" class="flex items-center gap-2 !no-underline">
-      <Image src={logo} alt="Your Logo" width="47" height="37" />
-      <span class="font-bold">100-words</span>
+      <Image src={logo} alt="Your Logo" width="40" />
+      <span class="font-bold " style="font-size: 1.5rem;">100-words</span>
     </a>
     <div class="wrapper">
       <nav class="desktop-menu" aria-label="Main navigation desktop">