633 lines
56 KiB
HTML
633 lines
56 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">
|
||
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
||
</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="terms" data-i18n="info.terms">Nutzungsvereinbarung</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="group-join-open" class="editor-secondary-button" type="button" data-i18n="groups.join-open">Gruppencode eingeben</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>Die Anschrift, Angaben zum Hosting und zur Speicherung von Verbindungsdaten müssen noch ergänzt werden.</span></p>
|
||
<h3>1. Verantwortliche Stelle und Datenschutzkontakt</h3>
|
||
<p><strong>Florian Zumpe</strong><br><span>[Anschrift von Florian Zumpe ergänzen]</span><br><span>E-Mail: <a href="mailto:info@wegwichtel.de">info@wegwichtel.de</a></span></p>
|
||
<p>Florian Zumpe entwickelt, betreibt und pflegt Wegwichtel. Fragen zum Datenschutz, Auskunfts- und Löschanfragen sowie Widerrufe kannst du an die Kontaktadresse oben senden.</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“ oder „Gemeinsam bearbeiten“ wählst, wird deine Strecke an die Website gesendet.</p>
|
||
<p>Änderungen an gemeinsamen Stationen werden vor dem Senden zusätzlich auf diesem Gerät gesichert. Dazu gehören deine Eingaben, neu ausgewählte Bilder und Tonaufnahmen sowie vorgemerkte Entfernungen. Noch nicht gesendete Änderungen bleiben bis zum erfolgreichen Senden oder bewussten Verwerfen erhalten. Das Löschen der Website-Daten im Internetbrowser kann diese Sicherungen entfernen. Auf der Website wird während der Bearbeitung eine Sperre mit deiner Gerätekennung und deinem Gruppenzugang gespeichert, damit sich Änderungen nicht unbemerkt überschreiben. Nach 60 Minuten ohne gemeldete Aktivität wird diese Sperre entfernt.</p>
|
||
<p>Beim ersten Start wird eine zufällige Gerätekennung gespeichert. Sie wird beim Einsenden mit deiner Strecke verknüpft. Dafür werden keine Angaben über dein Gerät oder deinen Internetanbieter gesammelt. Beim Löschen von Entwürfen oder gespeicherten App-Daten bleibt die Kennung erhalten. Wenn du alle Website-Daten im Internetbrowser löschst, geht auch die Kennung verloren.</p>
|
||
<h3>6. Werbung und gespeicherte Einstellungen</h3>
|
||
<p>Wegwichtel verwendet keine Werbe- oder Tracking-Cookies. Für die Gruppenbearbeitung wird nach dem Öffnen einer Gruppe oder dem Beitritt ein geschütztes Zugangscookie für höchstens 30 Tage gespeichert. Es merkt sich, welche gemeinsamen Entwürfe du bearbeiten darfst. Beim Öffnen einer Gruppe oder beim Beitritt werden außerdem deine Gerätekennung und deine Gruppenmitgliedschaft auf der Website gespeichert. Gemeinsame Entwürfe und ihre Bilder und Tonaufnahmen werden auf der Website gespeichert und sind für die Gruppenmitglieder zugänglich. 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. Eingesandte Bilder und Tonaufnahmen</h3>
|
||
<p>Wenn du „Zur Prüfung senden“ wählst, erhalten die Betreiber deine Streckenangaben, Bilder und Tonaufnahmen sowie die zugehörige Gerätekennung. Sie verwenden diese Angaben zur Prüfung und Bereitstellung deiner Strecke. Freigegebene Bilder und Tonaufnahmen können im Internet weltweit angesehen oder angehört werden. Wer eine Strecke für unterwegs speichert, kann auch ihre Bilder und Tonaufnahmen auf seinem Gerät speichern.</p>
|
||
<p>Die Nutzungsvereinbarung regelt, welche Nutzungsrechte du für diese Zwecke einräumst. Die Urheberrechte bleiben bei den jeweiligen Urhebern. Eine Nutzungserlaubnis für ein Bild oder eine Tonaufnahme ersetzt keine erforderliche Einwilligung der darin erkennbaren oder hörbaren Personen. Diese Datenschutzerklärung allein erteilt keine solche Erlaubnis.</p>
|
||
<p>Personenbezogene Aufnahmen werden nur veröffentlicht, wenn eine passende Rechtsgrundlage vorliegt. Soweit eine Einwilligung erforderlich ist, muss sie vor der Veröffentlichung eingeholt werden. Bei Kindern sind insbesondere die erforderlichen Zustimmungen ihrer Sorgeberechtigten zu beachten. Eine Einwilligung kann jederzeit für die Zukunft widerrufen werden; die Rechtmäßigkeit der bis dahin erfolgten Verarbeitung bleibt davon unberührt.</p>
|
||
<p>Bei einem Widerruf oder einer berechtigten Löschanfrage prüfen die Betreiber die weitere Nutzung und entfernen die betroffenen Aufnahmen, soweit dies rechtlich erforderlich ist, aus der öffentlichen Bereitstellung. Bereits gespeicherte Kopien auf fremden Geräten können sie nicht vollständig zurückholen. Nicht öffentliche Sicherungskopien und Nachweise dürfen nur im rechtlich erforderlichen Umfang und für die dafür festgelegte Dauer aufbewahrt werden.</p>
|
||
<p><strong>[Vor Veröffentlichung ergänzen: Rechtsgrundlagen für Einsendung, Prüfung, Veröffentlichung und Rechtenachweise; Empfänger und Hostinganbieter; Lösch- und Sicherungsfristen.]</strong></p>
|
||
<h3>9. 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>Die Anschrift und gegebenenfalls weitere Pflichtangaben müssen vor der Veröffentlichung ergänzt werden.</span></p>
|
||
<h3>Inhaber und Betreiber von Wegwichtel</h3>
|
||
<p><strong>Florian Zumpe</strong><br><span>[Anschrift von Florian Zumpe ergänzen]</span><br><span>E-Mail: <a href="mailto:info@wegwichtel.de">info@wegwichtel.de</a></span></p>
|
||
<h3>Entwicklung und Pflege</h3>
|
||
<p>Florian Zumpe setzt das Projekt um und übernimmt den Betrieb und die weitere Pflege. Die Staatliche Grundschule Herpf soll die App nach einer gesonderten Nutzungsfreigabe verwenden können.</p>
|
||
<h3>Inhaltlich verantwortlich</h3>
|
||
<p>Florian Zumpe</p>
|
||
<h3>Technisch verantwortlich</h3>
|
||
<p>Florian Zumpe<br><span>[Anschrift von Florian Zumpe ergänzen]</span><br><span>E-Mail: <a href="mailto:info@wegwichtel.de">info@wegwichtel.de</a></span></p>
|
||
<h3>Weitere Pflichtangaben</h3>
|
||
<p><strong>[Weiteren unmittelbaren Kontaktweg ergänzen]</strong></p>
|
||
<p><strong>[Weitere für den tatsächlichen Betrieb erforderliche Pflichtangaben prüfen und gegebenenfalls ergänzen]</strong></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>Bildquelle der Gruppensymbole</h3>
|
||
<p>Die Wichtel-Gruppensymbole stammen aus einer Grafik von <a href="https://app.envato.com/search/graphics/341b34af-8f28-4222-bc16-32ce99291077" rel="noreferrer">Envato</a>. Ihre Verwendung richtet sich nach der jeweiligen Envato-Lizenz. Envato wird hier als Quelle genannt.</p>
|
||
<h3>Urheber- und Nutzungsrechte</h3>
|
||
<p>Die Urheberrechte an Bildern, Tonaufnahmen und anderen Beiträgen bleiben bei den jeweiligen Urhebern. Die Betreiber nutzen eingesandte Aufnahmen im Rahmen der vereinbarten Nutzungsrechte. Die Veröffentlichung erlaubt anderen Personen keine freie Weiterverwendung. Gesetzlich erlaubte Nutzungen und ausdrücklich erteilte Lizenzen bleiben unberührt.</p>
|
||
</article>
|
||
<article class="info-page" data-info-page="terms" lang="de" hidden>
|
||
<p class="legal-warning"><strong>Entwurf:</strong> Diese Vereinbarung muss vor ihrer verbindlichen Verwendung rechtlich geprüft werden. Die Anschrift des Betreibers und das Verfahren zur Zustimmung und Urhebernennung sind noch zu ergänzen.</p>
|
||
<p>Stand: 17. Oktober 2026</p>
|
||
<h3>1. Für wen diese Vereinbarung gilt</h3>
|
||
<p>Diese Vereinbarung regelt das Einsenden von Bildern und Tonaufnahmen an Wegwichtel. Nutzungsrechte werden dem Betreiber <strong>Florian Zumpe, [Anschrift von Florian Zumpe ergänzen]</strong> eingeräumt. Die bloße Nutzung der App oder das Speichern eines Entwurfs auf deinem Gerät räumt keine Rechte ein.</p>
|
||
<h3>2. Erlaubnis für Bilder und Tonaufnahmen</h3>
|
||
<p>Mit dem Hochladen deiner Bilder und Tonaufnahmen unter Zustimmung zu dieser Nutzungsvereinbarung räumst du dem Betreiber ein einfaches, nicht ausschließliches, räumlich unbeschränktes Nutzungsrecht für den Betrieb von Wegwichtel ein. Es umfasst das Speichern und Vervielfältigen, die redaktionelle Prüfung sowie nach Freigabe das öffentliche Zugänglichmachen und Wiedergeben im Zusammenhang mit den Strecken der App. Dazu gehören die Anzeige von Bildern, das Abspielen von Tonaufnahmen sowie die von der App angebotene Speicherung ausgewählter Strecken auf Geräten für die Nutzung ohne Internet.</p>
|
||
<p>Der Betreiber darf die dafür notwendigen technischen Anpassungen vornehmen, etwa Dateiformate umwandeln, Dateien komprimieren und Bildgrößen anpassen. Inhaltliche Veränderungen oder entstellende Bearbeitungen sind dadurch nicht erlaubt. Beauftragte Hosting- und technische Dienstleister dürfen die Aufnahmen nur soweit verwenden, wie dies zur Bereitstellung von Wegwichtel erforderlich ist. Besucher erhalten nur die für die Nutzung innerhalb der App und ihrer vorgesehenen Offline-Funktion erforderliche Erlaubnis.</p>
|
||
<p>Die Rechteeinräumung gilt für die Dauer der vereinbarten Bereitstellung deiner Aufnahmen in Wegwichtel. Nach einer vereinbarten Beendigung stellt der Betreiber die weitere öffentliche Nutzung ein. Gesetzlich erforderliche nicht öffentliche Nachweise dürfen im erforderlichen Umfang aufbewahrt werden. Bereits rechtmäßig auf Geräten gespeicherte Kopien können nicht vollständig zurückgerufen werden. Gesetzliche Rückrufrechte und Ansprüche bleiben unberührt.</p>
|
||
<p>Eine Vergütung für die hier beschriebene freiwillige Bereitstellung ist nicht vereinbart. Unabdingbare gesetzliche Vergütungsansprüche bleiben unberührt. Nutzungen für Werbung außerhalb von Wegwichtel, den Verkauf der Aufnahmen oder eigenständige Veröffentlichungen auf anderen Plattformen sind nicht umfasst und benötigen eine gesonderte Vereinbarung.</p>
|
||
<h3>3. Urheberschaft und Namensnennung</h3>
|
||
<p>Das Urheberrecht wird nicht übertragen. Das Recht auf Anerkennung der Urheberschaft und auf die vereinbarte Urheberbezeichnung bleibt bestehen. Für jede Aufnahme ist vor der Veröffentlichung anzugeben, welcher Name oder welches Pseudonym als Urheberbezeichnung verwendet werden soll. Diese Bezeichnung ist bei der Aufnahme sichtbar zu nennen. Ein Verzicht auf Namensnennung wird nicht durch das Hochladen unterstellt. Eine abweichende Vereinbarung ist gesondert mit dem berechtigten Urheber zu treffen.</p>
|
||
<h3>4. Du musst die nötigen Rechte haben</h3>
|
||
<p>Du darfst nur Aufnahmen senden, die du selbst erstellt hast oder für die du alle erforderlichen Erlaubnisse besitzt, um diese Nutzungsrechte einzuräumen. Bei Tonaufnahmen sind auch die Rechte an Musik, gesprochenen Texten, Darbietungen und der Aufnahme selbst zu beachten. Die Erlaubnis zum privaten Anhören oder zum eigenen Gebrauch reicht für eine Veröffentlichung in Wegwichtel nicht aus.</p>
|
||
<p>Auch die Rechte erkennbarer oder hörbarer Personen müssen beachtet werden. Eine Nutzungserlaubnis des Fotografen ersetzt nicht die erforderliche Einwilligung der abgebildeten Person. Kinder brauchen für die Rechteeinräumung die erforderliche Zustimmung ihrer gesetzlichen Vertreter. Sorgeberechtigte dürfen Rechte anderer Urheber nicht ohne deren Erlaubnis einräumen.</p>
|
||
<h3>5. Prüfung, Entfernung und Beschwerden</h3>
|
||
<p>Die Betreiber sind nicht verpflichtet, eingesandte Aufnahmen zu veröffentlichen. Wenn Rechte unklar sind oder eine berechtigte Beanstandung vorliegt, dürfen sie die Veröffentlichung aussetzen oder die Aufnahme entfernen. Fragen zu Urheberschaft, Nutzungsrechten, Namensnennung oder Entfernung richtest du an <a href="mailto:info@wegwichtel.de">info@wegwichtel.de</a>. Datenschutzrechtliche Einwilligungen und Widerrufe werden getrennt von den urheberrechtlichen Nutzungsrechten geprüft.</p>
|
||
<h3>6. Hinweis bei ausgelieferten Bildern</h3>
|
||
<p>Der technische Rechtehinweis bei Bildern informiert über diese Nutzungsregeln. Er ersetzt weder die Urhebernennung bei der Aufnahme noch einen Nachweis über die tatsächlich erteilte Nutzungserlaubnis. Er verhindert auch nicht das Kopieren einer Aufnahme.</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. Für gemeinsame Entwürfe merkt sich dein Internetbrowser deinen Zugang für höchstens 30 Tage mit einem Cookie.</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>
|
||
<h3 data-i18n="groups.title">Gemeinsame Entwürfe</h3>
|
||
<p class="editor-muted" data-i18n="groups.online">Gemeinsam bearbeiten braucht eine Internetverbindung.</p>
|
||
<button id="editor-group-join" class="editor-secondary-button" type="button" data-i18n="groups.join-open">Gruppencode eingeben</button>
|
||
<h4 data-i18n="point-locks.pending-title">Noch nicht gesendete Änderungen</h4>
|
||
<p class="editor-muted" data-i18n="point-locks.pending-help">Diese Änderungen bleiben auf diesem Gerät. Öffne sie später und tippe auf Speichern. Vor dem Senden prüft Wegwichtel, ob die Station inzwischen geändert wurde.</p>
|
||
<ul id="editor-point-drafts" class="editor-route-list" aria-live="polite"></ul>
|
||
<ul id="editor-group-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>
|
||
|
||
<section id="editor-recording-options">
|
||
<label class="switch-row" for="route-recording-toggle">
|
||
<span data-i18n="recorder.toggle">Meinen Weg aufnehmen</span>
|
||
<input id="route-recording-toggle" type="checkbox" role="switch" aria-checked="false">
|
||
<span class="switch-track" aria-hidden="true"></span>
|
||
</label>
|
||
<p class="editor-muted" data-i18n="recorder.toggle-help">Alle zwei Minuten wird dein Standort auf diesem Gerät gespeichert. Die Aufnahme endet, wenn du die Bearbeitung verlässt.</p>
|
||
</section>
|
||
<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>
|
||
|
||
<p class="editor-muted" data-i18n="editor.rights-hint">Wenn du Bilder oder Tonaufnahmen sendest, erlaubst du Wegwichtel, sie nach der Nutzungsvereinbarung zu verwenden. Sende nur Aufnahmen, für die du diese Erlaubnis geben darfst. Kinder brauchen die Zustimmung ihrer Sorgeberechtigten.</p>
|
||
<button id="editor-rights-open" type="button" data-i18n="editor.rights-open">Vereinbarung für Bilder und Ton lesen</button>
|
||
<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>
|
||
<dialog id="group-share-dialog" class="group-dialog" aria-labelledby="group-share-title">
|
||
<header class="group-dialog-header">
|
||
<h2 id="group-share-title" data-i18n="groups.share">Gemeinsam bearbeiten</h2>
|
||
<button id="group-share-close" type="button" data-i18n-aria-label="info.close">×</button>
|
||
</header>
|
||
<p id="group-share-route"></p>
|
||
<div id="group-share-pictures" class="group-share-pictures"></div>
|
||
<p data-i18n="groups.share-help">Mit diesen beiden Wichteln öffnest du einen gemeinsamen Entwurf. Andere können mit einem Wichtelcode mitmachen. Das Original bleibt erhalten.</p>
|
||
<div class="editor-form-actions">
|
||
<button id="group-share-start" type="button" data-i18n="groups.share-start">Gemeinsamen Entwurf öffnen</button>
|
||
</div>
|
||
</dialog>
|
||
<dialog id="group-dialog" class="group-dialog" aria-labelledby="group-title">
|
||
<header class="group-dialog-header">
|
||
<h2 id="group-title" data-i18n="groups.share">Gemeinsam bearbeiten</h2>
|
||
<button id="group-close" type="button" aria-label="Schließen" data-i18n-aria-label="info.close">×</button>
|
||
</header>
|
||
<section id="group-entry">
|
||
<p data-i18n="groups.wheel-help">Schiebe die Wichtel nach oben oder unten. Die fünf Wichtel in der Mitte ergeben den Code. Lies von links nach rechts. Ein Wichtel darf mehrmals vorkommen.</p>
|
||
<fieldset class="group-code-fieldset"><legend data-i18n="groups.code-label">Gruppencode</legend><div id="group-wheels" class="group-wheels"></div></fieldset>
|
||
<button id="group-join" type="button" data-i18n="groups.join">Mitmachen</button>
|
||
</section>
|
||
<section id="group-invitation" hidden>
|
||
<p data-i18n="groups.invite-help">Zeige diesen Code den anderen. Damit können sie deinen gemeinsamen Entwurf öffnen und bearbeiten. Das Original bleibt erhalten.</p>
|
||
<div id="group-code" class="group-code" aria-label="Gruppencode" data-i18n-aria-label="groups.code-label"></div>
|
||
<p id="group-expiry"></p>
|
||
<button id="group-edit" type="button" data-i18n="groups.edit">Entwurf bearbeiten</button>
|
||
</section>
|
||
<p id="group-status" class="group-status" role="status"></p>
|
||
</dialog>
|
||
<dialog id="point-compare-dialog" class="group-dialog point-compare-dialog" aria-labelledby="point-compare-title">
|
||
<h2 id="point-compare-title" data-i18n="point-locks.compare-title">Die Station wurde geändert</h2>
|
||
<p data-i18n="point-locks.compare-help">Vergleiche deine Änderungen mit dem neuen Stand. Wenn du deine Änderungen sendest, ersetzen deine Angaben den aktuellen Stand. Prüfe auch Bilder und Tonaufnahmen. Bei gleicher Anzahl können andere Dateien dahinterstecken.</p>
|
||
<div id="point-compare-content" class="point-compare-content"></div>
|
||
<div class="editor-form-actions">
|
||
<button id="point-compare-cancel" type="button" data-i18n="point-locks.keep-device">Auf diesem Gerät behalten</button>
|
||
<button id="point-compare-accept" type="button" data-i18n="point-locks.use-mine">Meine Änderungen senden</button>
|
||
</div>
|
||
</dialog>
|
||
<script src="js/group-points.js?v=0.12.14"></script>
|
||
<script src="js/group-symbols.js?v=0.12.14"></script>
|
||
<script src="js/groups.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>
|