foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Add footer component

Browse source
This commit is contained in:
Foster Hangdaan 2023-07-26 23:04:30 -04:00
parent 67eea2493a
commit 3845f76651
Signed by: foster
GPG key ID: E48D7F49A852F112
4 changed files with 21 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
_components/footer.tsx Normal file
View file

@ -0,0 +1,8 @@
export default function({ comp }) {
return (
<footer className="page-footer">
<p>Copyright &copy; 2023 Foster Hangdaan</p>
<p>Made with <a href="https://deno.land/" target="_blank">Deno</a>, <a href="https://lume.land/" target="_blank">Lume</a>, <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a> and lots of <span className="heart"></span>.</p>
</footer>
);
}

2
_includes/layouts/main.tsx
View file

@ -11,6 +11,8 @@ export default function({ title, header, children, comp }) {
{ comp.navbar() }
{ comp.header(header) }
{ children }
{ comp.separator() }
{ comp.footer() }
</body>
</html>
);

10
_includes/styles/components/footer.scss Normal file
View file

@ -0,0 +1,10 @@
.page-footer {
text-align: center;
max-width: var(--page--max-width);
margin: 0 auto;
padding: 1rem;
.heart {
color: var(--color-red);
}
}

1
styles/main.scss
View file

@ -11,3 +11,4 @@
@import "styles/components/navbar";
@import "styles/components/header";
@import "styles/components/separator";
@import "styles/components/footer";