foster/donation-site
1
0
Fork 0
Code Issues Pull requests Activity

Add footer

Browse source 
Closes #1
This commit is contained in:
Foster Hangdaan 2024-06-01 10:45:20 -04:00
parent 35aaa9eb54
commit 1b18cea027
Signed by: foster
GPG key ID: E48D7F49A852F112
3 changed files with 50 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
_includes/layout.tsx
View file

@ -54,7 +54,22 @@ export default function (data: Lume.Data) {
/>
</head>
<body>
<main>
{data.children}
</main>
<footer class="body">
<div class="copyright">
Copyright &copy; 2024 Foster Hangdaan
</div>
<div class="meta">
<a href="https://code.fosterhangdaan.com/foster/donation-site">
Source
</a>
<a href="https://code.fosterhangdaan.com/foster/donation-site/src/branch/trunk/LICENSE.md">
License
</a>
</div>
</footer>
</body>
</html>
);

32
styles/main.css
View file

@ -1,11 +1,26 @@
@import "normalize.css";
@import "fonts.css";
@import "theme.css";
@import "vars.css";
* {
box-sizing: border-box;
}
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
font-family: var(--font-sans);
background-color: var(--color-bg);
color: var(--color-fg);
> main {
flex-grow: 1;
}
}
h1, h2, h3, h4, h5, h6 {
@ -131,7 +146,7 @@ ul {
.home-container {
margin: 0 auto;
max-width: 48rem;
max-width: var(--max-page-width);
padding: 1rem;
> div.preamble {
@ -158,3 +173,18 @@ div.tag {
color: var(--color-bg);
padding: 0.3em 0.8em;
}
footer.body {
padding: 1rem;
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: var(--max-page-width);
border-top: 1px solid var(--color-fg);
width: 100%;
div.meta {
display: flex;
gap: 1rem;
}
}

3
styles/vars.css Normal file
View file

@ -0,0 +1,3 @@
:root {
--max-page-width: 48rem;
}