From f24699f564f580d3a81587156dd1a7c2be88f6cf Mon Sep 17 00:00:00 2001 From: quad Date: Wed, 23 Dec 2015 16:30:48 +0100 Subject: [PATCH] UI no longer looks like shit --- static/style.css | 55 +++++++++++++++++---------- templates/{layout.html => shell.html} | 7 ---- templates/upload.html | 21 +++++++++- 3 files changed, 53 insertions(+), 30 deletions(-) rename templates/{layout.html => shell.html} (75%) diff --git a/static/style.css b/static/style.css index 43e54a0..f38bc89 100644 --- a/static/style.css +++ b/static/style.css @@ -1,4 +1,4 @@ -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300); +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700); /* Being lazy 101 */ * { @@ -8,39 +8,52 @@ } body { - font-family: "Lato", sans-serif; + font-family: "Open Sans", "Lato", sans-serif; color: #ffffff; background-color: #2d2d2d; } -.header { - width: 100%; - padding: 10px; -} - -.header h1 { - font-size: 36pt; - font-weight: 300; - text-align: center; -} - -.header .inner { - width: 100%; - max-width: 920px; - margin-left: auto; - margin-right: auto; -} - .page { width: 100%; max-width: 920px; padding: 10px; margin-left: auto; margin-right: auto; + margin-top: 50vh; + transform: translateY(-50%) +} + +.title { + font-size: 34pt; + font-weight: 300; + margin-bottom: 20px; + text-align: center; +} + +.links { + font-size: 0; + margin-top: 20px; + text-align: center; + list-style: none; +} + +.links li { + font-size: 12pt; + display: inline-block; + padding: 5px; + width: 25%; +} + +.links li a { + color: inherit; + text-decoration: none; +} + +.links li a:hover { + text-decoration: underline; } .uploadForm { - margin-top: 80px; width: 100%; text-align: center; } diff --git a/templates/layout.html b/templates/shell.html similarity index 75% rename from templates/layout.html rename to templates/shell.html index e3f829c..21f59ff 100644 --- a/templates/layout.html +++ b/templates/shell.html @@ -7,13 +7,6 @@ -
-
-

- {{ page.title }} -

-
-
{% block body %}{% endblock %}
diff --git a/templates/upload.html b/templates/upload.html index 7950b2d..b7d488c 100644 --- a/templates/upload.html +++ b/templates/upload.html @@ -1,14 +1,31 @@ -{% extends "layout.html" %} +{% extends "shell.html" %} {% block body %} +

+ QuadFile +

- Select a file + Click to select a file

+