diff options
-rw-r--r-- | sass/styles.scss | 18 | ||||
-rw-r--r-- | templates/base.html | 2 | ||||
-rw-r--r-- | templates/header.html | 4 |
3 files changed, 23 insertions, 1 deletions
diff --git a/sass/styles.scss b/sass/styles.scss index 147dc24..1027978 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -20,6 +20,24 @@ pre { padding: 0.3em; } +.site-header { + font-family: sans-serif; + .site-title { + background-color: #3e4753; + color: #ccc; + padding-left: 5rem; + padding-right: 5rem; + font-size: 200%; + } + .site-description { + background-color: #000; + color: #ccc; + padding-left: 5rem; + padding-right: 5rem; + font-size: x-small; + } +} + .page-content { margin-left: 5em; margin-right: 5em; diff --git a/templates/base.html b/templates/base.html index dfd162d..0724201 100644 --- a/templates/base.html +++ b/templates/base.html @@ -14,7 +14,7 @@ <body> - {#% include header.html %#} + {% include "header.html" %} <div class="page-content"> <div class="wrapper"> diff --git a/templates/header.html b/templates/header.html new file mode 100644 index 0000000..80e6eb5 --- /dev/null +++ b/templates/header.html @@ -0,0 +1,4 @@ +<header id="site-header" class="site-header"> + <div class="site-title">{{ config.title }}</div> + <div class="site-description">{{ config.description }}</div> +</header> |