549 lines
43 KiB
HTML
549 lines
43 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||
<meta name="theme-color" content="#315d3a">
|
||
<title data-i18n="common.app-name">Wegwichtel</title>
|
||
<link rel="stylesheet" href="css/bootstrap.css?v=0.12.14">
|
||
<link rel="stylesheet" href="vendor/jquery-ui/jquery-ui-1.14.2.min.css?v=0.12.14">
|
||
<link rel="stylesheet" href="css/app.css?v=0.12.14">
|
||
<link rel="stylesheet" href="css/editor.css?v=0.12.14">
|
||
</head>
|
||
<body>
|
||
<div class="info-control">
|
||
<button id="info-button" class="info-button" type="button" aria-label="Hilfe und Informationen öffnen" title="Informationen" aria-haspopup="true" aria-expanded="false" aria-controls="info-dropdown" data-i18n-title="info.title" data-i18n-aria-label="info.open">
|
||
<span aria-hidden="true" data-i18n="info.icon">i</span>
|
||
</button>
|
||
<nav id="info-dropdown" class="info-dropdown" aria-label="Hilfe und Informationen" hidden data-i18n-aria-label="info.dropdown-label">
|
||
<button type="button" data-info-target="privacy" data-i18n="info.privacy">Datenschutzerklärung</button>
|
||
<button type="button" data-info-target="imprint" data-i18n="info.imprint">Impressum</button>
|
||
<button type="button" data-info-target="technology" data-i18n="info.storage">Speichern und Berechtigungen</button>
|
||
</nav>
|
||
</div>
|
||
<div id="bootstrap-screen" aria-live="polite" aria-busy="true">
|
||
<section class="bootstrap-card">
|
||
<header class="bootstrap-brand">
|
||
<svg class="bootstrap-logo" viewbox="0 0 96 96" aria-hidden="true" focusable="false">
|
||
<circle cx="48" cy="48" r="39" fill="#fff7d7" stroke="#f4b400" stroke-width="6"></circle>
|
||
<path d="M48 15 57 39 81 48 57 57 48 81 39 57 15 48 39 39Z" fill="#d9ddd8"></path>
|
||
<path d="m48 48 24-23-13 31Z" fill="#e53935"></path>
|
||
<path d="m48 48-24 23 13-31Z" fill="#2d9cdb"></path>
|
||
<circle cx="48" cy="48" r="6" fill="#f8fbf7" stroke="#315d3a" stroke-width="3"></circle>
|
||
<circle cx="80" cy="16" r="8" fill="#fff" stroke="#f4b400" stroke-width="5"></circle>
|
||
</svg>
|
||
<div>
|
||
<h1 data-i18n="common.app-name">Wegwichtel</h1>
|
||
<p data-i18n="start.intro">Gleich kannst du mit dem Wegwichtel losziehen.</p>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="bootstrap-hero" aria-hidden="true">
|
||
<svg viewbox="0 0 720 300" preserveaspectratio="xMidYMid slice" focusable="false">
|
||
<rect width="720" height="300" rx="32" fill="#eef7f1"></rect>
|
||
<circle cx="255" cy="68" r="27" fill="#ffd66b"></circle>
|
||
<path d="M0 150C92 84 172 113 250 156c81 44 139-14 228-36 82-20 149 2 242 62v118H0Z" fill="#a9d4ca"></path>
|
||
<path d="M0 191c111-67 217-16 306 25 89 40 179-50 283-49 53 0 92 15 131 43v90H0Z" fill="#74aa62"></path>
|
||
<path d="M0 224c93-51 194-19 283 17 85 34 189-35 279-31 60 3 110 18 158 51v39H0Z" fill="#5e914e"></path>
|
||
<g fill="#477d49">
|
||
<circle cx="75" cy="200" r="34"></circle><circle cx="118" cy="210" r="26"></circle><circle cx="610" cy="210" r="31"></circle><circle cx="654" cy="218" r="25"></circle>
|
||
</g>
|
||
<g fill="#607d8b" opacity=".9">
|
||
<path d="M305 174h28v36h-28zM339 161h35v49h-35zM381 180h34v30h-34z"></path>
|
||
<path d="m350 160 8-24 8 24Z"></path>
|
||
</g>
|
||
<path d="M250 300c34-52 88-69 137-74 53-5 113 5 153 22-65 9-127 29-155 52Z" fill="#f6dfb7"></path>
|
||
<g transform="translate(538 117)">
|
||
<rect x="36" y="24" width="13" height="121" rx="6" fill="#7b5231"></rect>
|
||
<path d="M0 17h105l25 21-25 21H0Z" fill="#f5a332"></path>
|
||
<path d="M14 65h91l22 19-22 19H14Z" fill="#4f914b"></path>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="bootstrap-action-slot">
|
||
<output id="bootstrap-action-status" class="bootstrap-action-status" aria-live="polite">
|
||
<span class="bootstrap-loading-dot" aria-hidden="true"></span>
|
||
<span id="bootstrap-status-text" class="bootstrap-status-text" data-i18n="start.preparing">Wegwichtel wird vorbereitet …</span>
|
||
</output>
|
||
<button id="bootstrap-enter" class="bootstrap-enter" type="button" hidden>
|
||
<span data-i18n="common.start">Los geht’s</span>
|
||
<svg viewbox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 5 7 7-7 7"></path></svg>
|
||
</button>
|
||
</div>
|
||
|
||
<p id="bootstrap-error" class="bootstrap-error" hidden></p>
|
||
<button id="bootstrap-retry" class="bootstrap-retry" type="button" hidden data-i18n="common.retry">Erneut versuchen</button>
|
||
<p id="bootstrap-ready" class="bootstrap-ready" hidden data-i18n="bootstrap-loader.ready">Alles ist bereit.</p>
|
||
|
||
<div class="bootstrap-features" aria-label="Wegwichtel Funktionen" data-i18n-aria-label="start.features-label">
|
||
<div>
|
||
<svg viewbox="0 0 32 32" aria-hidden="true" focusable="false"><path d="m3 7 8-3 10 4 8-3v20l-8 3-10-4-8 3Zm8-3v20m10-16v20"></path></svg>
|
||
<span><span data-i18n="start.features.routes">Strecken</span><br><span data-i18n="start.features.explore">entdecken</span></span>
|
||
</div>
|
||
<div>
|
||
<svg viewbox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M7 18v-4a9 9 0 0 1 18 0v4M7 18H4v7h5v-7Zm18 0h3v7h-5v-7Z"></path></svg>
|
||
<span><span data-i18n="start.features.exciting">Spannende</span><br><span data-i18n="start.features.stories">Geschichten</span></span>
|
||
</div>
|
||
<div>
|
||
<svg viewbox="0 0 32 32" aria-hidden="true" focusable="false"><path d="m16 3 3.9 8 8.8 1.3-6.4 6.2 1.5 8.8-7.8-4.1-7.8 4.1 1.5-8.8-6.4-6.2 8.8-1.3Z"></path></svg>
|
||
<span><span data-i18n="start.features.child-friendly">Kindgerechte</span><br><span data-i18n="start.features.experiences">Erlebnisse</span></span>
|
||
</div>
|
||
</div>
|
||
|
||
<p id="android-browser-hint" class="android-browser-hint" hidden></p>
|
||
|
||
<div class="privacy-summary">
|
||
<p data-i18n="app.no-tracking">Hier gibt es keine Werbung. Wir verfolgen nicht, welche anderen Seiten du besuchst.</p>
|
||
<label for="cookie-toggle-1" class="switch-row switch-disabled">
|
||
<span>
|
||
<strong data-i18n="progress.cookies-label">Optionale Cookies</strong>
|
||
<small data-i18n="progress.cookies-unused">Diese Funktion wird nicht verwendet.</small>
|
||
</span>
|
||
<input id="cookie-toggle-1" class="cookie-toggle" type="checkbox" role="switch" aria-checked="false" disabled>
|
||
<span class="switch-track" aria-hidden="true"></span>
|
||
</label>
|
||
<label for="progress-storage-toggle-1" class="switch-row">
|
||
<span>
|
||
<strong data-i18n="progress.remember">Meinen Fortschritt merken</strong>
|
||
<small data-i18n="progress.remember-hint">Merkt sich auf diesem Gerät, welche Stationen du schon besucht hast.</small>
|
||
</span>
|
||
<input id="progress-storage-toggle-1" class="progress-storage-toggle" type="checkbox" role="switch" aria-checked="false">
|
||
<span class="switch-track" aria-hidden="true"></span>
|
||
</label>
|
||
<div class="offline-option-row">
|
||
<label for="offline-cache-toggle" class="switch-row">
|
||
<span>
|
||
<strong data-i18n="offline.open-app">App ohne Internet öffnen</strong>
|
||
<small data-i18n="offline.open-app-hint">Damit kannst du Wegwichtel auch ohne Internet öffnen. Wähle danach die Strecken aus, die du mitnehmen möchtest.</small>
|
||
</span>
|
||
<input id="offline-cache-toggle" type="checkbox" role="switch" aria-checked="false" aria-describedby="offline-cache-status">
|
||
<span class="switch-track" aria-hidden="true"></span>
|
||
</label>
|
||
<button id="offline-cache-help-button" class="offline-help-button" type="button" aria-label="Hilfe zum Speichern für unterwegs" title="Was wird für unterwegs gespeichert?" aria-expanded="false" aria-controls="offline-cache-help" data-i18n-title="offline.help-title" data-i18n-aria-label="offline.help-label">?</button>
|
||
</div>
|
||
<section id="offline-cache-help" class="offline-help" aria-labelledby="offline-cache-help-title" hidden>
|
||
<h2 id="offline-cache-help-title" data-i18n="offline.help-title">Was wird für unterwegs gespeichert?</h2>
|
||
<p data-i18n="offline.help.app-only">Mit diesem Schalter kannst du Wegwichtel auch ohne Internet öffnen. Strecken werden dabei noch nicht gespeichert.</p>
|
||
<p data-i18n="offline.help.save-route">Öffne eine Strecke und tippe auf „Für unterwegs speichern“. So nimmst du den Weg, die Stationen, Bilder und Tonaufnahmen mit.</p>
|
||
<p data-i18n="offline.help.connection">Warte vor dem Losgehen, bis alles gespeichert ist. Zum Speichern und Erneuern brauchst du Internet.</p>
|
||
<p data-i18n="offline.help.keep-routes">Alles bleibt auf diesem Gerät. Der Schalter zeichnet deinen Weg nicht auf. Beim Ausschalten bleiben deine gespeicherten Strecken und Entwürfe erhalten.</p>
|
||
<p data-i18n="offline.help.storage-limits">Wenn du die gespeicherten Daten von Wegwichtel in deinem Internetbrowser löschst, gehen auch deine Strecken verloren. Bei wenig Platz kann das Gerät gespeicherte Inhalte entfernen. Karten von anderen Anbietern werden nicht mitgenommen.</p>
|
||
</section>
|
||
<output id="offline-cache-status" aria-live="polite"></output>
|
||
<button id="offline-cache-refresh" type="button" hidden data-i18n="offline.renew-app">Gespeicherte App erneuern</button>
|
||
</div>
|
||
<section class="storage-usage" data-storage-usage aria-label="Platz für Wegwichtel" data-i18n-aria-label="storage.title">
|
||
<h3 data-i18n="storage.title">Platz für Wegwichtel</h3>
|
||
<meter data-storage-site-meter min="0" max="1" value="0" aria-label="Belegter Platz für App, Bilder und Ton" hidden data-i18n-aria-label="storage.site-meter-label"></meter>
|
||
<p data-storage-site-text data-i18n="storage.loading">Wir schauen, wie viel Platz belegt ist …</p>
|
||
<meter data-storage-local-meter min="0" max="5242880" value="0" aria-label="Belegter Platz für Texte und Einstellungen; der Balken zeigt einen ungefähren Richtwert" data-i18n-aria-label="storage.local-meter-label"></meter>
|
||
<p data-storage-local-text></p>
|
||
<p data-i18n="storage.help">Der erste Balken zeigt den Platz für die App, Bilder und Ton. Der zweite zeigt den Platz für Texte und Einstellungen. Die Balken zeigen nur den Platz für Wegwichtel.</p>
|
||
<output data-storage-warning hidden></output>
|
||
<button data-storage-refresh type="button" data-i18n="storage.refresh">Platz prüfen</button>
|
||
</section>
|
||
<p id="storage-cleanup-status" class="storage-cleanup-status" hidden></p>
|
||
|
||
<progress id="bootstrap-progress" class="bootstrap-state-model" max="7" value="0" hidden></progress>
|
||
<ol class="bootstrap-state-model" hidden>
|
||
<li data-step="storage" data-i18n="bootstrap-loader.steps.storage">Gespeicherte Inhalte prüfen …</li>
|
||
<li data-step="jquery" data-i18n="bootstrap-loader.steps.jquery">Wegwichtel vorbereiten …</li>
|
||
<li data-step="jquery-ui" data-i18n="bootstrap-loader.steps.jquery-ui">Die Bedienung vorbereiten …</li>
|
||
<li data-step="modules" data-i18n="bootstrap-loader.steps.modules">Die App vorbereiten …</li>
|
||
<li data-step="server" data-i18n="bootstrap-loader.steps.server">Verbindung prüfen …</li>
|
||
<li data-step="routes" data-i18n="bootstrap-loader.steps.routes">Strecken laden …</li>
|
||
<li data-step="location" data-i18n="bootstrap-loader.steps.location">Deinen Standort suchen …</li>
|
||
</ol>
|
||
</section>
|
||
</div>
|
||
<main id="app-shell" hidden>
|
||
<aside id="route-recording-control" hidden>
|
||
<span id="route-recording-status" aria-live="polite"></span>
|
||
<button id="route-recording-pause" type="button" data-i18n="recorder.pause">Aufnahme pausieren</button>
|
||
<button id="route-recording-stop" type="button" data-i18n="recorder.stop">Aufnahme beenden</button>
|
||
</aside>
|
||
<div class="route-control">
|
||
<button id="route-control-button" class="route-control-button" type="button" aria-label="Strecke auswählen oder wechseln" title="Strecke auswählen oder wechseln" aria-haspopup="true" aria-expanded="false" aria-controls="route-control-dropdown" data-i18n-title="routes.open-menu" data-i18n-aria-label="routes.open-menu">
|
||
<img src="images/icons/route-management.svg" alt="" aria-hidden="true">
|
||
</button>
|
||
<nav id="route-control-dropdown" class="route-control-dropdown" aria-label="Strecken auswählen und bearbeiten" hidden data-i18n-aria-label="routes.menu-label">
|
||
<section aria-labelledby="route-control-server-title">
|
||
<h2 id="route-control-server-title" data-i18n="editor.public-routes">Strecken für alle</h2>
|
||
<ul id="route-control-server-list" class="route-control-list" aria-live="polite"></ul>
|
||
</section>
|
||
<section aria-labelledby="route-control-local-title">
|
||
<h2 id="route-control-local-title" data-i18n="editor.drafts">Meine Entwürfe</h2>
|
||
<ul id="route-control-local-list" class="route-control-list" aria-live="polite"></ul>
|
||
</section>
|
||
<div class="route-control-actions">
|
||
<button id="editor-button" class="editor-button" type="button" aria-label="Strecken bearbeiten" title="Strecken bearbeiten" aria-haspopup="dialog" aria-expanded="false" aria-controls="editor-dialog" data-i18n-title="editor.open" data-i18n-aria-label="editor.open" data-i18n="editor.open">Strecken bearbeiten</button>
|
||
<button id="route-control-new" class="editor-primary-button" type="button" data-i18n="editor.new-route">Neue Strecke</button>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
<section id="routes-page" class="app-page">
|
||
<header>
|
||
<h1 data-i18n="common.app-name">Wegwichtel</h1>
|
||
</header>
|
||
<div class="content">
|
||
<p id="location-hint" class="notice" data-i18n="routes.location-hint">Wir suchen Strecken in deiner Nähe. Dein Standort bleibt auf diesem Gerät.</p>
|
||
|
||
<section>
|
||
<h2 data-i18n="routes.nearby">Strecken in deiner Nähe</h2>
|
||
<ul id="nearby-route-list" class="route-list" aria-live="polite">
|
||
<li><p data-i18n="editor.loading-routes">Strecken werden geladen …</p></li>
|
||
</ul>
|
||
</section>
|
||
<section>
|
||
<h2 data-i18n="routes.all">Alle Strecken</h2>
|
||
<label for="route-search" data-i18n="routes.search-label">Strecken durchsuchen</label>
|
||
<div class="search-row">
|
||
<input id="route-search" type="search" autocomplete="off" inputmode="search" placeholder="Name, Schule oder Beschreibung" data-i18n-placeholder="routes.search-placeholder">
|
||
<button id="clear-route-search" type="button" data-i18n="routes.clear-search">Suche leeren</button>
|
||
</div>
|
||
<p id="all-routes-summary" aria-live="polite" data-i18n="editor.loading-routes">Strecken werden geladen …</p>
|
||
<ul id="all-route-list" class="route-list" aria-live="polite">
|
||
<li><p data-i18n="editor.loading-routes">Strecken werden geladen …</p></li>
|
||
</ul>
|
||
</section>
|
||
<section aria-labelledby="local-route-title">
|
||
<h2 id="local-route-title" data-i18n="editor.drafts">Meine Entwürfe</h2>
|
||
<p data-i18n="routes.drafts-hint">Diese Strecken hast du auf diesem Gerät angelegt. Andere können sie noch nicht sehen.</p>
|
||
<ul id="local-route-list" class="route-list" aria-live="polite">
|
||
<li><p data-i18n="routes.loading-drafts">Meine Entwürfe werden geladen …</p></li>
|
||
</ul>
|
||
</section>
|
||
</div>
|
||
</section>
|
||
<section id="route-page" class="app-page" hidden>
|
||
<header class="has-back-button">
|
||
<button class="back-button" type="button" data-page-target="#routes-page" aria-label="Zurück zur Streckenauswahl" title="Zurück zur Streckenauswahl" data-i18n-title="routes.back" data-i18n-aria-label="routes.back">
|
||
<img src="images/icons/back.svg" alt="">
|
||
</button>
|
||
<h1 id="route-title" data-i18n="app.route">Strecke</h1>
|
||
</header>
|
||
<div class="content">
|
||
<p id="route-description"></p>
|
||
<section id="route-offline-controls" class="route-offline-controls" aria-label="Strecke auf dem Gerät speichern" hidden data-i18n-aria-label="offline.route-controls-label">
|
||
<button id="route-offline-save" type="button" data-i18n="offline.save-route">Für unterwegs speichern</button>
|
||
<button id="route-offline-remove" type="button" hidden data-i18n="offline.remove-route">Gespeicherte Strecke entfernen</button>
|
||
<a id="route-gpx-download" download hidden data-i18n="offline.export-path">Weg als Datei herunterladen</a>
|
||
<output id="route-offline-status" aria-live="polite"></output>
|
||
<p data-i18n="offline.route-actions-help">„Für unterwegs speichern“ nimmt diese Strecke mit Bildern und Ton mit. „Weg als Datei herunterladen“ speichert nur den Weg für eine andere Wander-App.</p>
|
||
</section>
|
||
<dl>
|
||
<div><dt data-i18n="route.length">Länge</dt><dd id="route-distance">–</dd></div>
|
||
<div><dt data-i18n="route.elevation">Höhenmeter</dt><dd id="route-elevation">–</dd></div>
|
||
<div><dt data-i18n="route.station-count">Stationen</dt><dd id="route-poi-count">–</dd></div>
|
||
</dl>
|
||
<fieldset>
|
||
<legend data-i18n="route.controls-label">Unterwegs</legend>
|
||
<button id="start-route" type="button" aria-label="Strecke starten" title="Strecke starten" data-i18n-title="app.start-route" data-i18n-aria-label="app.start-route">
|
||
<img src="images/icons/play.svg" alt="Strecke starten" data-i18n-alt="app.start-route">
|
||
</button>
|
||
<button id="pause-route" type="button" aria-label="Strecke pausieren" title="Strecke pausieren" disabled data-i18n-title="route.pause" data-i18n-aria-label="route.pause">
|
||
<img src="images/icons/pause.svg" alt="Strecke pausieren" data-i18n-alt="route.pause">
|
||
</button>
|
||
<button id="stop-route" type="button" aria-label="Strecke beenden" title="Strecke beenden" disabled data-i18n-title="route.stop" data-i18n-aria-label="route.stop">
|
||
<img src="images/icons/stop.svg" alt="Strecke beenden" data-i18n-alt="route.stop">
|
||
</button>
|
||
</fieldset>
|
||
<p id="tracking-status" class="notice" hidden></p>
|
||
<h2 data-i18n="route.station-count">Stationen</h2>
|
||
<ul id="poi-list" class="route-list"></ul>
|
||
</div>
|
||
</section>
|
||
<section id="poi-page" class="app-page" hidden>
|
||
<header class="has-back-button">
|
||
<button class="back-button" type="button" data-page-target="#route-page" aria-label="Zurück zur Strecke" title="Zurück zur Strecke" data-i18n-title="route.back" data-i18n-aria-label="route.back">
|
||
<img src="images/icons/back.svg" alt="">
|
||
</button>
|
||
<h1 id="poi-title" data-i18n="station.title">Station</h1>
|
||
</header>
|
||
<div class="content">
|
||
<div id="slideshow" aria-live="polite">
|
||
<figure>
|
||
<img id="slide-image" alt="">
|
||
</figure>
|
||
<fieldset>
|
||
<legend data-i18n="slideshow.controls-label">Bildnavigation</legend>
|
||
<button id="slide-prev" type="button" aria-label="Vorheriges Bild" title="Vorheriges Bild" data-i18n-title="slideshow.previous" data-i18n-aria-label="slideshow.previous">
|
||
<img src="images/icons/chevron-left.svg" alt="Vorheriges Bild" data-i18n-alt="slideshow.previous">
|
||
</button>
|
||
<div>
|
||
<p id="slide-caption"></p>
|
||
<span id="slide-position">0 / 0</span>
|
||
</div>
|
||
<button id="slide-next" type="button" aria-label="Nächstes Bild" title="Nächstes Bild" data-i18n-title="slideshow.next" data-i18n-aria-label="slideshow.next">
|
||
<img src="images/icons/chevron-right.svg" alt="Nächstes Bild" data-i18n-alt="slideshow.next">
|
||
</button>
|
||
</fieldset>
|
||
</div>
|
||
<p id="poi-description"></p>
|
||
<audio id="poi-audio" controls preload="metadata" aria-label="Ton zur Station" hidden data-i18n-aria-label="audio.station-label" data-i18n="audio.unsupported">Dieses Gerät kann den Ton leider nicht abspielen.</audio>
|
||
</div>
|
||
</section>
|
||
<footer id="navigation-footer" hidden aria-live="polite">
|
||
<div class="navigation-target">
|
||
<svg id="route-navigation-arrow" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
|
||
<path d="M32 4 53 54 32 44 11 54Z"></path>
|
||
</svg>
|
||
<p><span id="route-navigation-mode" data-i18n="recorder.path-direction">Dem Weg folgen</span></p>
|
||
</div>
|
||
<div id="station-navigation" class="navigation-target">
|
||
<svg id="navigation-arrow" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
|
||
<path d="M32 4 53 54 32 44 11 54Z"></path>
|
||
</svg>
|
||
<p>
|
||
<span id="navigation-mode" data-i18n="navigation.station-direction">Richtung zur nächsten Station</span>
|
||
<strong id="navigation-distance">–</strong>
|
||
</p>
|
||
</div>
|
||
</footer>
|
||
</main>
|
||
<dialog id="info-dialog" class="info-dialog" aria-labelledby="info-dialog-title">
|
||
<div class="info-dialog-shell">
|
||
<header class="info-dialog-header">
|
||
<h2 id="info-dialog-title" data-i18n="info.title">Informationen</h2>
|
||
<button id="info-close" type="button" aria-label="Informationsfenster schließen" title="Schließen" data-i18n-title="info.close" data-i18n-aria-label="info.close-label">×</button>
|
||
</header>
|
||
<div class="info-dialog-content">
|
||
<article class="info-page" data-info-page="privacy" lang="de" hidden>
|
||
<p class="legal-warning"><strong>Hinweis:</strong><span>Diese Angaben sind noch nicht vollständig. Die Kontakte stammen von der Grundschule Herpf. Wer die Website betreibt, welche Verbindungsdaten gespeichert werden und wie lange sie bleiben, muss noch ergänzt werden.</span></p>
|
||
<h3>1. Verantwortliche Stelle und Datenschutzkontakt</h3>
|
||
<p>
|
||
<strong>Staatliche Grundschule Herpf</strong><br><span>Zum Eichig 3</span><br><span>98617 Meiningen / OT Herpf</span><br><span>Telefon: (036943) 63722</span><br><span>E-Mail: info@grundschule-herpf.de</span></p>
|
||
<p><span>Datenschutzangaben der Schule:</span><br>
|
||
<strong>Staatliches Schulamt Südthüringen</strong><br><span>Datenschutzbeauftragter</span><br><span>Hölderlinstraße 1</span><br><span>98527 Suhl</span><br><span>Telefon: 03681 / 7341 25</span><br><span>Fax: 03681 / 7341 09</span><br><span>E-Mail: datenschutz.suedthueriungen@schulamt.thueringen.de</span></p>
|
||
<p>Der Datenschutzbeauftragte kann außerdem über die Postadresse der Schule mit dem Zusatz „der Datenschutzbeauftragte“ erreicht werden.</p>
|
||
<h3>2. Wenn du Wegwichtel öffnest</h3>
|
||
<p>Wenn du Wegwichtel öffnest, können Verbindungsdaten verarbeitet werden. Dazu gehören zum Beispiel die Internetadresse deines Geräts, Datum, Uhrzeit und Zeitzone, die aufgerufene Seite, übertragene Daten und ob der Aufruf geklappt hat. Auch die vorherige Seite und Angaben zu deinem Gerät, Internetbrowser und dessen Sprache können dazugehören. Diese Daten helfen dabei, die Website bereitzustellen, Fehler zu finden und sie zu schützen.</p>
|
||
<p><span>Wer die Website bereitstellt und welche Verbindungsdaten wie lange gespeichert werden:</span><strong>[Anbieter, Anschrift, gespeicherte Daten und Speicherdauer ergänzen]</strong></p>
|
||
<h3>3. Standortdaten</h3>
|
||
<p>Du entscheidest, ob Wegwichtel deinen Standort nutzen darf. Damit findest du Strecken in deiner Nähe und siehst den Weg zur nächsten Station. Dein laufender Standort wird auf deinem Gerät verarbeitet. Wegwichtel speichert daraus keinen Verlauf auf der Website.</p>
|
||
<h3>4. Deinen Fortschritt merken</h3>
|
||
<p>Wenn du „Meinen Fortschritt merken“ einschaltest, speichert Wegwichtel deine gewählte Strecke, besuchte und angesehene Stationen sowie angehörte Tonaufnahmen. Auch ob du unterwegs bist, eine Pause machst oder fertig bist und der Zeitpunkt werden gespeichert. Diese Angaben bleiben auf deinem Gerät und werden nicht an die Website gesendet.</p>
|
||
<p>Wenn du deinen Fortschritt mindestens einen Tag lang nicht verändert hast, wird er beim nächsten Öffnen gelöscht. Beim Ausschalten wird er sofort gelöscht. Deine eigenen und für unterwegs gespeicherten Strecken bleiben erhalten.</p>
|
||
<label for="progress-storage-toggle-2" class="switch-row compact-switch">
|
||
<span>
|
||
<strong>Meinen Fortschritt merken</strong>
|
||
<small>Du entscheidest, ob sich Wegwichtel deinen Fortschritt merkt.</small>
|
||
</span>
|
||
<input id="progress-storage-toggle-2" class="progress-storage-toggle" type="checkbox" role="switch" aria-checked="false">
|
||
<span class="switch-track" aria-hidden="true"></span>
|
||
</label>
|
||
<h3>5. Deine eigenen Strecken</h3>
|
||
<p>Neue Strecken bleiben zuerst auf deinem Gerät. Gespeichert werden der Weg, die Orte der Stationen, Texte sowie ausgewählte Bilder und Tonaufnahmen.</p>
|
||
<p>Deine Entwürfe bleiben erhalten, wenn alter Fortschritt gelöscht wird oder du „Meinen Fortschritt merken“ ausschaltest. Sie bleiben auf diesem Gerät, bis du sie löschst oder die gespeicherten Daten von Wegwichtel in deinem Internetbrowser entfernst. Nur wenn du „Zur Prüfung senden“ wählst, wird deine Strecke an die Website gesendet.</p>
|
||
<h3>6. Werbung und gespeicherte Einstellungen</h3>
|
||
<p>Wegwichtel verwendet keine Cookies. Es zählt keine Besuche für Werbung und verfolgt nicht, welche anderen Seiten du besuchst. Auf deinem Gerät wird gespeichert, ob du „Meinen Fortschritt merken“ eingeschaltet hast.</p>
|
||
<h3>7. Inhalte von Schülerinnen und Schülern</h3>
|
||
<p>Bilder, Texte und Tonaufnahmen dürfen nur geteilt werden, wenn das erlaubt ist. Wenn Kinder auf Bildern oder in Aufnahmen erkannt werden können, müssen die Regeln der Schule beachtet werden. Auch die Eltern oder anderen Sorgeberechtigten müssen die nötige Erlaubnis geben.</p>
|
||
<h3>8. Deine Rechte</h3>
|
||
<p>Du kannst fragen, welche Daten über dich gespeichert sind. Unter den gesetzlichen Voraussetzungen kannst du verlangen, dass sie berichtigt, gelöscht, nur noch eingeschränkt genutzt oder dir zur Weitergabe bereitgestellt werden. Du kannst der Nutzung widersprechen und eine erteilte Erlaubnis für die Zukunft zurücknehmen. Wenn du dich über den Umgang mit deinen Daten beschweren möchtest, kannst du dich an die folgende Datenschutzbehörde wenden.</p>
|
||
<p><span>Zuständige Datenschutzaufsicht:</span><br>
|
||
<strong>Thüringer Landesbeauftragter für den Datenschutz und die Informationsfreiheit (TlfDI)</strong><br><span>Postfach 90 04 55, 99107 Erfurt</span><br><span>Häßlerstraße 8, 99096 Erfurt</span><br><span>Telefon: 0361 / 57 311 29 00</span><br><span>Telefax: 0361 / 57 311 29 04</span><br><span>E-Mail: poststelle@datenschutz.thueringen.de</span><br><span>Website: www.tlfdi.de</span></p>
|
||
</article>
|
||
<article class="info-page" data-info-page="imprint" lang="de" hidden>
|
||
<p class="legal-warning"><strong>Hinweis:</strong><span>Diese Angaben stammen von der Grundschule Herpf. Vor der Veröffentlichung muss geprüft werden, ob für Wegwichtel noch weitere oder andere Angaben nötig sind.</span></p>
|
||
<h3>Wer für Wegwichtel verantwortlich ist</h3>
|
||
<p>
|
||
<strong>Staatliche Grundschule Herpf</strong><br><span>Zum Eichig 3</span><br><span>98617 Meiningen / OT Herpf</span></p>
|
||
<h3>Kontakt</h3>
|
||
<p><span>Telefon: (036943) 63722</span><br><span>Telefax: (036943) 63843</span><br><span>E-Mail: info@grundschule-herpf.de</span></p>
|
||
<h3>Leitung der Schule</h3>
|
||
<p>Frau Wichert, Schulleiterin</p>
|
||
<h3>Schulträger</h3>
|
||
<p>
|
||
<strong>Landkreis Schmalkalden-Meiningen</strong><br><span>Landratsamt</span><br><span>Obertshäuser Platz 1</span><br><span>98617 Meiningen</span></p>
|
||
<h3>Inhaltlich verantwortlich</h3>
|
||
<p>Frau Wichert</p>
|
||
<h3>Technisch verantwortlich</h3>
|
||
<p>Florian Zumpe<br><span>[Anschrift von Florian Zumpe ergänzen]</span><br><span>E-Mail: [E-Mail-Adresse von Florian Zumpe ergänzen]</span></p>
|
||
<h3>Weitere Pflichtangaben</h3>
|
||
<p>Je nachdem, wer Wegwichtel betreibt, können weitere Angaben nötig sein. Dazu gehören zum Beispiel die Verantwortlichen für den Betrieb der Website. Diese Angaben müssen noch geprüft werden.</p>
|
||
<h3>Haftung für Inhalte und Verweise</h3>
|
||
<p>Die Inhalte werden sorgfältig erstellt und regelmäßig geprüft. Falls etwas falsch, veraltet oder nicht erlaubt ist, melde dich beim Kontakt oben. Für andere verlinkte Seiten sind deren Betreiber verantwortlich.</p>
|
||
<h3>Urheber- und Nutzungsrechte</h3>
|
||
<p>Wenn nichts anderes angegeben ist, liegen die Rechte bei der Grundschule Herpf. Du darfst Texte, Bilder, Tonaufnahmen und Wege nur so nutzen, wie es jeweils erlaubt wurde. Auch die Rechte der beteiligten Kinder, Familien, Lehrkräfte und anderen Personen bleiben bestehen.</p>
|
||
</article>
|
||
<article class="info-page" data-info-page="technology" hidden>
|
||
<h3 data-i18n="storage-help.progress-title">Was merkt sich Wegwichtel?</h3>
|
||
<p data-i18n="storage-help.progress-data">Du kannst deinen Fortschritt auf diesem Gerät speichern. Dann weiß Wegwichtel beim nächsten Öffnen, welche Stationen du schon besucht oder angesehen hast und welche Tonaufnahmen du angehört hast.</p>
|
||
<p data-i18n="storage-help.progress-deletion">Wenn du einen Tag lang nichts mehr daran geändert hast, wird dein Fortschritt beim nächsten Öffnen gelöscht. Beim Ausschalten wird er sofort gelöscht. Deine selbst angelegten und für unterwegs gespeicherten Strecken bleiben erhalten.</p>
|
||
<label for="progress-storage-toggle-3" class="switch-row compact-switch">
|
||
<span>
|
||
<strong data-i18n="progress.remember">Meinen Fortschritt merken</strong>
|
||
<small data-i18n="progress.change-hint">Die Änderung gilt sofort auf diesem Gerät.</small>
|
||
</span>
|
||
<input id="progress-storage-toggle-3" class="progress-storage-toggle" type="checkbox" role="switch" aria-checked="false">
|
||
<span class="switch-track" aria-hidden="true"></span>
|
||
</label>
|
||
<h3 data-i18n="storage-help.offline-title">Ohne Internet unterwegs</h3>
|
||
<label for="info-offline-cache-toggle" class="switch-row compact-switch">
|
||
<span>
|
||
<strong data-i18n="offline.open-app">App ohne Internet öffnen</strong>
|
||
<small data-i18n="offline.open-app-hint">Damit kannst du Wegwichtel auch ohne Internet öffnen. Wähle danach die Strecken aus, die du mitnehmen möchtest.</small>
|
||
</span>
|
||
<input id="info-offline-cache-toggle" type="checkbox" role="switch" aria-checked="false" aria-describedby="info-offline-cache-status">
|
||
<span class="switch-track" aria-hidden="true"></span>
|
||
</label>
|
||
<output id="info-offline-cache-status" aria-live="polite"></output>
|
||
<button id="info-offline-cache-refresh" type="button" hidden data-i18n="offline.renew-app">Gespeicherte App erneuern</button>
|
||
<p data-i18n="storage-help.offline-data">Mit „App ohne Internet öffnen“ speicherst du Wegwichtel auf diesem Gerät. Danach kannst du einzelne Strecken mit „Für unterwegs speichern“ mitnehmen. Warte vor dem Losgehen, bis alles gespeichert ist.</p>
|
||
<p data-i18n="storage-help.export-data">Mit „Weg als Datei herunterladen“ kannst du den Weg in einer anderen Wander-App öffnen. Bilder und Tonaufnahmen sind in dieser Datei nicht enthalten.</p>
|
||
<h3 data-i18n="storage-help.drafts-title">Deine eigenen Strecken</h3>
|
||
<p data-i18n="storage-help.drafts-data">Neue Strecken bleiben zuerst auf diesem Gerät. Mit „Zur Prüfung senden“ reichst du eine Strecke zur Freigabe ein. Erst nach der Freigabe können andere sie sehen.</p>
|
||
<p data-i18n="storage-help.drafts-deletion">Deine Entwürfe bleiben gespeichert, bis du sie löschst oder die gespeicherten Daten von Wegwichtel in deinem Internetbrowser entfernst. Viele große Bilder brauchen viel Platz. Die Anzeige „Platz für Wegwichtel“ hilft dir, den belegten Platz im Blick zu behalten.</p>
|
||
<h3 data-i18n="storage-help.permissions-title">Welche Erlaubnisse braucht die App?</h3>
|
||
<ul>
|
||
<li data-i18n="storage-help.permissions.location">Deinen Standort, um Strecken in deiner Nähe und den Weg zur nächsten Station zu zeigen.</li>
|
||
<li data-i18n="storage-help.permissions.direction">Die Richtung deines Geräts, damit sich der Pfeil mitdrehen kann.</li>
|
||
<li data-i18n="storage-help.permissions.files">Zugriff auf ausgewählte Bilder und Tonaufnahmen, wenn du sie zu einer Strecke hinzufügen möchtest.</li>
|
||
</ul>
|
||
<p data-i18n="storage-help.permissions.optional">Du kannst diese Erlaubnisse ablehnen. Dann fehlen die jeweiligen Funktionen. Strecken und Stationen kannst du weiterhin selbst auswählen.</p>
|
||
<h3 data-i18n="storage-help.providers-title">Werbung und andere Anbieter</h3>
|
||
<p data-i18n="storage-help.providers-data">Wegwichtel zeigt keine Werbung und verfolgt nicht, welche anderen Seiten du besuchst. Die App lädt ihre eigenen Programme und Bilder von Wegwichtel. Es werden keine Cookies verwendet.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</dialog>
|
||
<dialog id="editor-dialog" class="editor-dialog" aria-labelledby="editor-dialog-title">
|
||
<div class="editor-dialog-shell">
|
||
<header class="editor-dialog-header">
|
||
<h2 id="editor-dialog-title" data-i18n="editor.open">Strecken bearbeiten</h2>
|
||
<button id="editor-close" type="button" aria-label="Fenster zum Bearbeiten schließen" title="Schließen" data-i18n-title="info.close" data-i18n-aria-label="editor.close">×</button>
|
||
</header>
|
||
|
||
<output id="editor-status" class="editor-status" aria-live="polite" hidden></output>
|
||
<section id="editor-route-list-view" class="editor-view" aria-labelledby="editor-route-list-title">
|
||
<div class="editor-toolbar">
|
||
<h3 id="editor-route-list-title" data-i18n="editor.routes-title">Deine Strecken</h3>
|
||
<button id="editor-new-route" class="editor-round-button" type="button" aria-label="Neue Strecke anlegen" title="Neue Strecke anlegen" data-i18n-title="editor.create-route" data-i18n-aria-label="editor.create-route">
|
||
<span aria-hidden="true">+</span>
|
||
</button>
|
||
</div>
|
||
<section class="storage-usage" data-storage-usage aria-label="Platz für Wegwichtel" data-i18n-aria-label="storage.title">
|
||
<h3 data-i18n="storage.title">Platz für Wegwichtel</h3>
|
||
<meter data-storage-site-meter min="0" max="1" value="0" aria-label="Belegter Platz für App, Bilder und Ton" hidden data-i18n-aria-label="storage.site-meter-label"></meter>
|
||
<p data-storage-site-text data-i18n="storage.loading">Wir schauen, wie viel Platz belegt ist …</p>
|
||
<meter data-storage-local-meter min="0" max="5242880" value="0" aria-label="Belegter Platz für Texte und Einstellungen; der Balken zeigt einen ungefähren Richtwert" data-i18n-aria-label="storage.local-meter-label"></meter>
|
||
<p data-storage-local-text></p>
|
||
<p data-i18n="storage.help">Der erste Balken zeigt den Platz für die App, Bilder und Ton. Der zweite zeigt den Platz für Texte und Einstellungen. Die Balken zeigen nur den Platz für Wegwichtel.</p>
|
||
<output data-storage-warning hidden></output>
|
||
<button data-storage-refresh type="button" data-i18n="storage.refresh">Platz prüfen</button>
|
||
</section>
|
||
<p class="editor-muted" data-i18n="editor.routes-hint">Hier findest du Strecken für alle und deine eigenen Entwürfe.</p>
|
||
<ul id="editor-route-list" class="editor-route-list" aria-live="polite"></ul>
|
||
</section>
|
||
<section id="editor-route-detail-view" class="editor-view" aria-labelledby="editor-route-detail-title" hidden>
|
||
<div class="editor-toolbar editor-toolbar-back">
|
||
<button id="editor-route-back" class="editor-secondary-button" type="button" data-i18n="common.back">Zurück</button>
|
||
<h3 id="editor-route-detail-title" data-i18n="editor.route-title">Deine Strecke</h3>
|
||
</div>
|
||
<form id="editor-route-form" class="editor-form">
|
||
<input id="editor-route-id" type="hidden">
|
||
<label for="editor-route-name" data-i18n="editor.route-name">Name der Strecke</label>
|
||
<input id="editor-route-name" type="text" autocomplete="off" required>
|
||
|
||
<label for="editor-route-description" data-i18n="editor.description">Beschreibung</label>
|
||
<textarea id="editor-route-description" rows="4"></textarea>
|
||
<div id="editor-route-gpx-group" class="editor-gpx-group">
|
||
<label for="editor-route-gpx" data-i18n="editor.import-path">Weg aus einer Datei übernehmen</label>
|
||
<input id="editor-route-gpx" type="file" accept=".gpx,application/gpx+xml,text/xml,application/xml">
|
||
</div>
|
||
|
||
<details id="editor-path-positions">
|
||
<summary data-i18n="recorder.edit-path">Orte auf dem Weg ergänzen</summary>
|
||
<p data-i18n="recorder.edit-help">Fehlende Orte kannst du später eintragen. Leere Felder bleiben gespeichert.</p>
|
||
<div id="editor-recorded-positions"></div>
|
||
<button id="editor-add-position" type="button" data-i18n="recorder.add-position">Ort auf dem Weg hinzufügen</button>
|
||
</details>
|
||
<p id="editor-route-activated" class="editor-muted" data-i18n="editor.new-draft-hint">Deine neue Strecke bleibt zuerst auf diesem Gerät. Mit „Zur Prüfung senden“ kannst du sie zur Freigabe einreichen.</p>
|
||
|
||
<div class="editor-form-actions">
|
||
<button id="editor-route-save" class="editor-primary-button" type="submit" data-i18n="editor.save-route">Strecke speichern</button>
|
||
<button id="editor-route-upload" class="editor-secondary-button" type="button" hidden data-i18n="editor.submit">Zur Prüfung senden</button>
|
||
</div>
|
||
</form>
|
||
<div class="editor-toolbar editor-poi-toolbar">
|
||
<h3 data-i18n="route.station-count">Stationen</h3>
|
||
<button id="editor-add-poi" class="editor-round-button" type="button" aria-label="Station hinzufügen" title="Station hinzufügen" data-i18n-title="editor.add-station" data-i18n-aria-label="editor.add-station">
|
||
<span aria-hidden="true">+</span>
|
||
</button>
|
||
</div>
|
||
<ol id="editor-poi-list" class="editor-poi-list"></ol>
|
||
</section>
|
||
<section id="editor-poi-form-view" class="editor-view" aria-labelledby="editor-poi-form-title" hidden>
|
||
<div class="editor-toolbar editor-toolbar-back">
|
||
<button id="editor-poi-cancel" class="editor-secondary-button" type="button" data-i18n="route.back">Zurück zur Strecke</button>
|
||
<h3 id="editor-poi-form-title" data-i18n="editor.edit-station">Station bearbeiten</h3>
|
||
</div>
|
||
|
||
<form id="editor-poi-form" class="editor-form">
|
||
<input id="editor-poi-id" type="hidden">
|
||
<label for="editor-poi-title" data-i18n="editor.station-name">Name</label>
|
||
<input id="editor-poi-title" type="text" autocomplete="off" required>
|
||
|
||
<label for="editor-poi-description" data-i18n="editor.station-text">Text</label>
|
||
<textarea id="editor-poi-description" rows="6"></textarea>
|
||
|
||
<details>
|
||
<summary data-i18n="recorder.manual-location">Ort ergänzen oder ändern</summary>
|
||
<label for="editor-poi-lat" data-i18n="recorder.latitude">Breitengrad</label>
|
||
<input id="editor-poi-lat" type="number" step="any" min="-90" max="90">
|
||
<label for="editor-poi-lon" data-i18n="recorder.longitude">Längengrad</label>
|
||
<input id="editor-poi-lon" type="number" step="any" min="-180" max="180">
|
||
</details>
|
||
<input id="editor-poi-radius" type="hidden" value="25">
|
||
|
||
<div class="editor-media-actions" aria-label="Bilder und Ton zur Station hinzufügen" data-i18n-aria-label="editor.media-actions-label">
|
||
<button id="editor-poi-audio-add" class="editor-media-button" type="button" title="Ton hinzufügen" data-i18n-title="editor.add-audio">
|
||
<svg class="editor-media-icon" viewbox="0 0 32 32" aria-hidden="true" focusable="false">
|
||
<path d="M18 5v15.2a5 5 0 1 1-2-4V9l10-2v9.2a5 5 0 1 1-2-4V4.6z"></path>
|
||
<path d="M6 4v6M3 7h6"></path>
|
||
</svg>
|
||
<span data-i18n="editor.add-audio">Ton hinzufügen</span>
|
||
</button>
|
||
<button id="editor-poi-images-add" class="editor-media-button" type="button" title="Bild hinzufügen" data-i18n-title="editor.add-image">
|
||
<svg class="editor-media-icon" viewbox="0 0 32 32" aria-hidden="true" focusable="false">
|
||
<path d="M6 10h4l2-3h8l2 3h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2z"></path>
|
||
<circle cx="16" cy="18" r="5"></circle>
|
||
<path d="M6 3v6M3 6h6"></path>
|
||
</svg>
|
||
<span data-i18n="editor.add-image">Bild hinzufügen</span>
|
||
</button>
|
||
</div>
|
||
<input id="editor-poi-audio" type="file" accept="audio/*" hidden>
|
||
<input id="editor-poi-images" type="file" accept="image/*" multiple hidden>
|
||
<div id="editor-poi-media-preview" class="editor-media-preview" aria-label="Bilder und Ton ansehen" data-i18n-aria-label="editor.media-preview-label"></div>
|
||
<p id="editor-poi-media-status" class="editor-muted" aria-live="polite"></p>
|
||
|
||
<div class="editor-form-actions">
|
||
<button id="editor-poi-save" class="editor-primary-button" type="submit" data-i18n="editor.save-station">Station speichern</button>
|
||
<button id="editor-poi-delete" class="editor-danger-button" type="button" hidden>
|
||
<span class="editor-danger-icon" aria-hidden="true">−</span>
|
||
<span data-i18n="editor.remove-station">Station entfernen</span>
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</section>
|
||
</div>
|
||
</dialog>
|
||
<script src="js/texts-de.js?v=0.12.14"></script>
|
||
<script src="js/texts-en.js?v=0.12.14"></script>
|
||
<script src="js/i18n.js?v=0.12.14"></script>
|
||
<script src="js/user-messages.js?v=0.12.14"></script>
|
||
<script src="js/local-routes.js?v=0.12.14"></script>
|
||
<script src="js/route-recorder.js?v=0.12.14"></script>
|
||
<script src="js/editor-ui.js?v=0.12.14"></script>
|
||
<script src="js/privacy-storage.js?v=0.12.14"></script>
|
||
<script src="js/legal-ui.js?v=0.12.14"></script>
|
||
<script src="js/offline-storage.js?v=0.12.14"></script>
|
||
<script src="js/storage-usage.js?v=0.12.14"></script>
|
||
<script src="js/offline-cache.js?v=0.12.14"></script>
|
||
<script src="js/bootstrap-loader.js?v=0.12.14"></script>
|
||
</body>
|
||
</html>
|