From af84da9604f1041e9d4fe8ad583e5f7d93f8e13a Mon Sep 17 00:00:00 2001 From: Lynnesbian Date: Thu, 12 Mar 2020 19:21:03 +1000 Subject: [PATCH] split footer into header and footer --- _includes/footer.html | 9 +-------- _includes/header.html | 5 +++++ _layouts/default.html | 2 ++ assets/style.css | 18 ++++++++++++++---- 4 files changed, 22 insertions(+), 12 deletions(-) create mode 100644 _includes/header.html diff --git a/_includes/footer.html b/_includes/footer.html index 35a473e..83c7402 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,10 +1,3 @@ \ No newline at end of file diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..667b0cc --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,5 @@ +
+ {%- if page.title != "Welcome!" -%}Home{% endif -%} + {%- if page.title != "Contact" -%}Contact{% endif -%} + {%- if page.title != "Projects" -%}Projects{% endif -%} +
\ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index 28b8a0f..6492204 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -8,6 +8,8 @@ + {% include header.html %} +
{{ content }}
diff --git a/assets/style.css b/assets/style.css index c72db00..d26c847 100644 --- a/assets/style.css +++ b/assets/style.css @@ -103,16 +103,26 @@ a { width: 100%; } +header { + background: mediumpurple; + padding: 0 30px; +} +header a { + color: white; + display: inline-block; + padding: 5px 15px; + transition: 0.2s all; +} +header a:hover { + background-color: #fff8; +} + footer { text-align: center; color: grey; font-style: italic; box-sizing: content-box; } -footer p { - font-size: unset; - margin: 5px; -} footer a:not(:last-child)::after, .subheading-links a:not(:last-child)::after { content: " - " }