This commit is contained in:
+74
-12
@@ -22,12 +22,77 @@
|
||||
</nav>
|
||||
</div>
|
||||
<div id="bootstrap-screen" aria-live="polite" aria-busy="true">
|
||||
<section>
|
||||
<span aria-hidden="true">🧭</span>
|
||||
<h1>Wegwichtel</h1>
|
||||
<p>Der Wegwichtel bereitet Routen und Medien vor.</p>
|
||||
<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"/>
|
||||
<path d="M48 15 57 39 81 48 57 57 48 81 39 57 15 48 39 39Z" fill="#d9ddd8"/>
|
||||
<path d="m48 48 24-23-13 31Z" fill="#e53935"/>
|
||||
<path d="m48 48-24 23 13-31Z" fill="#2d9cdb"/>
|
||||
<circle cx="48" cy="48" r="6" fill="#f8fbf7" stroke="#315d3a" stroke-width="3"/>
|
||||
<circle cx="80" cy="16" r="8" fill="#fff" stroke="#f4b400" stroke-width="5"/>
|
||||
</svg>
|
||||
<div>
|
||||
<h1>Wegwichtel</h1>
|
||||
<p>Der Wegwichtel bereitet Routen und Medien vor.</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"/>
|
||||
<circle cx="255" cy="68" r="27" fill="#ffd66b"/>
|
||||
<path d="M0 150C92 84 172 113 250 156c81 44 139-14 228-36 82-20 149 2 242 62v118H0Z" fill="#a9d4ca"/>
|
||||
<path d="M0 191c111-67 217-16 306 25 89 40 179-50 283-49 53 0 92 15 131 43v90H0Z" fill="#74aa62"/>
|
||||
<path d="M0 224c93-51 194-19 283 17 85 34 189-35 279-31 60 3 110 18 158 51v39H0Z" fill="#5e914e"/>
|
||||
<g fill="#477d49">
|
||||
<circle cx="75" cy="200" r="34"/><circle cx="118" cy="210" r="26"/><circle cx="610" cy="210" r="31"/><circle cx="654" cy="218" r="25"/>
|
||||
</g>
|
||||
<g fill="#607d8b" opacity=".9">
|
||||
<path d="M305 174h28v36h-28zM339 161h35v49h-35zM381 180h34v30h-34z"/>
|
||||
<path d="m350 160 8-24 8 24Z"/>
|
||||
</g>
|
||||
<path d="M250 300c34-52 88-69 137-74 53-5 113 5 153 22-65 9-127 29-155 52Z" fill="#f6dfb7"/>
|
||||
<g transform="translate(538 117)">
|
||||
<rect x="36" y="24" width="13" height="121" rx="6" fill="#7b5231"/>
|
||||
<path d="M0 17h105l25 21-25 21H0Z" fill="#f5a332"/>
|
||||
<path d="M14 65h91l22 19-22 19H14Z" fill="#4f914b"/>
|
||||
</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">Wegwichtel wird vorbereitet …</span>
|
||||
</output>
|
||||
<button id="bootstrap-enter" class="bootstrap-enter" type="button" hidden>
|
||||
<span>Los geht’s</span>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 5 7 7-7 7"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<p id="bootstrap-error" class="bootstrap-error" hidden></p>
|
||||
<button id="bootstrap-retry" class="bootstrap-retry" type="button" hidden>Erneut versuchen</button>
|
||||
<p id="bootstrap-ready" class="bootstrap-ready" hidden>Alles ist bereit.</p>
|
||||
|
||||
<div class="bootstrap-features" aria-label="Wegwichtel Funktionen">
|
||||
<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"/></svg>
|
||||
<span>Routen<br>entdecken</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"/></svg>
|
||||
<span>Spannende<br>Geschichten</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"/></svg>
|
||||
<span>Kindgerechte<br>Erlebnisse</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="privacy-summary">
|
||||
<p><strong>Cookies:</strong> Diese Anwendung setzt derzeit keine Cookies und verwendet weder Werbung noch Tracking.</p>
|
||||
<p><strong>Datenschutzfreundlich:</strong> Keine Werbung, kein Tracking und derzeit keine Cookies.</p>
|
||||
<label class="switch-row switch-disabled">
|
||||
<span>
|
||||
<strong>Optionale Cookies</strong>
|
||||
@@ -39,15 +104,16 @@
|
||||
<label class="switch-row">
|
||||
<span>
|
||||
<strong>Streckenfortschritt lokal speichern</strong>
|
||||
<small>Speichert ausgewählte Routen, besuchte und angesehene Stationen sowie abgespielte Audiodateien ausschließlich in diesem Browser.</small>
|
||||
<small>Speichert ausgewählte Routen und besuchte Stationen ausschließlich in diesem Browser.</small>
|
||||
</span>
|
||||
<input class="progress-storage-toggle" type="checkbox" role="switch" aria-checked="false">
|
||||
<span class="switch-track" aria-hidden="true"></span>
|
||||
</label>
|
||||
</div>
|
||||
<p id="storage-cleanup-status" class="storage-cleanup-status" hidden></p>
|
||||
<progress id="bootstrap-progress" max="6" value="0"></progress>
|
||||
<ol id="bootstrap-steps">
|
||||
|
||||
<progress id="bootstrap-progress" class="bootstrap-state-model" max="6" value="0" hidden></progress>
|
||||
<ol id="bootstrap-steps" class="bootstrap-state-model" hidden>
|
||||
<li data-step="jquery">jQuery laden</li>
|
||||
<li data-step="jquery-ui">jQuery UI laden</li>
|
||||
<li data-step="modules">Anwendungsmodule laden</li>
|
||||
@@ -55,10 +121,6 @@
|
||||
<li data-step="routes">Routen laden</li>
|
||||
<li data-step="location">Standort ermitteln</li>
|
||||
</ol>
|
||||
<p id="bootstrap-ready" class="bootstrap-ready" hidden>Alles ist bereit. Tippe oder klicke auf diese Startseite, um die Anwendung zu öffnen.</p>
|
||||
<p id="bootstrap-error" hidden></p>
|
||||
<button id="bootstrap-retry" type="button" hidden>Erneut versuchen</button>
|
||||
<button id="bootstrap-enter" type="button" hidden>Anwendung öffnen</button>
|
||||
</section>
|
||||
</div>
|
||||
<main id="app-shell" hidden>
|
||||
|
||||
Reference in New Issue
Block a user