mirror of
https://github.com/xHyroM/links.git
synced 2024-11-10 02:28:06 +01:00
feat: add footer
This commit is contained in:
parent
c9765b2908
commit
8d2ba9cd88
4 changed files with 48 additions and 1 deletions
|
@ -1,5 +1,4 @@
|
|||
---
|
||||
import { getImage } from "@astrojs/image";
|
||||
import { SITE, OPEN_GRAPH } from "../config";
|
||||
---
|
||||
|
||||
|
|
|
@ -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",
|
||||
};
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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",
|
||||
|
|
Loading…
Reference in a new issue