From 3e2ac792f9c48180cc7342b9e324feaafd1b1ce0 Mon Sep 17 00:00:00 2001 From: Felix Pankratz Date: Wed, 4 Mar 2020 23:19:26 +0100 Subject: [PATCH] colors, some sort of structure. i think. if you are reading this, send help in form of web design skilzz --- static/style.css | 45 +++++++++++++++++++++++++++++++++++++++++++ templates/master.html | 20 ++++++++++++++++--- 2 files changed, 62 insertions(+), 3 deletions(-) diff --git a/static/style.css b/static/style.css index 8b13789..a931b43 100644 --- a/static/style.css +++ b/static/style.css @@ -1 +1,46 @@ +:root { + --background: #071e22; + --navbar: #1d7874; + --link: #f4c095; + --linkhl: #ee2e31 +} + +.header { + font-size: 32px; + height: 40; + background-color: var(--navbar); +} + +.sidenav { + height: 100%; /* Full-height: remove this if you want "auto" height */ + width: 160px; /* Set the width of the sidebar */ + position: fixed; /* Fixed Sidebar (stay in place on scroll) */ + z-index: 1; /* Stay on top */ + top: 60; /* Stay at the top */ + left: 0; + background-color: var(--navbar); /* Black */ + overflow-x: hidden; /* Disable horizontal scroll */ + padding-top: 20px; +} + +/* The navigation menu links */ +.sidenav a { + padding: 6px 8px 6px 16px; + text-decoration: none; + font-size: 25px; + color: var(--link); + display: block; +} + +/* When you mouse over the navigation links, change their color */ +.sidenav a:hover { + color: var(--linkhl); +} + +/* Style page content */ +.main { + margin-left: 160px; /* Same as the width of the sidebar */ + padding: 0px 10px; + background-color: var(--background); +} diff --git a/templates/master.html b/templates/master.html index 51ce6e4..31748ac 100644 --- a/templates/master.html +++ b/templates/master.html @@ -1,8 +1,9 @@ - + + {% if subpage %} Felix Pankratz - {{subpage}} {% else %} @@ -10,6 +11,19 @@ {% endif %} -

Felix Pankratz

- Persönliche Webseite +
+ Felix Pankratz +
+ +
+ About + Projekte + Monitoring + Disclaimer +
+ +
+

Lorem Ipsum dolor sit amet!

+
+