aboutsummaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
authorGuilhem Moulin <guilhem@fripost.org>2024-01-12 16:24:22 +0100
committerGuilhem Moulin <guilhem@fripost.org>2024-01-13 14:29:51 +0100
commit610d754456a7e4e7c702e60c8d3e0ecf6459d240 (patch)
treed3abfc8bebc3f265de5cf70074e84ff2141a4518 /index.html
parentbf224efbf4d65baa1c0e19542354ce2ca856feeb (diff)
Add a modal with information text.
Diffstat (limited to 'index.html')
-rw-r--r--index.html30
1 files changed, 29 insertions, 1 deletions
diff --git a/index.html b/index.html
index 78f67f9..bae1dc5 100644
--- a/index.html
+++ b/index.html
@@ -7,12 +7,40 @@
</head>
<body>
<div id="map"></div>
- <div id="layer-selection-panel" class="d-none">
+ <div id="layer-selection-panel" aria-hidden="true">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="layer-topowebb_nedtonad">
<label class="form-check-label" for="layer-topowebb_nedtonad">Nedtonad bakgrund karta</label>
</div>
</div>
+ <div class="modal" id="modal-info" tabindex="-1" aria-hidden="true">
+ <div class="modal-dialog modal-dialog-centered modal-lg">
+ <div class="modal-content">
+ <div class="modal-header pb-2">
+ <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+ </div>
+ <div class="modal-body pt-2">
+ <p>Webbkartan skapades av <a href="https://guilhem.se" class="link-dark">Guilhem Datakonsult</a>
+ på uppdrag av <a href="https://www.klimatanalysnorr.se" class="link-body-emphasis">Klimat Analys Norr projektet</a>.</p>
+ <p class="mb-0">Källor och licensinformation:</p>
+ <ul>
+ <li>Bakgrund karta:
+ &copy; <a href="https://lantmateriet.se" target="_blank" class="link-dark">Lantmäteriet</a>, CC0
+ (<a href="https://www.lantmateriet.se/sv/geodata/vara-produkter/oppna-data/#anchor-1" class="link-dark">öppna data</a>).
+ </li>
+ <li>Webbkartan:
+ &copy; <a href="https://guilhem.se" target="_blank" class="link-dark">Guilhem Moulin</a>, AGPLv3+.
+ <a href="https://git.guilhem.org" target="_blank" class="link-body-emphasis">Källkod</a>.
+ </li>
+ <li>Backend-verktyg:
+ &copy; <a href="https://guilhem.se" target="_blank" class="link-dark">Guilhem Moulin</a>, GPLv3+.
+ <a href="https://git.guilhem.org" target="_blank" class="link-body-emphasis">Källkod</a>.
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
<script type="module" src="./main.js"></script>
</body>
</html>