{{ define "main" }} <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.4/dist/leaflet.min.css" /> <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.4/dist/leaflet.min.js"></script> <main data-pagefind-body> <section class="section pb-0"> <div class="container"> <div class="row"> <div class="col-lg-6 mb-4 mb-lg-0"> <form action="https://forms.cantorgymnasium.de/form/gcg-kontakt" method="post"> <div hidden> <input type="text" name="bad_email" value="" /> </div> <input type="text" class="form-control form-control-lg mb-3" id="name" name="name" placeholder="Ihr Name" required> <input type="email" class="form-control form-control-lg mb-3" id="mail" name="email" placeholder="Ihre E-Mail Adresse" required> <input type="text" class="form-control form-control-lg mb-3" id="subject" name="subject" placeholder="Betreff" required> <textarea id="message" name="message" class="form-control form-control-lg mb-3" placeholder="Nachricht" required></textarea> <button type="submit" value="send" class="btn btn-primary">Senden</button> </form> </div> <div class="col-lg-6"> <div class="card"> <div class="card-header fw-bold"> Kontaktdaten </div> <ul class="list-group list-group-flush"> {{ range .Params.kontaktdaten }} <li class="list-group-item"> <p class="card-title mb-0">{{ .name }}</p> <p class="text-muted mb-0">{{ .position }}</p> <p class="card-text"><a href="mailto:{{ .email }}">{{ partial "mdi" "email-multiple-outline" }}<span class="ms-2">{{ with (split .email "@") }}{{ print (index . 0) (partial "mdi" "at") (index . 1) | safeHTML }}{{ end }}</span></a></p> </li> {{ end }} <li class="list-group-item"> <p class="card-text">{{ partial "mdi" "phone-outline" }}<span class="ms-2">Telefon: <a href="tel:+493456903156">+49-0345/6903156</a></span></p> </li> </ul> </div> </div> </div> </div> </section> <div id="map" class="mt-4"> <script> var map = L.map('map', { scrollWheelZoom: false }).setView([51.473361, 11.965619], 100); L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); var marker = L.marker([51.473361, 11.965619]).addTo(map); map.on('click', (e) => { marker.bindPopup('Georg-Cantor-Gymnasium<br>Torstraße 13<br>06110 Halle (Saale)<br><b><a href="https://maps.app.goo.gl/T4ZroWsAdoXM3xdn7">Route</a>').openPopup(); }); </script> </div> </main> {{ end }}