New UI made

templates/index.html

@@ -1,8 +1,8 @@
 {% include "header.html" %}
-
-<body>
-    <h1 class="container" style="text-align: center">{{ data["title"] }}, {{data["session"]["username"].title()}}
-        <div class="dropdown">
+<div class="contain">
+<div class="innerContain">
+    <div class="navbutt">
+        <div class="dropdown" style="position: relative; padding-top: 2px;">
             <form action="/post" method="post" id="test">
                 <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2"
                     data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -22,42 +22,28 @@
                 </div>
             </form>
         </div>
-    </h1>
-    <!-- <aside> -->
-    <div id="addForm">
-        {% include "addForm.html" %}
-    </div>
-    </div>
-    <!-- </aside> -->
-    <div class="container">
-        {% include "list.html" %}
-    </div>
-    <div id="logout">
+        <div style="padding-left: 2px; padding-right: 2px;">
         <form action="/post" method="POST">
-            <button type="submit" name="logout" class="btn btn-secondary"><i style="padding-top: 3px;"
-                    class="material-icons">
+            <button type="submit" name="logout" class="btn btn-secondary"><i class="material-icons">
                     exit_to_app
                 </i></button>
         </form>
-        <div style="padding-top: 3px;">
-            <a href="admin">
-                <button onclick="window.location='admin'" class="btn btn-secondary"><i style="padding-top: 3px;"
-                        class="material-icons">
-                        vpn_key
-                    </i></button></a>
-        </div>
-        <div>
-
-        </div>
     </div>
-    <!-- jQuery library -->
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+        <a href="admin">
+            <button onclick="window.location='admin'" class="btn btn-secondary"><i class="material-icons">
+                    vpn_key
+                </i></button></a>
+                <h1 style="padding-left: 5px;">Welcome {{session["username"].title()}}</h1>
+    </div>
+    <div class="form">
 
-    <!-- Popper JS -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
-
-    <!-- Latest compiled JavaScript -->
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
-</body>
-
-</html>
+        {% include "addForm.html" %}
+        
+    </div>
+    <div class="list">
+        {% include "list.html" %}
+    </div>
+</div>
+</div>
+</div>
+{% include "footer.html" %}