Add footer component

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

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>
);
}

View file

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

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);
}
}

View file

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