feat: add footer

This commit is contained in:
xHyroM 2023-04-01 11:58:19 +02:00
parent c9765b2908
commit 8d2ba9cd88
No known key found for this signature in database
GPG key ID: BE0423F386C436AA
4 changed files with 48 additions and 1 deletions

View file

@ -1,5 +1,4 @@
---
import { getImage } from "@astrojs/image";
import { SITE, OPEN_GRAPH } from "../config";
---

View file

@ -66,4 +66,13 @@ export const SITE = {
url: button.href,
})),
},
author: {
name: "xHyroM",
url: "https://xhyrom.me",
},
originalAuthor: {
name: "oliminator",
url: "https://github.com/OLIMINATOR",
},
sourceCode: "https://github.com/xHyroM/links",
};

View file

@ -1,6 +1,8 @@
---
import HeadCommon from "../components/HeadCommon.astro";
import HeadSEO from "../components/HeadSEO.astro";
import { SITE } from "../config";
---
<!DOCTYPE html>
@ -11,5 +13,41 @@ import HeadSEO from "../components/HeadSEO.astro";
</head>
<body class="overflow-x-hidden bg-primaryDotted bg-primaryDottedSize">
<slot />
<!-- make footer with tailwind with View Source text -->
<footer
class="flex h-24 w-full flex-col items-center justify-center bg-primaryDottedFooter bg-primaryDottedSize"
>
<p class="text-primary text-sm">
Made with ❤️ by
<a
class="text-primary hover:text-primaryLight font-bold"
href={SITE.author.url}
target="_blank"
rel="noopener noreferrer"
>
@{SITE.author.name}
</a>
and original author
<a
class="text-primary hover:text-primaryLight font-bold"
href={SITE.originalAuthor.url}
target="_blank"
rel="noopener noreferrer"
>
@{SITE.originalAuthor.name}
</a>
</p>
<p class="text-primary text-sm">
<a
class="text-primary hover:text-primaryLight font-bold"
href={SITE.sourceCode}
target="_blank"
rel="noopener noreferrer"
>
View Source
</a>
</p>
</footer>
</body>
</html>

View file

@ -66,6 +66,7 @@ module.exports = {
},
backgroundImage: {
primaryDotted: "radial-gradient(#E6E6D1 1px, #F9F9F1 1px)",
primaryDottedFooter: "radial-gradient(#D5D5B8 1px, #ECECE2 1px)",
},
backgroundSize: {
primaryDottedSize: "15px 15px",