Updated with descriptions and added a countdown and a map

index.html

@@ -10,51 +10,58 @@
 
     <header>
         <h1>Nibbles Night</h1>
-        <p>Join us on December 11th for a cosy evening of delightful bites and non-alcoholic cocktails.</p>
+        <p>Join us for a cosy evening of delightful bites and non-alcoholic cocktails.</p>
+        <br/>
+        <h3><div id="countdown">Calculating...</div></h3>
     </header>
 
     <section class="details">
-        <h2>Event Details</h2>
-        <p><strong>Date:</strong> December 11th</p>
-        <p><strong>Time:</strong> 5 PM</p>
+        <h2>Information</h2>
+        <p><strong>Date:</strong> 11th December</p>
+        <p><strong>Time:</strong> 6 PM</p>
         <p><strong>Location:</strong> Fraser's Flat</p>
     </section>
 
     <section class="menu">
         <h2>Menu</h2>
         <h3>Meat</h3>
         <ul>
-            <li>Gilda</li>
-            <li>Sarde in Saor</li>
-            <li>Prosciutto-Wrapped Asparagus</li>
-            <li>Chorizo & Manchego with Pickled Peppers</li>
-            <li>Insalata del Mare</li>
-        </ul>
+        <li><strong>Gilda</strong> — A classic Basque pintxo featuring green olives, anchovies, and pickled green peppers, skewered on a toothpick.</li>
+        <li><strong>Sarde in Saor</strong> — Venetian-style fried sardines, marniated with onions, pine nuts, and raisins for a sweet and sour flavour.</li>
+        <li><strong>Prosciutto-Wrapped Asparagus</strong> — Tender asparagus spears wrapped in thin slices of prosciutto.</li>
+        <li><strong>Chorizo & Manchego with Pickled Peppers</strong> — A combination of spicy chorizo, aged Manchego cheese and tangy pickled peppers, all skewered together for a bold bite.</li>
+        <li><strong>Insalata del Mare</strong> — A refreshing seafood salad made with calamari, shrimp, and mussels, dressed in olive oil, lemon juice, and fresh herbs.</li></ul>
 
         <h3>Vegetarian</h3>
         <ul>
-            <li>Marinated Olives with Citrus & Rosemary</li>
-            <li>Pizzeta</li>
-            <li>Crostini al Funghi</li>
-            <li>Tomato Bruschetta with Basil</li>
-            <li>Fig & Gorgonzola Crostini</li>
-            <li>Charred Peppers & Goat Cheese</li>
-        </ul>
+        <li><strong>Marinated Olives with Citrus & Rosemary</strong> — Olives infused with zesty citrus and fragrant rosemary.</li>
+        <li><strong>Pizzeta</strong> — Mini pizzas topped with fresh tomato sauce, mozzarella, and herbs.</li>
+        <li><strong>Crostini al Funghi</strong> — Toasted bread topped with savory mushroom spread.</li>
+        <li><strong>Tomato Bruschetta with Basil</strong> — Crisp bread topped with fresh tomatoes, basil, and olive oil.</li>
+        <li><strong>Fig & Gorgonzola Crostini</strong> — Sweet figs paired with creamy Gorgonzola on toast.</li>
+        <li><strong>Charred Peppers & Goat Cheese</strong> — Sweet peppers served with tangy goat cheese.</li></ul>
     </section>
 
-    <section class="drinks">
+    <section class="na-drinks">
         <h2>Non-Alcoholic Cocktails</h2>
         <ul>
-            <li>Blood Orange & Rosemary Fizz</li>
-            <li>Berry Basil Lemonade</li>
-            <li>Pineapple Caviar</li>
-            <li>Warm Winter Punch</li>
-        </ul>
+        <li><strong>Blood Orange & Rosemary Fizz</strong> — Blood orange juice, sparkling water, rosemary syrup, and fresh rosemary sprigs.</li>
+        <li><strong>Berry Basil Lemonade</strong> — Mixed berries, fresh basil, lemon juice, and sparkling water.</li>
+        <li><strong>Pineapple Caviar</strong> — Pineapple juice, lime juice, agave syrup, and molecular spheres.</li>
+        <li><strong>Warm Winter Punch</strong> — Non-alcoholic rum, orange juice, pineapple juice, lime juice, grenadine, and warm spices like cinnamon and nutmeg.</li></ul>
     </section>
-
-    <footer>
-        <p>&copy; 2024 Fraser's Nibbles Night | All Rights Reserved</p>
-    </footer>
-
+    <section class="alcohol">
+        <h2>Alcoholic Drinks</h2>
+        <p>Alcoholic cocktails will be available. The focus is on non-alcoholic but classic cocktails should be available.</p>
+        <h3>Wine List</h3>
+        <ul>
+          <li>Fitz White sparkling English wine</li>
+          <li>Fitz Pink sparkling English wine</li>
+          <li>Sov'Ran Classic Cuve English sparkling wine</li>
+          <li>Sov'Ran Cabernet Noir</li>
+          <li>Sov'Ran Pinot Blanc</li>
+    </section>
+    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2520.28294609972!2d-0.13513142306886872!3d50.8259227716662!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487585d9df6d387b%3A0x726460c50a3267bc!2sSaxonbury!5e0!3m2!1sen!2suk!4v1731714023399!5m2!1sen!2suk" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+    <script src="script.js"></script>
 </body>
 </html>

script.js

@@ -0,0 +1,28 @@
+// Set the target date
+const targetDate = new Date("December 11, 2024 18:00:00").getTime();
+
+// Update the countdown every second
+const countdown = setInterval(() => {
+  const now = new Date().getTime();
+  const timeLeft = targetDate - now;
+
+  // Calculate days, hours, minutes, and seconds
+  const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
+  const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
+  const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
+
+  // Update the display
+  const countdownElement = document.getElementById("countdown");
+
+  if (timeLeft > 0) {
+    if (days > 0) {
+      countdownElement.textContent = `${days} day${days > 1 ? "s" : ""} to go!`;
+    } else {
+      countdownElement.textContent = `${hours} hour${hours !== 1 ? "s" : ""}, ${minutes} minute${minutes !== 1 ? "s" : ""}, and ${seconds} second${seconds !== 1 ? "s" : ""} to go!`;
+    }
+  } else {
+    clearInterval(countdown);
+    countdownElement.textContent = "Event Started!";
+  }
+}, 1000);