Add footer

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

diff --git a/en.html b/en.html
index b28af1b5fdbb933be4c7820c46efac8c0565e836..415e51ba14c24af3345e7374920108aac474336e 100644 (file)
--- 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 20d0065dd49249539502cabd0abaea21dc1aecde..8aaea77e27938fb782c1eea83aa371e90e0ab7f0 100644 (file)
--- 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 2ee2f516ef16cd7858a429e7fc6f06639c185d28..bcd9e8b76ee4e5125e9724c052bd5732e6e6d2ec 100644 (file)
--- 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
+}