Thies Mueller
46 lines
1.3 KiB
HTML
46 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Wo ist die Fotobox?</title>
|
|
<link rel="stylesheet" href="/assets/tailwind.css" />
|
|
<link rel="stylesheet" href="/assets/material-icons.css" />
|
|
<link rel="stylesheet" href="/assets/leaflet.css" />
|
|
<script src="/assets/leaflet.js"></script>
|
|
|
|
<style>
|
|
#map {
|
|
height: 420px;
|
|
border-radius: 16px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="bg-gray-950 text-gray-100">
|
|
|
|
<div class="max-w-3xl mx-auto p-6 space-y-5">
|
|
|
|
<h1 class="text-2xl font-bold text-white">Wo ist die Fotobox?</h1>
|
|
|
|
<div class="bg-gray-900 border border-gray-800 p-5 rounded-2xl shadow-lg space-y-4">
|
|
|
|
<div>
|
|
<p id="title" class="text-lg font-semibold text-white">Lade...</p>
|
|
</div>
|
|
|
|
<div id="map" class="overflow-hidden"></div>
|
|
|
|
<div class="flex gap-3 pt-2">
|
|
<a id="gmaps" target="_blank" class="flex-1 text-center bg-blue-600 text-white py-2 rounded-xl hover:bg-blue-700 transition">Google Maps</a>
|
|
|
|
<a id="applemaps" target="_blank" class="flex-1 text-center bg-white text-black py-2 rounded-xl hover:bg-gray-200 transition">Apple Maps</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/assets/woistdiebox.js"></script>
|
|
</body>
|
|
</html>
|