From 033addb7d87cdbc6551639b7ac3123a092e5cc82 Mon Sep 17 00:00:00 2001
From: chris <chris@chrisedwards.tech>
Date: Wed, 8 Jan 2025 20:54:24 -0500
Subject: [PATCH] add footer

---
 index.html | 13 ++++++++++---
 script.js  | 11 ++++++++++-
 style.css  | 10 +++++++++-
 3 files changed, 29 insertions(+), 5 deletions(-)
diff --git a/index.html b/index.html
index 36b5b67..50f5026 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Playwrite+AU+SA:wght@100..400&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="style.css">
-<script defer src="script.js"></script>
+
 </head>
 <body>
     <nav class="navbar is-info is-spaced has-shadow" role="navigation" aria-label="main navigation">
@@ -74,12 +74,19 @@
     </div>
     <div class="is-flex-direction-column is-dark">
       <h1 class="is-size-3" style="text-align: center;">Visit our store</h1>  
-<h2 class="is-size-4" style="text-align: center;"> <a target="_blank" href="https://maps.app.goo.gl/gRk6NztgMRUsSVJf9">554 ste 9 Boston Post Road, Milford, CT 06460</a> </h2>  
+<h2 class="is-size-4" style="text-align: center;"> <a target="_blank" href="https://maps.app.goo.gl/gRk6NztgMRUsSVJf9">554   Boston Post Road, Milford, CT 06460</a> </h2>  
 <h2 class="is-size-4" style="text-align: center;" ><a href="tel:203.283.5626">203.283.5626</a> </h2>
 <div class=" has-text-centered"> <button class="button is-info ">Contact Us</button>
 </div>
     </div>
 
-
+    <footer class="footer has-background-primary-light">
+      <div class="content has-text-centered">
+          <h7>Copyright &copy; <span id="year"></span> Beach Party Balloons</h7>
+          <h7>All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited.</h7>
+      </div>
+    </footer>
+    <div id="footer"></div>
+    <script src="script.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/script.js b/script.js
index 6edc83d..e8090cb 100644
--- a/script.js
+++ b/script.js
@@ -1,3 +1,5 @@
+
+// Mobile NavBar
 document.addEventListener('DOMContentLoaded', () => {
 
     // Get all "navbar-burger" elements
@@ -18,4 +20,11 @@ document.addEventListener('DOMContentLoaded', () => {
       });
     });
   
-  });
\ No newline at end of file
+  });
+
+  // Footer copyright date
+  const copyDate = ( () => {
+   let date = new Date();
+  document.getElementById("year").innerHTML = "&nbsp" + date.getFullYear() + "&nbsp";
+  } );
+   copyDate();
diff --git a/style.css b/style.css
index c77a769..2786486 100644
--- a/style.css
+++ b/style.css
@@ -7,7 +7,7 @@
     --bulma-navbar-item-img-max-height: 200px;
   }
   html{
-    background-color:antiquewhite;
+    background-color:rgb(231, 230, 221);
     font-family: "Playwrite AU SA", serif;
     height: 100%;
   }
@@ -50,4 +50,12 @@ nav{
   padding: 5px;
   margin: auto;
   text-align: center;
+}
+ffooter{
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  max-height: fit-content !important;
+  padding: 0;
 }
\ No newline at end of file
