chore: imaging

kaplayjs · Oct 4, 2024 · 6583cfb · 6583cfb
1 parent b2de4d7
commit 6583cfb
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 12 deletions.
diff --git a/public/kaplay.webp b/public/kaplay.webp
diff --git a/src/components/Land/About.astro b/src/components/Land/About.astro
@@ -54,9 +54,9 @@ import AboutFeatured from "./AboutFeatured.astro";
             </div>
         </div>
         <div>
-            <Image
+            <img
                 class="w-full max-w-3xl"
-                src={kaplayBanner}
+                src={kaplayBanner.src}
                 alt="KAPLAY Banner"
                 height={1400}
                 width={500}

diff --git a/src/components/Land/Navbar.astro b/src/components/Land/Navbar.astro
@@ -6,8 +6,6 @@ import { Image } from "astro:assets";
 
 const urlPath = Astro.url.pathname;
 
-const linksPrefix = urlPath === "/" ? "" : "/";
-
 const internalLinks = [
     {
         name: "Home",

diff --git a/src/components/Sidebar/Sidebar.astro b/src/components/Sidebar/Sidebar.astro
@@ -7,7 +7,7 @@ import { cn } from "@/util/cn";
 import { t } from "@/util/i18n";
 import { getLangedRoute } from "@/util/path";
 import type { MarkdownHeading } from "astro";
-import Image from "astro/components/Image.astro";
+import { Image } from "astro:assets";
 import {
     getBlogEntries,
     getBookEntries,
@@ -161,11 +161,12 @@ else if (sidebarMode === "books") {
             <figure>
                 <a class="btn btn-ghost h-max" href={getLangedRoute(lang, "/")}>
                     <Image
-                        src={kaplayOutlined}
+                        src="/kaplay.webp"
                         alt="kaplay logo"
                         class="w-52 h-24 aspect-auto object-contain"
                         width={208}
                         height={100}
+                        loading={"eager"}
                     />
                 </a>
             </figure>

diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
@@ -59,15 +59,11 @@ const image = meta?.image ?? "/kaplayjs.png";
             rel="stylesheet"
             href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/base16/summerfruit-dark.min.css"
         />
-        <link
-            rel="stylesheet"
-            href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css"
-            integrity="sha384-MlJdn/WNKDGXveldHDdyRP1R4CTHr3FeuDNfhsLPYrq2t0UBkUdK2jyTnXPEK1NQ"
-            crossorigin="anonymous"
-        />
+
         <title>{meta?.title}</title>
         <ViewTransitions />
         <script src="/pagefind/pagefind-ui.js" is:inline></script>
+        <slot name="head" />
     </head>
     <body>
         <slot />

diff --git a/src/layouts/SidebarPage.astro b/src/layouts/SidebarPage.astro
@@ -16,6 +16,8 @@ const { sidebarMode, meta, lang, headings } = Astro.props;
 ---
 
 <Page lang={lang} meta={meta}>
+    <slot name="head" slot="head" />
+
     <Sidebar sidebarMode={sidebarMode} headings={headings}>
         <slot />
     </Sidebar>

diff --git a/src/pages/[...path]/books/[...book]/[...slug].astro b/src/pages/[...path]/books/[...book]/[...slug].astro
@@ -35,6 +35,14 @@ const { Content, headings } = await entry.render();
     sidebarMode="books"
     headings={headings}
 >
+    <link
+        rel="stylesheet"
+        href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css"
+        integrity="sha384-MlJdn/WNKDGXveldHDdyRP1R4CTHr3FeuDNfhsLPYrq2t0UBkUdK2jyTnXPEK1NQ"
+        crossorigin="anonymous"
+        slot="head"
+    />
+
     <Prose>
         <Content />
     </Prose>