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";
|
import { SITE, OPEN_GRAPH } from "../config";
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
|
@ -66,4 +66,13 @@ export const SITE = {
|
||||||
url: button.href,
|
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 HeadCommon from "../components/HeadCommon.astro";
|
||||||
import HeadSEO from "../components/HeadSEO.astro";
|
import HeadSEO from "../components/HeadSEO.astro";
|
||||||
|
|
||||||
|
import { SITE } from "../config";
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
@ -11,5 +13,41 @@ import HeadSEO from "../components/HeadSEO.astro";
|
||||||
</head>
|
</head>
|
||||||
<body class="overflow-x-hidden bg-primaryDotted bg-primaryDottedSize">
|
<body class="overflow-x-hidden bg-primaryDotted bg-primaryDottedSize">
|
||||||
<slot />
|
<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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -66,6 +66,7 @@ module.exports = {
|
||||||
},
|
},
|
||||||
backgroundImage: {
|
backgroundImage: {
|
||||||
primaryDotted: "radial-gradient(#E6E6D1 1px, #F9F9F1 1px)",
|
primaryDotted: "radial-gradient(#E6E6D1 1px, #F9F9F1 1px)",
|
||||||
|
primaryDottedFooter: "radial-gradient(#D5D5B8 1px, #ECECE2 1px)",
|
||||||
},
|
},
|
||||||
backgroundSize: {
|
backgroundSize: {
|
||||||
primaryDottedSize: "15px 15px",
|
primaryDottedSize: "15px 15px",
|
||||||
|
|
Loading…
Reference in a new issue