Add footer

Signed-off-by: Max Charrier <max@puffer.fish>

3 files changed, 26 insertions, 7 deletions

diff --git a/en.html b/en.html
index b28af1b..415e51b 100644
--- a/en.html
+++ b/en.html
@@ -28,5 +28,12 @@
    </nav>
    </HEADER>
    <P>Welcome to Deez Nuts!</P>
+   <FOOTER>
+    <ADDRESS>
+     For more details, contact
+     <A HREF="mailto:max@puffer.fish">me</A>.
+    </ADDRESS>
+    <P>Copyright (&copy;) 2025 Max Charrier</P>
+   </FOOTER>
  </BODY>
 </HTML>
diff --git a/index.html b/index.html
index 20d0065..8aaea77 100644
--- a/index.html
+++ b/index.html
@@ -28,5 +28,12 @@
    </nav>
   </HEADER>
   <P>Pain, beurre et confiture</P>
+  <FOOTER>
+   <ADDRESS>
+    For more details, contact
+    <A HREF="mailto:max@puffer.fish">me</A>.
+   </ADDRESS>
+   <P>Copyright (&copy;) 2025 Max Charrier</P>
+  </FOOTER>
  </BODY>
 </HTML>
diff --git a/stylesheet.css b/stylesheet.css
index 2ee2f51..bcd9e8b 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -1,16 +1,18 @@
 body {
 	background-color: #f1e9df;
 	color: #89a06b;
+	margin: 30px 20%;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	justify-content: center;
+	gap: 30px;
 	font-family: 'comic_monobold', ui-monospace, monospace;
-	font-size: 1.4rem;
+	font-size: 1.4em;
 }
 header {
-	margin: 30px;
+	align-self: center;
 	padding: 0 18%;
+	padding-bottom: 20px;
 	border-bottom: 1px solid #a89a8e;
 }
 h1 {
@@ -18,9 +20,6 @@ h1 {
 	font-size: 3.2rem;
 	letter-spacing: 0.5rem;
 }
-nav {
-	margin: 10px;
-}
 nav aside {
 	zoom: 60%;
 }
@@ -39,6 +38,12 @@ nav aside a {
 nav ul {
 	margin-top: 10px;
 	display: flex;
-	justify-content: space-around;
+	justify-content: space-evenly;
 	font-size: 1rem;
 }
+footer {
+	align-self: center;
+	padding: 20px 18%;
+	border-top: 1px solid #a89a8e;
+	font-size: 0.8rem
+}