WIP

2024-01-24 16:29:09 +01:00
parent 1d0f53fb10
commit 5a572c7f4a
18 changed files with 927 additions and 0 deletions
--- a/html/index.html
+++ b/html/index.html
@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <!-- css -->
+    <link rel="stylesheet" href="css/pure-min.css">
+    <link rel="stylesheet" href="css/app.css">
+
+    <!-- javascript -->
+    <script src="js/app.js"></script>
+
+    <title>World Database</title>
+</head>
+<body>
+    <div class="pure-g">
+        <div class="pure-u-1-8"></div>
+        <div class="pure-u-3-4">
+            <h1>World Database</h1>
+            <form class="pure-form" onsubmit="event.preventDefault(); app.searchClick()">
+                <fieldset>
+                    <input id="city-input" type="text" placeholder="City" required>
+                    <input type="submit" class="pure-button pure-button-primary" value="Search">
+                </fieldset>
+            </form>
+
+            <table class="pure-table pure-table-bordered pure-table-striped hidden" id="results-table">
+                <thead>
+                    <th>Name</th>
+                    <th>District</th>
+                    <th>Country</th>
+                    <th>Population</th>
+                </thead>
+                <tbody id="results-table-body">
+                </tbody>
+            </table>
+        </div>
+        <div class="pure-u-1-8"></div>
+    </div>
+</body>
+</html>