2023-01-04 02:32:00 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
< meta http-equiv = "encoding" charset = "utf-8" / >
< title > {{ h_pagetitle }}< / title >
< link rel = "stylesheet" href = "{{ baseurl }}static/css/bootstrap.min.css" / >
< link rel = "stylesheet" href = "{{ baseurl }}static/css/leaflet.css" / >
< link rel = "stylesheet" href = "{{ baseurl }}static/css/chaostreff.css" / >
< link rel = "prefetch" href = "{{ baseurl }}static/img/leaflet-marker-blue.png" / >
< link rel = "prefetch" href = "{{ baseurl }}static/img/leaflet-marker-green.png" / >
< link rel = "prefetch" href = "{{ baseurl }}static/img/leaflet-marker-red.png" / >
< script src = "{{ baseurl }}static/js/bootstrap.bundle.min.js" > < / script >
< script src = "{{ baseurl }}static/js/leaflet.js" > < / script >
2023-01-04 04:32:01 +01:00
< script src = "{{ baseurl }}{{ lang }}/chaostreff.js" > < / script >
2023-01-04 02:32:00 +01:00
< / head >
< body >
2023-01-04 04:26:43 +01:00
< header class = "navbar navbar-expand-lg navbar-dark bg-dark" >
2023-01-04 02:32:00 +01:00
< nav class = "container-fluid" >
2023-01-04 04:26:43 +01:00
< a class = "navbar-brand" href = "#" > {{ h_pagetitle }}< / a >
< button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbar-collapse" aria-controls = "navbarSupportedContent" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbar-collapse" >
< ul class = "navbar-nav me-auto mb-2 mb-lg-0" >
< li class = "nav-item" > < a href = "#spaces" class = "nav-link" > {{ h_spaces }}< / a > < / li >
< li class = "nav-item" > < a href = "#contact" class = "nav-link" > {{ h_contact }}< / a > < / li >
< li class = "nav-item" > < a href = "#services" class = "nav-link" > {{ h_services }}< / a > < / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "#" id = "navbar-dropdown-language" role = "button" data-bs-toggle = "dropdown" aria-expanded = "false" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" fill = "currentColor" class = "bi bi-translate" viewBox = "0 0 16 16" >
<!--
https://icons.getbootstrap.com/icons/translate/
Copyright (c) 2011-2023 The Bootstrap Authors
Licensed under the MIT license
https://github.com/twbs/bootstrap/blob/main/LICENSE
-->
< path d = "M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545zm1.634-.736L5.5 3.956h-.049l-.679 2.022H6.18z" / >
< path d = "M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6.066 6.066 0 0 1-.415-.492 1.988 1.988 0 0 1-.94.31z" / >
< / svg >
{{ h_language }}
< / a >
< ul class = "dropdown-menu dropdown-menu-dark" aria-labelledby = "navbar-dropdown-language" >
{% for language, name in languages.items() %}
< li > < a rel = "self" href = "/{{ language }}" class = "{% if language == lang %}active{% endif %} dropdown-item" alt = "{{ name }}" title = "{{ name }}" > {{ name }}< / a > < / li >
{% endfor %}
< / ul >
< / li >
< / ul >
< / div >
2023-01-04 02:32:00 +01:00
< / nav >
< / header >
< main class = "container-fluid" >
< section id = "map" >
< div id = "leaflet-map" class = "" > < / div >
2023-01-04 04:32:01 +01:00
< p > {{ legend_marker_header }}< / p >
< p >
< img class = "leaflet-marker-inline" src = "{{ baseurl }}static/img/leaflet-marker-green.png" / >
{{ legend_marker_green }}
< br / >
< img class = "leaflet-marker-inline" src = "{{ baseurl }}static/img/leaflet-marker-red.png" / >
{{ legend_marker_red }}
< br / >
< img class = "leaflet-marker-inline" src = "{{ baseurl }}static/img/leaflet-marker-blue.png" / >
{{ legend_marker_blue }}
< / p >
2023-01-04 02:32:00 +01:00
< / section >
< section id = "spaces" >
< h2 class = "mt-2-lg mb-1-lg" > {{ h_spaces }}< / h2 >
< div class = "table-responsive-lg" >
< table class = "table table-striped table-hover" >
< thead class = "thead" >
< tr >
< th scope = "col" > {{ th_name }}< / th >
< th scope = "col" > {{ th_address }}< / th >
< th scope = "col" > {{ th_hours }}< / th >
< th scope = "col" > {{ th_contact }}< / th >
< / tr >
< / thead >
< tbody id = "hackerspaces-table" >
{% for space in hackerspaces %}
< tr >
< td > {{ space.name }}< / td >
< td > < address > {{ space.address }}< / address > < / td >
< td > {{ space.open[lang] }}< / td >
2023-01-04 21:24:07 +01:00
< td >
{% for key, url in space.contact.items() %}
2023-01-06 00:00:27 +01:00
< a href = "{{ url }}" > {{ contacts[key] }}< / a > < br / >
2023-01-04 21:24:07 +01:00
{% endfor %}
< / td >
2023-01-04 02:32:00 +01:00
< / tr >
{% endfor %}
< / tbody >
< / table >
< / div >
< p > {{ table_footer_missing }}< / p >
< / section >
< section id = "contact" >
< h2 class = "mt-2-lg mb-1-lg" > {{ h_contact }}< / h2 >
< p >
2023-01-04 04:26:43 +01:00
{{ contact_table_link }}
2023-01-04 02:32:00 +01:00
< / p >
< p >
{{ contact_swiss_chaos }}
< / p >
< / section >
< section id = "services" >
< h2 class = "mt-2-lg mb-1-lg" > {{ h_services }}< / h2 >
< p > {{ services_header }}< / p >
< ul >
< li > {{ services_ml }}< / li >
< li > {{ services_dns }}< / li >
< li > {{ services_irc }}< / li >
< / ul >
< p > {{ services_footer }}
< / p >
< / section >
< / main >
< footer class = "text-center p-3 bg-light" >
< p > {{ footer }}< / p >
< / footer >
< / body >
< / html >