From 634083e027211192ca2fdddfcaa79c32bf6ff807 Mon Sep 17 00:00:00 2001 From: nightly Date: Fri, 28 Oct 2022 18:36:36 +0200 Subject: [PATCH] Initial commitment. --- index.html | 17 +++++++---------- static/nightlycss.css | 39 +++++++++++++++++++++++++-------------- 2 files changed, 32 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index 9599d8a..dc75480 100644 --- a/index.html +++ b/index.html @@ -8,17 +8,14 @@ - +
+ About + Services + Clients + Contact +
-

Hello world!

- +

Welcome to my website!

\ No newline at end of file diff --git a/static/nightlycss.css b/static/nightlycss.css index 64483e6..900277d 100644 --- a/static/nightlycss.css +++ b/static/nightlycss.css @@ -1,31 +1,42 @@ :root { - --bgcolour: #290B57; - --sdbarcolour: #481496; + --bgcolour: #212121; + --sdbarcolour: #6600ff; + --textcolour: #EFF0F1; } body { + font-family: 'Helvetica', 'Arial', sans-serif; background-color: var(--bgcolour); margin:0; + color: var(--textcolour); } -#sidebar ul { - margin: 0; - padding: 0; - width:85px; - background-color: var(--sdbarcolour); - overflow: auto; - display: block; - height:100%; +.sidenav { + height: 100%; + width: 85px; position: fixed; + z-index: 1; + top: 0; + left: 0; + background-color: var(--bgcolour); + overflow-x: hidden; + padding-top: 20px; + border-right: 2px solid var(--sdbarcolour); } -#sidebar li a { - display: block; - color: #000; - padding: 8px 16px; +.sidenav a { + padding: 6px 6px 6px 10px; text-decoration: none; + font-size: 25px; + color: #818181; + display: block; +} + +.sidenav a:hover { + color: #f1f1f1; } #content { + margin-top: 20px; margin-left:138px; padding: 1px 16px; } \ No newline at end of file