initial commit
This commit is contained in:
@@ -0,0 +1,45 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user