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: " - " }