From 1879d2ef0991d188af3522a9f3f9ee1c6a395fba Mon Sep 17 00:00:00 2001 From: Felix Date: Thu, 11 Feb 2021 16:19:37 +0100 Subject: [PATCH] get nyavbar kind of working --- _data/navigation.yml | 4 ++++ _layouts/default.html | 10 ++++++++++ _sass/style.scss | 38 ++++++++++++++++++++++++++++++-------- 3 files changed, 44 insertions(+), 8 deletions(-) create mode 100644 _data/navigation.yml diff --git a/_data/navigation.yml b/_data/navigation.yml new file mode 100644 index 0000000..9fe3a6c --- /dev/null +++ b/_data/navigation.yml @@ -0,0 +1,4 @@ +- name: Home + link: / +- name: About + link: /about/ diff --git a/_layouts/default.html b/_layouts/default.html index d96791b..ac567d0 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -11,6 +11,16 @@

{{ site.title }}

+ +
{{ content }} diff --git a/_sass/style.scss b/_sass/style.scss index 5094bf5..9fd2070 100644 --- a/_sass/style.scss +++ b/_sass/style.scss @@ -15,12 +15,8 @@ body { margin: 0; } -header, footer { - padding: 20px; -} - -header { - border-bottom: thin solid $color-primary; +footer { + padding: 20px 0; } footer { @@ -32,7 +28,33 @@ h1, h2, h3, h4, h5, h6 { } h1 { - max-width: $content-width; - margin: 0 auto; + text-align: center; + margin: 20px 0; font-weight: 400; } + +a { + color: $color-primary; +} + +nav { + border-top: thin solid $color-primary; + border-bottom: thin solid $color-primary; + + ul { + list-style-type: none; + padding: 0; + margin: 0 auto; + max-width: $content-width; + + li { + display: inline-block; + + a { + padding: 20px; + display: inline-block; + } + } + } +} +