Make another thing a component :)

Signed-off-by: Sam Therapy <sam@samtherapy.net>
2022-09-25 19:25:51 +02:00 · 2022-09-25 19:25:51 +02:00 · dfc20dd715
parent 338c145739
commit dfc20dd715
5 changed files with 32 additions and 24 deletions
--- a/_config.ts
+++ b/_config.ts
@ -6,15 +6,15 @@ import lightningcss from "lume/plugins/lightningcss.ts";
 import sass from "lume/plugins/sass.ts";

 const site = lume({
-	src: "./src",
-	dest: "./dist",
+  src: "./src",
+  dest: "./dist",
 });

 site
-	.use(imagick())
-	.use(inline())
-	.use(jsx_preact())
-	.use(lightningcss())
-	.use(sass());
+  .use(imagick())
+  .use(inline())
+  .use(jsx_preact())
+  .use(lightningcss())
+  .use(sass());

 export default site;
--- a/src/_components/footer.tsx
+++ b/src/_components/footer.tsx
@ -0,0 +1,17 @@
+import { PageData } from "lume/core.ts";
+
+export default (data: { contact: string, name: string, source: string }) => (
+  <footer>
+    <small>
+      <a href={data.source}>
+        source
+      </a>
+      <small>
+        <br />
+        <br />
+        Contact <a href={data.contact}>{data.name}</a>{" "}
+        if you want to use this nameserver as your own.
+      </small>
+    </small>
+  </footer>
+);
--- a/src/_data/site.json
+++ b/src/_data/site.json
@ -1,3 +1,6 @@
 {
-  "endpoint": "froth.zone"
-}
+  "endpoint": "froth.zone",
+  "source": "https://git.froth.zone/sam/nameservers",
+  "contact": "https://froth.zone/sam",
+  "name": "Sam"
+}
--- a/src/_includes/layouts/main.tsx
+++ b/src/_includes/layouts/main.tsx
@ -1,7 +1,7 @@
 import { PageData } from "https://deno.land/x/lume@v1.11.4/core.ts";
 import Favicon from "../../_components/favicon.tsx";
 import Image from "../../_components/image.tsx";
-
+import Footer from "../../_components/footer.tsx";
 export const layout = "layouts/_main.njk";

 export default (data: PageData) => (
@ -16,19 +16,7 @@ export default (data: PageData) => (
    </head>
    <body>
      <Image char={data.body as string} />
-      <footer>
-        <small>
-          <a href="https://git.froth.zone/sam/nameservers">
-            source
-          </a>
-          <small>
-            <br />
-            <br />
-            Contact <a href="https://froth.zone/sam">Sam</a>{" "}
-            if you want to use this nameserver as your own.
-          </small>
-        </small>
-      </footer>
+      <Footer source={data.site.source} name={data.site.name} contact={data.site.contact} />
    </body>
  </html>
 );
--- a/src/img/_data.json
+++ b/src/img/_data.json
@ -2,4 +2,4 @@
  "imagick": {
    "format": "webp"
  }
-}
+}