-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (34 loc) · 1.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LocalGovStatBank</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100">
<div class="container mx-auto py-8 px-4 sm:px-6 lg:px-8">
<section class="flex flex-col gap-2 mb-8">
<h1 class="text-4xl font-bold text-gray-900">LocalGovStatBank</h1>
<p class="text-lg text-gray-700">Discover comprehensive municipality-level data published by Statistics Denmark.</p>
</section>
<div id="results-meta" class="flex justify-between items-center mb-4">
<div id="resultsCount" class="text-gray-500"></div>
<div>
<label for="orderBy" class="mr-2 text-gray-700">Order by:</label>
<select id="orderBy" class="border rounded px-2 py-1">
<option value="updatedDesc">Updated (Newest first)</option>
<option value="updatedAsc">Updated (Oldest first)</option>
<option value="title">Title (A-Z)</option>
<option value="municipalitiesDesc">Municipalities (Most first)</option>
<option value="municipalitiesAsc">Municipalities (Least first)</option>
</select>
</div>
</div>
<div id="cardsContainer" class="bg-white shadow overflow-hidden sm:rounded-lg">
<!-- Cards will be dynamically inserted here -->
</div>
</div>
<script src="index.js"></script>
</body>
</html>