refactor: use imported svg to display logos

src/layouts/Layout.astro

@@ -3,9 +3,11 @@ import '../styles/global.css';
 import Search from '../components/Search.astro';
 import ThemeSwitcher from '../components/ThemeSwitcher.astro';
 import BackToTop from "../components/BackToTop.astro";
-import { siteConfig } from "../config";
 import Meta from "../components/helper/head/Meta.astro";
 
+import { siteConfig } from "../config";
+import Logo from '../assets/mercury.svg'
+
 interface Props {
   title: string;
   description: string;
@@ -65,7 +67,7 @@ const { title = pageTitle, description = siteConfig.description, ogImage = "" }
       </div>
       <div class="container">
         <Fragment set:html={customFooter} />
-        <p>Powered by <a href="https://git.gb0.dev/gb/mercury"><img src="/mercury.svg" width="16px" alt="mercury logo" /> mercury</a></p>
+        <p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /> mercury</a></p>
       </div>
     </footer>
     { siteConfig.neko.enabled &&

src/styles/global.css

@@ -134,7 +134,7 @@ main {
   opacity: 0.7;
 }
 
-.footer img {
+.footer svg {
   vertical-align: middle;
 }
 

staticwebapp.config.json

@@ -0,0 +1,19 @@
+{
+  "trailingSlash": "auto",
+  "routes": [
+    {
+      "route": "/*",
+      "headers": {
+        "cache-control": "must-revalidate, max-age=15770000"
+      }
+    }
+  ],
+  "responseOverrides": {
+    "404": {
+      "rewrite": "/404.html"
+    }
+  },
+  "globalHeaders": {
+    "content-security-policy": "default-src https: 'unsafe-eval' 'unsafe-inline'; object-src 'none'"
+  }
+}