Added better empty index.html

templates/base.html

@@ -4,10 +4,22 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ledger</title>
-    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/uikit.min.css" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/uikit.min.js"></script>
     <script src="https://unpkg.com/htmx.org@1.8.5"></script>
   </head>
 
-  <body>{% block body %}{% endblock %}</body>
+  <body>
+    <nav class="uk-navbar">
+      <a href="" class="uk-navbar-brand">Ledger</a>
+    </nav>
+
+    <div class="uk-grid">
+      <div class="uk-width-2-3 uk-container-center">
+        {% block body %}
+        {% endblock %}
+      </div>
+    </div>
+  </body>
 
 </html>

templates/index.html

@@ -1,5 +1,18 @@
 {% extends "base.html" %}
 
 {% block body %}
-<h1>Hello World!</h1>
+<h2>Securities</h2>
+<table class="uk-table">
+  <thead>
+  <tr>
+    <th>Security</th>
+  </tr>
+  </thead>
+  <tbody>
+  <tr>
+    <td>UAD</td>
+  </tr>
+  </tbody>
+</table>
+
 {% endblock %}