Update style :)

4 files changed, 93 insertions, 24 deletions

diff --git a/sites/pmikkelsen.com/_werc/pub/style.css b/sites/pmikkelsen.com/_werc/pub/style.css
index b466bb3..1002606 100644
--- a/sites/pmikkelsen.com/_werc/pub/style.css
+++ b/sites/pmikkelsen.com/_werc/pub/style.css
@@ -5,7 +5,7 @@ footer { flex-basis: 100%; flex-shrink: 0; }
 header nav { display: flex; justify-content: space-between; }
 nav a, header a { text-decoration: none ; color: inherit; }
 header h1 span { margin-left: 1em; font-size: 50%; font-style: italic; }
-body > nav { flex-basis: content; padding-right: 1vw; min-width: 16em; }
+.mainContent > nav { flex-basis: content; padding-right: 1vw; min-width: 16em; }
 nav ul { display: flex; flex-direction: column; list-style-type: none; list-style-position: outside; padding-left: 0;  }
 nav li ul { padding-left: 0.6em }
 footer { display: flex; justify-content: space-between; }
@@ -23,11 +23,11 @@ header h1 { background-color: #ff6d06; color: black; margin: 0; border-bottom: 2
 header a:hover { text-decoration: none; }
 
 /* sidebar */
-body > nav { border-right: 1px solid #ddd; padding: 0;  } 
-body > nav > div { border-bottom: 1px solid #ddd; } 
-body > nav > div a { color: rgb(0, 102, 204); display: block; text-transform: capitalize; font-weight: bold; padding: 0.25em 1ex 0.25em 2mm; font-size: 102%} 
-body > nav > div a:hover { color: white; background-color: rgb(100,135,220); border-left: black solid 0.2em; text-decoration: none; }
-body > nav > div p { font-weight: bold; margin: 0 0 0.5em 2mm; padding: 1em 0 0 0; }
+.mainContent > nav { border-right: 1px solid #ddd; padding: 0;  } 
+.mainContent > nav > div { border-bottom: 1px solid #ddd; } 
+.mainContent > nav > div a { color: rgb(0, 102, 204); display: block; text-transform: capitalize; font-weight: bold; padding: 0.25em 1ex 0.25em 2mm; font-size: 102%} 
+.mainContent > nav > div a:hover { color: white; background-color: rgb(100,135,220); border-left: black solid 0.2em; text-decoration: none; }
+.mainContent > nav > div p { font-weight: bold; margin: 0 0 0.5em 2mm; padding: 1em 0 0 0; }
 
 /* main copy */
 article { padding: 0.5ex 0 5vh 1vw;  }
@@ -48,14 +48,14 @@ table { border: 1px solid rgba(128,128,128,0.5); padding: 0; }
 th { color: white; background-color: rgb(100,135,220); }
 tr:nth-child(odd) { background-color: rgba(128,128,128,0.1)  }
 
-/* Modifications for pmikkelsen.com */
+/* modifications */
 img {
 	max-width: 100%;
 	border: 1px solid black;
 }
 
 body {
-	background-color: #e3dfd7;
+	
 }
 
 header h1 {
@@ -77,11 +77,11 @@ code > pre {
 	padding: 0 0.5em;
 }
 
-body > nav > div a, article a:hover {
+.mainContent > nav > div a, article a:hover {
 	color: #442a13;
 }
 
-body > nav > div a:hover {
+.mainContent > nav > div a:hover {
 	color: #442a13;
 	background-color: #c2d2c6;
 }
@@ -98,4 +98,25 @@ article a, .thisPage, footer, header nav {
 footer {
 	padding: 0.5em;
 	flex-shrink: 1;
+	flex-basis: unset;
+}
+
+header {
+	flex-basis: unset;
+}
+
+html {
+	display: flex;
+	min-height: 100%;
+}
+
+body {
+	flex-direction: column;
+	flex: 1;
+	background-color: #e3dfd7;
+}
+
+.mainContent {
+	display: flex;
+	flex-grow: 1;
 }
\ No newline at end of file
diff --git a/sites/pmikkelsen.com/haskell/quine.md b/sites/pmikkelsen.com/haskell/quine.md
index 09a3dcd..f952145 100644
--- a/sites/pmikkelsen.com/haskell/quine.md
+++ b/sites/pmikkelsen.com/haskell/quine.md
@@ -1,5 +1,5 @@
 Today I am going to go through the process of writing a small program
-which prints it's own source when executed. These kinds of programs are
+which prints its own source when executed. These kinds of programs are
 also called quines, and I suggest that you try it out on your own if you
 haven't already done so, as it is a very fun little problem! So if you
 don't want any spoilers, please leave this page now and come back later.
diff --git a/sites/pmikkelsen.com/index.md b/sites/pmikkelsen.com/index.md
index dd1f4e7..6fca819 100644
--- a/sites/pmikkelsen.com/index.md
+++ b/sites/pmikkelsen.com/index.md
@@ -1,7 +1,7 @@
 
 ## This website
 
-My intention with this website it to share some ideas and thoughts on
+My intention with this website is to share some ideas and thoughts on
 programming and other computer related subjects. The things I care
 about and find interesting at the moment are written below, and are
 updated sometimes. Hopefully, most of the content will be about one of
@@ -12,7 +12,7 @@ those things.
 - Concurrent programming (Erlang, Go)
 - Plan 9 (the 9front fork)
 
-For information about how the website it setup, see
+For information about how the website is setup, see
 [this](/web/the-setup-of-this-site) post. The nice color theme
 is made by my girlfriend.
 
diff --git a/sites/pprolog.org/_werc/pub/style.css b/sites/pprolog.org/_werc/pub/style.css
index 4c46c98..1002606 100644
--- a/sites/pprolog.org/_werc/pub/style.css
+++ b/sites/pprolog.org/_werc/pub/style.css
@@ -5,7 +5,7 @@ footer { flex-basis: 100%; flex-shrink: 0; }
 header nav { display: flex; justify-content: space-between; }
 nav a, header a { text-decoration: none ; color: inherit; }
 header h1 span { margin-left: 1em; font-size: 50%; font-style: italic; }
-body > nav { flex-basis: content; padding-right: 1vw; min-width: 16em; }
+.mainContent > nav { flex-basis: content; padding-right: 1vw; min-width: 16em; }
 nav ul { display: flex; flex-direction: column; list-style-type: none; list-style-position: outside; padding-left: 0;  }
 nav li ul { padding-left: 0.6em }
 footer { display: flex; justify-content: space-between; }
@@ -23,11 +23,11 @@ header h1 { background-color: #ff6d06; color: black; margin: 0; border-bottom: 2
 header a:hover { text-decoration: none; }
 
 /* sidebar */
-body > nav { border-right: 1px solid #ddd; padding: 0;  } 
-body > nav > div { border-bottom: 1px solid #ddd; } 
-body > nav > div a { color: rgb(0, 102, 204); display: block; text-transform: capitalize; font-weight: bold; padding: 0.25em 1ex 0.25em 2mm; font-size: 102%} 
-body > nav > div a:hover { color: white; background-color: rgb(100,135,220); border-left: black solid 0.2em; text-decoration: none; }
-body > nav > div p { font-weight: bold; margin: 0 0 0.5em 2mm; padding: 1em 0 0 0; }
+.mainContent > nav { border-right: 1px solid #ddd; padding: 0;  } 
+.mainContent > nav > div { border-bottom: 1px solid #ddd; } 
+.mainContent > nav > div a { color: rgb(0, 102, 204); display: block; text-transform: capitalize; font-weight: bold; padding: 0.25em 1ex 0.25em 2mm; font-size: 102%} 
+.mainContent > nav > div a:hover { color: white; background-color: rgb(100,135,220); border-left: black solid 0.2em; text-decoration: none; }
+.mainContent > nav > div p { font-weight: bold; margin: 0 0 0.5em 2mm; padding: 1em 0 0 0; }
 
 /* main copy */
 article { padding: 0.5ex 0 5vh 1vw;  }
@@ -48,27 +48,75 @@ table { border: 1px solid rgba(128,128,128,0.5); padding: 0; }
 th { color: white; background-color: rgb(100,135,220); }
 tr:nth-child(odd) { background-color: rgba(128,128,128,0.1)  }
 
-/* Modifications for pmikkelsen.com */
+/* modifications */
 img {
 	max-width: 100%;
 	border: 1px solid black;
 }
 
 body {
-	background-color: #ffffea;
+	
 }
 
 header h1 {
-	background-color: #eaffea;
+	background-color: #c2d2c6;
 }
 
 html {
 	font-size: 1.2em;
 }
 
+header nav, footer {
+	background-color: #442a13;
+}
+
 code > pre {
-	border: 2px solid #8888cc;
-	background-color: #eaffff;
+	border: 2px solid #442a13;
+	background-color: #c2d2c6;
 	width: max-content;
 	padding: 0 0.5em;
 }
+
+.mainContent > nav > div a, article a:hover {
+	color: #442a13;
+}
+
+.mainContent > nav > div a:hover {
+	color: #442a13;
+	background-color: #c2d2c6;
+}
+
+article h1, article h2 {
+	color: #c48f3b;
+	border-bottom: 2px solid #442a13;
+}
+
+article a, .thisPage, footer, header nav {
+	color: #c48f3b;
+}
+
+footer {
+	padding: 0.5em;
+	flex-shrink: 1;
+	flex-basis: unset;
+}
+
+header {
+	flex-basis: unset;
+}
+
+html {
+	display: flex;
+	min-height: 100%;
+}
+
+body {
+	flex-direction: column;
+	flex: 1;
+	background-color: #e3dfd7;
+}
+
+.mainContent {
+	display: flex;
+	flex-grow: 1;
+}
\ No newline at end of file