Update birthday invite

2 files changed, 44 insertions, 12 deletions

diff --git a/18/index.html b/18/index.html
index 14ac722..e570825 100644
--- a/18/index.html
+++ b/18/index.html
@@ -29,14 +29,45 @@
         </div>
     </div>
     <div class="content">
-        <p>Hallo!</p>
-        <p>Het feit dat je een link naar deze pagina hebt ontvangen betekent dat je bent uitgenodigd voor mijn 18de verjaardag!</p>
-        <p>Het feest begint om <b>17:00</b>! Het wordt een gezellig feestje met muziek, eten, drankjes en hopelijk een kampvuur in de tuin.</p>
-        <p><b>Locatie: </b><i>***REMOVED***</i><br><b>Datum: </b><i>***REMOVED***</i></p>
-        <p>Zeg het als je kunt komen!</p>
-        <p>Groet,</p>
-        <p>Noah.</p>
+        <div id="no-escape-room">
+            <p>Hallo!</p>
+            <p>Het feit dat je een link naar deze pagina hebt ontvangen betekent dat je bent uitgenodigd voor mijn 18de verjaardag!</p>
+            <p>Het feest begint om
+                <b>17:00</b>! Het wordt een gezellig feestje met muziek, eten, drankjes en hopelijk een kampvuur in de tuin.</p>
+            <p>
+                <b>Locatie: </b>
+                <i>***REMOVED***</i>
+                <br>
+                <b>Datum: </b>
+                <i>***REMOVED***</i>
+            </p>
+            <p>Zeg het als je kunt komen!</p>
+            <p>Groet,</p>
+            <p>Noah.</p>
+        </div>
+
+        <div id="escape-room" style="display: none;">
+            <p>Hallo!</p>
+            <p>Het feit dat je een link naar deze pagina hebt ontvangen betekent dat je bent uitgenodigd voor mijn 18de verjaardag!</p>
+            <p>Het avondfeest begint om <b>17:00</b>! Het wordt een gezellig feestje met muziek, eten, drankjes en hopelijk een kampvuur in de tuin.</p>
+            <p>Maar eerst is er nog een escape room waarbij waarvoor jij ook bent uitgenodigd.</p>
+            <p>Je moet er zijn om <b>13:45 STIPT</b> bij de escape room, of om <b>13:00 STIPT</b> bij ons thuis. Vanaf thuis gaan we via de 10 naar de escape room.</p>
+            <p>Neem dus je OV mee, <b>ook als je direct naar de escape room gaat!</b></p>
+            <p>
+                <b>Locatie escape room: </b>
+                <i>Laurierstraat 88</i>
+                <br>
+                <b>Locatie: </b>
+                <i>***REMOVED***</i>
+                <br>
+                <b>Datum: </b>
+                <i>***REMOVED***</i>
+            </p>
+            <p>Zeg het als je kunt komen!</p>
+            <p>Groet,</p>
+            <p>Noah.</p>
+        </div>
     </div>
     <script src="/18/script.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/18/script.js b/18/script.js
index 61a5afc..6e80630 100644
--- a/18/script.js
+++ b/18/script.js
@@ -1,7 +1,3 @@
-/**
- *
- */
-
 function wait(ms) {
     return new Promise((resolve) => {
         window.setTimeout(resolve, ms);
@@ -60,5 +56,10 @@ function resize() {
     document.documentElement.style.setProperty('--factor', factor);
 }
 
+if (window.location.hash === '#escape') {
+    document.querySelector('#escape-room').style.display = 'block';
+    document.querySelector('#no-escape-room').style.display = 'none';
+}
+
 resize();
 window.addEventListener('resize', resize);
\ No newline at end of file