Make another thing a component :)
Signed-off-by: Sam Therapy <sam@samtherapy.net>
This commit is contained in:
parent
338c145739
commit
dfc20dd715
5 changed files with 32 additions and 24 deletions
14
_config.ts
14
_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;
|
||||
|
|
17
src/_components/footer.tsx
Normal file
17
src/_components/footer.tsx
Normal file
|
@ -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>
|
||||
);
|
|
@ -1,3 +1,6 @@
|
|||
{
|
||||
"endpoint": "froth.zone"
|
||||
}
|
||||
"endpoint": "froth.zone",
|
||||
"source": "https://git.froth.zone/sam/nameservers",
|
||||
"contact": "https://froth.zone/sam",
|
||||
"name": "Sam"
|
||||
}
|
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -2,4 +2,4 @@
|
|||
"imagick": {
|
||||
"format": "webp"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue