diff --git a/.idea/discord.xml b/.idea/discord.xml new file mode 100644 index 0000000..cd711a0 --- /dev/null +++ b/.idea/discord.xml @@ -0,0 +1,6 @@ + + + + + \ No newline at end of file diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index c8f4c19..9dd2879 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -43,23 +43,36 @@ header nav a span { font-size: 3.2vh; font-family: 'Grifter'; } -header nav #navbarSupportedContent23 ul { - background-color: #CC7A98; } - header nav #navbarSupportedContent23 ul li { - text-align: center; } - header nav #navbarSupportedContent23 ul li a { - color: #002234; } +header nav #navbarSupportedContent23 ul li { + background-color: #CC7A98; + text-align: center; } + header nav #navbarSupportedContent23 ul li a { + color: #002234; } + +header nav #navbarSupportedContent23 ul .active { + background-color: #002234; } + header nav #navbarSupportedContent23 ul .active a { + color: #CC7A98; } main { padding: 0.5rem; } - main h1 span { - text-decoration: underline #CC7A98; } + main h1 { + padding-bottom: 1rem; + font-size: 50pt; } + main h1 span { + text-decoration: underline #CC7A98; + text-decoration-style: wavy; } main p { + font-size: 30pt; margin-bottom: 5px; } footer { text-align: center; + font-size: 1rem; padding-bottom: 0.5rem; } + footer a { + color: #CC7A98; + text-decoration: underline #CC7A98; } .ham { width: 30px; diff --git a/public/stylesheets/style.sass b/public/stylesheets/style.sass index 35765bc..00c99c5 100644 --- a/public/stylesheets/style.sass +++ b/public/stylesheets/style.sass @@ -51,24 +51,36 @@ header #navbarSupportedContent23 ul - background-color: $pink li + background-color: $pink text-align: center a color: $black + .active + background-color: $black + a + color: $pink main padding: 0.5rem h1 + padding-bottom: 1rem + font-size: 50pt span text-decoration: underline $pink + text-decoration-style: wavy p + font-size: 30pt margin-bottom: 5px footer text-align: center + font-size: 1rem padding-bottom: 0.5rem + a + color: $pink + text-decoration: underline $pink // Nav stuff diff --git a/views/index.pug b/views/index.pug index 9c9b0e4..fc1e578 100644 --- a/views/index.pug +++ b/views/index.pug @@ -39,18 +39,20 @@ block content // left hand text .home-content .left - h1 - | Hello, - br - | I'm - | - span Esther - p I'm a Programmer & Designer from the UK. - p I like to make stuff. + .title-content-box + h1 + | Hello, + br + | I'm + | + span Esther + p I'm a Programmer & Designer from the UK. + p I like to make stuff. .right .pink-box //icons footer - p piss + p © 2020 | + a(href="#") ESTR// diff --git a/views/layout.pug b/views/layout.pug index fd8e152..de2a74a 100644 --- a/views/layout.pug +++ b/views/layout.pug @@ -1,6 +1,8 @@ doctype html html head + meta(http-equiv="content-type" content="text/html; charset=UTF-8") + meta(name="viewport" content="width=device-width, initial-scale=1") title= title link(rel='stylesheet', href='/stylesheets/bootstrap.css') link(rel='stylesheet', href='/stylesheets/style.css')