diff --git a/static/css/main.css b/static/css/main.css index 2ee1ca8..904d906 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -50,4 +50,64 @@ body { top: 2px; right: 2px; padding-left: 10px; -} \ No newline at end of file +} + +@media screen and (min-width: 600px) { + .main { + width: 90%; + flex-direction: row; + display: flex; + } + } + .list { + + } + .navbutt { + width: 100%; + /* justify-content: center; */ + display: flex; + + + } + +@media screen and (min-width: 800px) { + .main { + width: 100%; + justify-content: center; + display: flex; + + + } + .form { + width: 100%; + /* justify-content: center; */ + display: flex; + + + } + .navbutt { + width: 100%; + /* justify-content: center; */ + display: flex; + + + } + + .contain { + display: flex; + flex-direction: row; + justify-content: center; + } + .list { + /* width: 90%; */ + flex-direction: row; + justify-content: center; + display: flex; + } + + .innerContain { + display: flex; + flex-direction: column; + width: 90%; + } + } \ No newline at end of file diff --git a/templates/addForm.html b/templates/addForm.html index 8cbf7db..22ca8a3 100644 --- a/templates/addForm.html +++ b/templates/addForm.html @@ -1,4 +1,4 @@ -
+

Item:



@@ -8,7 +8,6 @@ {% endfor %}
- + style="text-align: center" name="addValue" value="Submit">
\ No newline at end of file diff --git a/templates/footer.html b/templates/footer.html new file mode 100644 index 0000000..03563ac --- /dev/null +++ b/templates/footer.html @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index 259539d..279dc27 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,8 +1,8 @@ {% include "header.html" %} - - -

{{ data["title"] }}, {{data["session"]["username"].title()}} -
+
+
+
+
-

- -
- {% include "addForm.html" %} -
-
- -
- {% include "list.html" %} -
-
+
- -
- - -
-
- -
- - + + +

Welcome {{session["username"].title()}}

+
+
- - - - - - - - \ No newline at end of file + {% include "addForm.html" %} + +
+
+ {% include "list.html" %} +
+ + + +{% include "footer.html" %} \ No newline at end of file diff --git a/templates/old_index.html b/templates/old_index.html new file mode 100644 index 0000000..8cd84d6 --- /dev/null +++ b/templates/old_index.html @@ -0,0 +1,52 @@ +{% include "header.html" %} + + +

{{ data["title"] }}, {{data["session"]["username"].title()}} +
+
+ +
+ + {% for listid in data["list_ids"] %} + + {% endfor %} +
+
+
+

+ +
+ {% include "addForm.html" %} +
+ + +
+ {% include "list.html" %} +
+
+
+ +
+
+ + +
+
+ +
+