add even more stuff

j-dc · Sep 9, 2024 · c9c705a · c9c705a
1 parent 3794f66
commit c9c705a
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 21 deletions.
diff --git a/src/img/sportpark2024.png b/src/img/sportpark2024.png
diff --git a/src/index.html b/src/index.html
@@ -75,7 +75,7 @@
         <div class="row">
 
           <div class="col-12 mt-auto mb-5 text-center text-white">
-            <img src="./img/logo.png" alt="logo hs kuurne">
+            <img src="./img/logo.png" alt="logo hs Kuurne">
             <br>
             Nog <span class="kfCountdown"></span> keer slapen.
           </div>
@@ -108,7 +108,7 @@ <h2 class=" mb-4">Met de gewaardeerde steun van:</h2>
         </div>
         <div class="row">
           <div class="col-lg-6 col-12 mb-4   ">
-            <img src="./img/logo/kuurne.svg" alt="kuurne.be">
+            <img src="./img/logo/kuurne.svg" alt="Kuurne.be">
           </div>
           <div class="col-lg-6 col-12 mb-4  ">
             <img src="./img/logo/wanorde.webp" alt="wanorde">
@@ -149,41 +149,40 @@ <h2 class=" mb-4">Met de gewaardeerde steun van:</h2>
       <a class="top" href="#">⬆ TOP</a>
       <div class="container">
         <div class="row justify-content-center">
-
           <div class="col-12 text-center">
             <h1 class="mb-4">Bereikbaarheid</h1>
           </div>
           <div>
             <h4>Algemeen</h4>
             Boomgaardstraat 134 - 8520 Kuurne<br>
-            <span class="small">Parking aan hoeve van de walle is voorbehouden</span>
+            <span class="small">Parking aan 'Hoeve Vandewalle' is voorbehouden</span>
           </div>
           <div>
             <h4>Met de fiets</h4>
             We hebben super graag dat je met de fiets komt!<br>
-            We hebben veel, heel veel, fietsparking voorzien.<br>
+            We hebben veel, heel veel, fietsenstalling voorzien.<br>
+            <b>Ingang 1 & 4</b><br>
+            - Fietsenstalling rondom het jeugdcentrum<br>
+            <b>Ingang 2</b><br>
+            - Fietsenstalling bij de oprijlaan van 'Hoeve Vandewalle'<br>
+            <b>Ingang 3</b><br>
+            - Fietsenstalling nabij het zwembad
           </div>
           <div>
             <h4>Met de wagen</h4>
             Gelieve niet in de omgeving te parkeren.<br>
             Parkeren kan op: <br>
-            - Zwembad kuurne - Nieuwenhuyse (ter hoogte van nr 44) - en kom langs het zwembad langs onze achterdeur
-            binnen<br>
-            - Kubox kuurne - Kattestraat 188 - en wandel naar zwembad kuurne.<br>
-            - De vlaskouter Kuurne - en wandel naar Boomgaardstraat 134<br>
+            - Zwembad Kuurne - Nieuwenhuyse (ter hoogte van nr 44) - en kom langs het zwembad langs onze achterdeur
+            binnen (ingang 3 of 4) <br>
+            - Kubox Kuurne - Kattestraat 188 - en wandel naar zwembad Kuurne. (ingang 3 of 4)<br>
+            - De Vlaskouter Kuurne - en wandel naar Boomgaardstraat 134 (ingang 1)<br>
             <br>
           </div>
-          <div>
-            <h4>Vanuit Kuurne</h4>
-            Kom met de fiets! <br>
-            We hebben veel fietsparking voorzien.<br>
+
+          <div class="col-12">
+            <h4>Overzicht</h4>
+            <img src="./img/sportpark2024.png" alt="overzichts kaart">
           </div>
-
-
-
-
-
-
         </div>
       </div>
     </section>

diff --git a/src/ts/view/index.ts b/src/ts/view/index.ts
@@ -7,7 +7,7 @@ import Html from '../lib/Html';
 import '../../style/main.scss'
 
 
-
+window.addEventListener("load",()=>doLoad(),false);
 
 const kfDate = new Date(2024,8,15);
 const now = new Date();
@@ -32,4 +32,20 @@ library.add(faStar,faInstagram,faFacebookF, faEnvelope)
 
 // Replace any existing <i> tags with <svg> and set up a MutationObserver to
 // continue doing this as the DOM changes.
-dom.watch()
+dom.watch();
+
+function initNavbar(){
+    var hrefs = Html.qsa('.navbar-collapse a');
+    var btns = hrefs.concat(Html.qs('.navbar-toggler'));
+
+    btns.forEach((btn:HTMLElement) => {
+        btn.addEventListener('click',(evt)=>{
+            var menu = Html.qs('.navbar-collapse');
+            menu.classList.toggle('show');
+        });
+    });
+}
+
+async function doLoad(){
+    initNavbar();
+}