From abf8c36796a1522faed22bd3913c96c0b66b1fde Mon Sep 17 00:00:00 2001 From: Jan Philipp Timme Date: Sun, 1 Nov 2020 15:00:40 +0100 Subject: [PATCH] Begin crafting bootstrap templates --- shorturl/settings.py | 4 +++ shorturl/static/sticky-footer.css | 37 +++++++++++++++++++++ shorturl/templates/index.html | 55 ++++++++++++++++++++++++++++++- 3 files changed, 95 insertions(+), 1 deletion(-) create mode 100644 shorturl/static/sticky-footer.css diff --git a/shorturl/settings.py b/shorturl/settings.py index 1381c7c..d2a306f 100644 --- a/shorturl/settings.py +++ b/shorturl/settings.py @@ -117,3 +117,7 @@ USE_TZ = True # https://docs.djangoproject.com/en/3.1/howto/static-files/ STATIC_URL = '/static/' + +STATICFILES_DIRS = [ + BASE_DIR / "shorturl" / "static", +] diff --git a/shorturl/static/sticky-footer.css b/shorturl/static/sticky-footer.css new file mode 100644 index 0000000..07fd56a --- /dev/null +++ b/shorturl/static/sticky-footer.css @@ -0,0 +1,37 @@ +/* Sticky footer styles +-------------------------------------------------- */ +html { + position: relative; + min-height: 100%; +} +body { + /* Margin bottom by footer height */ + margin-bottom: 60px; +} +.footer { + position: absolute; + bottom: 0; + width: 100%; + /* Set the fixed height of the footer here */ + height: 60px; + line-height: 60px; /* Vertically center the text there */ + background-color: #f5f5f5; +} + + +/* Custom page CSS +-------------------------------------------------- */ +/* Not required for template or sticky footer method. */ + +body > .container { + padding: 60px 15px 0; +} + +.footer > .container { + padding-right: 15px; + padding-left: 15px; +} + +code { + font-size: 80%; +} diff --git a/shorturl/templates/index.html b/shorturl/templates/index.html index 9e32bb0..e01a295 100644 --- a/shorturl/templates/index.html +++ b/shorturl/templates/index.html @@ -1,10 +1,63 @@ +{% load static %} + Hello World! + + + + + - Hello World! + +
+
+
Company name
+ + Sign up +
+
+ +
+

Shorturl Service

+

Get your own shorturl here!

+
+ +
+
+ +
+
+

Huhu

+
+
+

$29 / mo

+
    +
  • 30 users included
    • +
  • 15 GB of storage
    • +
  • Phone and email support
    • +
  • Help center access
    • +
+ +
+
+ +
+
+ + +