diff --git a/tiny0/static/style.css b/tiny0/static/style.css index 170075d..ac6305b 100644 --- a/tiny0/static/style.css +++ b/tiny0/static/style.css @@ -9,6 +9,21 @@ body { } +.header { + color: #ffffff; + text-align: center; + margin-top: 5%; +} + +.title { + font-weight: bold; + font-size: 50px; +} + +.desc { + margin-top: 1%; +} + .container { background-color: #2c2c2c; border-radius: 8px; @@ -43,6 +58,7 @@ body { border-radius: 3px; color: #000000; display: inline-block; + padding: 0 1% 0 1%; margin: 0 3% 0 1%; } diff --git a/tiny0/templates/index.html b/tiny0/templates/index.html index 407cd55..833fd37 100644 --- a/tiny0/templates/index.html +++ b/tiny0/templates/index.html @@ -1,13 +1,47 @@ {% extends "layout.html" %} {% block body %} -
-
- {{ form.hidden_tag() }} -
- {{ form.url(placeholder="Enter the URL here", class="url") }} - {{ form.submit(class="submit") }} -
-
-
+ +
+

+

+
+ +
+
+ {{ form.hidden_tag() }} +
+ {{ form.url(placeholder="Enter the URL here", class="url") }} + {{ form.submit(class="submit") }} +
+
+
+ + + {% endblock %} diff --git a/tiny0/templates/layout.html b/tiny0/templates/layout.html index 3b59268..f2851ea 100644 --- a/tiny0/templates/layout.html +++ b/tiny0/templates/layout.html @@ -8,7 +8,7 @@ tiny0 - Custom URL Shortener - - {% block body %}{% endblock %} - + + {% block body %}{% endblock %} +