Legg til om-side, personvernerklæring og sikkerheitsforbetring

Om-side (Android + PWA):
- Ny AboutDialog med personvernerklæring, datakjelder og opphavsrett
- Opphavsrett flytta frå sivilforsvardialogen til om-sida
- Tilgjengeleg via «Om denne appen»-lenke i sivilforsvarsdialogen (Android)
  og ny om-knapp i statuslinja (PWA)
- Lokalisert til en/nb/nn

Personvern og sikkerheit:
- Lagra GPS-posisjon utløper etter 24 timar (widget_prefs)
- Widget viser «Trykk for å oppdatere» når posisjon manglar eller er utløpt
- Eigendefinert User-Agent (Tilfluktsrom/1.6.1) i OkHttp
- Content Security Policy (CSP) meta-tag i PWA
- Tenararbeidar bufrar berre HTTP 200-svar (ikkje opake)
- Kartbuffer-metadata runda til ~11km presisjon i localStorage
- crossorigin="anonymous" på Leaflet CSS

i18n-opprydding:
- Unicode-escapes erstatta med UTF-8-teikn i nb.ts og nn.ts

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ole-Morten Duesund 2026-03-23 14:27:45 +01:00
commit c1ac68e746
21 changed files with 469 additions and 34 deletions

View file

@ -62,6 +62,7 @@ html, body {
text-overflow: ellipsis;
}
#about-btn,
#refresh-btn {
background: none;
border: none;
@ -73,6 +74,7 @@ html, body {
flex-shrink: 0;
}
#about-btn:hover,
#refresh-btn:hover {
color: #ECEFF1;
}
@ -399,3 +401,71 @@ html, body {
.leaflet-popup-close-button {
color: #CFD8DC !important;
}
/* --- About dialog --- */
#about-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 2000;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.about-content {
background: #16213E;
border-radius: 12px;
padding: 24px;
max-width: 480px;
width: 100%;
max-height: 80vh;
overflow-y: auto;
}
.about-heading {
color: #FF6B35;
font-size: 20px;
font-weight: bold;
margin-bottom: 12px;
}
.about-subheading {
color: #ECEFF1;
font-size: 16px;
font-weight: bold;
margin-top: 16px;
margin-bottom: 4px;
}
.about-para {
color: #90A4AE;
font-size: 14px;
line-height: 1.5;
margin-bottom: 8px;
}
.about-footer {
margin-top: 20px;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.about-small {
color: #90A4AE;
font-size: 11px;
margin-bottom: 2px;
}
.about-close-btn {
display: block;
margin: 16px auto 0;
padding: 10px 32px;
background: #FF6B35;
border: none;
border-radius: 6px;
color: #FFFFFF;
font-size: 14px;
cursor: pointer;
}