Include hotels, fix styling, fix Google Maps links

Author: fmthoma

content/2024/menu.html

@@ -23,6 +23,7 @@
         <li class="nav-item"><a class="nav-link" href="/2024.html#keynotes">Keynotes</a></li>
         <li class="nav-item"><a class="nav-link" href="/2024.html#programme">Programme</a></li>
         <li class="nav-item"><a class="nav-link" href="/2024.html#contact">Contact</a></li>
+        <li class="nav-item"><a class="nav-link" href="/2024.html#hotels">Hotels</a></li>
         $partial("content/menu-archive.html")$
         <li class="nav-item">
           <a class="nav-link" href="https://twitter.com/MuniHac" target="_tab"><i class="bi bi-twitter-x" /></a>

hotels/01-best-western-the-k.markdown

@@ -5,6 +5,6 @@ stars: 4
 street: "Dieselstraße 17"
 zip: "85774"
 city: "Unterföhring"
-remark: "In walking distance to the hackathon. Located within an industrial complex."
-mapsurl: "https://www.google.com/maps/embed/v1/directions?key=AIzaSyCIsyJgmJQ4L6tmhtsON8Ei8ReqM0cYDg4&origin=Dieselstrasse+17,85774+Unterfoehring&destination=Betastrasse+13a,+85774+Unterfoehring&zoom=16"
+remark: "In walking distance to the hackathon."
+mapsurl: "https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d484.024466925455!2d11.651463934976253!3d48.18525833984362!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479e74c05de3f58d%3A0x455f40e6b53b0b80!2sBest%20Western%20Hotel%20The%20K%20M%C3%BCnchen%20Unterf%C3%B6hring!5e0!3m2!1sde!2sde!4v1725608651574!5m2!1sde!2sde"
 ---

hotels/03-hotel-ibis.markdown

@@ -6,5 +6,5 @@ street: "Ungererstrasse 139"
 zip: "80805"
 city: "Munich"
 remark: "Good compromise between downtown and TNG."
-mapsurl: "https://www.google.com/maps/embed/v1/directions?key=AIzaSyCIsyJgmJQ4L6tmhtsON8Ei8ReqM0cYDg4&origin=Ungererstrasse+139,80805+Munich&destination=Betastrasse+13a,+85774+Unterfoehring&zoom=12&mode=transit"
+mapsurl: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2660.640086315749!2d11.595990977661641!3d48.175017548552184!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479e744cf54ec4e9%3A0x4e3f477e4396e1f9!2sibis%20Hotel%20M%C3%BCnchen%20City%20Nord!5e0!3m2!1sde!2sde!4v1725608794673!5m2!1sde!2sde"
 ---

hotels/04-b-and-b.markdown

@@ -6,5 +6,5 @@ street: "Frankfurter Ring 243"
 zip: "80807"
 city: "Munich"
 remark: "Good compromise between downtown and TNG."
-mapsurl: "https://www.google.com/maps/embed/v1/directions?key=AIzaSyCIsyJgmJQ4L6tmhtsON8Ei8ReqM0cYDg4&origin=Frankfurter+Ring+243,80807+Munich&destination=Betastrasse+13a,+85774+Unterfoehring&zoom=11&mode=transit"
+mapsurl: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2660.0176227427314!2d11.603794077662002!3d48.18701194771666!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479e74449cee1a71%3A0xce5cf13aad93cfb!2sB%26B%20HOTEL%20M%C3%BCnchen%20City-Nord!5e0!3m2!1sde!2sde!4v1725608921771!5m2!1sde!2sde"
 ---

pages/2024.html

@@ -14,3 +14,5 @@
 $partial("content/2024/programme.html")$
 <a name="contact" />
 $partial("content/contact.html")$
+<a name="hotels" />
+$partial("templates/hotels.html")$

templates/hotels.html

@@ -1,13 +1,13 @@
-<h2>Hotels</h2>
+<div class="container px-4 py-5">
+  <h2>Hotels</h2>
 
-<p>A few suggestions to help you find a hotel.</p>
+  <p>A few suggestions to help you find a hotel.</p>
 
-$for(hotels)$
-<div class="alert alert-custom">
-  <div class="row">
+  $for(hotels)$
+  <div class="row py-2">
     <div class="col-md-8">
       <address>
-        <strong><a href="$url$">$name$</a></strong>
+        <strong><a href="$url$" target="_blank">$name$</a></strong>
         $for(stars)$
         <span class="glyphicon $class$" aria-hidden="true"></span>
         $endfor$
@@ -16,12 +16,12 @@ <h2>Hotels</h2>
         $zip$ $city$
       </address>
       $if(remark)$
-      <strong>Remark: </strong>$remark$
+      $remark$
       $endif$
     </div>
     <div class="col-md-4">
-      <iframe width="100%" height="100%" frameborder="0" style="border:0" src="$mapsurl$" allowfullscreen></iframe>
+      <iframe src="$mapsurl$" width="100%" height="100%" frameborder="0" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     </div>
   </div>
+  $endfor$
 </div>
-$endfor$