lab/website-components
1
Fork 0
Code Activity

Add footer component

Browse source
This commit is contained in:
Jake Howard 2024-09-02 21:57:55 +01:00
parent c65e19807d
commit 545193a779
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 61 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/footer/index.html Normal file
View file

@ -0,0 +1,21 @@
<html>
<head>
<link rel="stylesheet" href="./index.scss" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<footer>
<ul>
<li><a href="">GitHub</a></li>
<li><a href="">Twitter</a></li>
<li><a href="">Mastodon</a></li>
</ul>
<p>&copy; <a href="">TheOrangeOne</a> 2024</p>
<ul>
<li><a href="">Privacy</a></li>
<li><a href="">About</a></li>
</ul>
<p class="commit"><a href="">12345678</a></p>
</footer>
</body>
</html>

40
src/footer/index.scss Normal file
View file

@ -0,0 +1,40 @@
@import "normalize.css";
html,
body {
margin: 0;
padding: 0;
font-size: 18px;
font-family: sans-serif;
}
footer {
background-color: black;
width: 100%;
color: white;
padding: 1rem;
text-align: center;
ul {
list-style: none;
padding-left: 0;
li {
display: inline;
& + li {
margin-left: 1rem;
}
}
}
a {
color: inherit;
}
.commit {
margin-bottom: 0;
font-family: monospace;
font-size: 75%;
}
}