new post about styling

index.html

@@ -18,6 +18,12 @@
 <strong><a href="https://gitlab.com/AlejandroS/shockrah-city">Site Source Code</a></strong></p>
 </blockquote>
 <hr />
+<h3 id="wot-in-tarnation-happend-to-the-style"><strong><a href="./post/style.html">Wot in tarnation happend to the style</a></strong></h3>
+<blockquote>
+<em>September 21, 2018</em><br />
+waddu heck man it looks all different<br />
+
+</blockquote>
 <h3 id="bash-is-weird-sometimes"><strong><a href="./post/bash-1.html">Bash is weird sometimes</a></strong></h3>
 <blockquote>
 <em>July 22, 2018</em><br />

index.md

@@ -10,6 +10,10 @@
 
 ------
 
+### **[Wot in tarnation happend to the style](./post/style.html)**
+> _September 21, 2018_ \
+> waddu heck man it looks all different \
+
 ### **[Bash is weird sometimes](./post/bash-1.html)**
 > _July 22, 2018_ \
 > My terminal experience is gettin really weird... \

markdown/post/style.md

@@ -0,0 +1,14 @@
+[![Homepage](../img/banner.png)](../index.html)
+
+# Finally a Fresh look
+
+It's been about a minute since I've done anything with this site but I figured what better time to randomly post things then now.
+Before this update I mostly used some neato fonts but most of it was some boring times new roman thing: didn't really look great in my opinion.
+
+## But Why?
+
+I partially wanted to get my Gitlab page a bit more active but also because I didn't like the self-conflicting style from before.
+Instead of having a bunch of fonts that don't really go together I opted for fonts that are actually somewhat look nice next to each other.
+
+For now I'll keep playing with the styling and hopefully soon I can dedicate myself to creating some interesting content to post here.
+_Maybe some bhop stuff, who knows_.

page/bstyle.css

@@ -5,34 +5,44 @@ html {
   -ms-text-size-adjust: 100%;
 }
 
+@font-face {
+	font-family: 'Fixedsys';
+	src: url(../fonts/FSEX300.ttf);
+}
+@font-face {
+	font-family: 'Freemono';
+	src: url(../fonts/FreeMono.otf);
+}
 body {
   color: #444;
-  font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
+  font-family: Fixedsys; 
   font-size: 12px;
   line-height: 1.7;
   padding: 1em;
   margin: auto;
   max-width: 42em;
-  background: lightgrey;
+  background-image: url("../img/backt.png");
+  background-repeat: repeat;
 }
 
+/* Link stuff */
 a {
-  color: black;
+  color: #06e;
   text-decoration: none;
 }
-
+/* visited link */
 a:visited {
-  color: #0b0080;
+  color: #0047a6;
 }
-
+/* hovering link */
 a:hover {
-  color: #06e;
+  color: #3284f1;
 }
-
+/* clicked on */
 a:active {
-  color: #faa700;
+  color: #e5effd;
 }
-
+/* only if a link was dragged but not went through or smthng */
 a:focus {
   outline: thin dotted;
 }
@@ -59,6 +69,7 @@ a::selection {
 
 p {
   margin: 1em 0;
+  color: #969696;
 }
 
 img {
@@ -66,7 +77,7 @@ img {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: #111;
+  color: #e1e1e1;
   line-height: 125%;
   margin-top: 2em;
   font-weight: normal;
@@ -77,6 +88,7 @@ h4, h5, h6 {
 }
 
 h1 {
+  font-family: "Fixedsys"; 
   font-size: 2.5em;
 }
 
@@ -101,10 +113,10 @@ h6 {
 }
 
 blockquote {
-  color: #666666;
+  color: #d8d8d8;
   margin: 0;
   padding-left: 3em;
-  border-left: 0.5em red solid;
+  border-left: 0.5em #008fae solid;
 }
 
 hr {
@@ -118,11 +130,11 @@ hr {
 }
 
 pre, code, kbd, samp {
-  background-color: lightblue;
+  background-color: #000;
   border-radius: 8px; 
   padding: 8px;
-  color: #000;
+  color: #00cc03;
-  font-family: monospace, monospace;
+  font-family: Freemono, monospace, monospace;
   _font-family: 'courier new', monospace;
   font-size: 0.98em;
 }
@@ -172,6 +184,7 @@ sub {
 ul, ol {
   margin: 1em 0;
   padding: 0 0 0 2em;
+  color: #858585;
 }
 
 li p:last-child {

post/bstyle.css

@@ -4,38 +4,45 @@ html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
 }
+
+@font-face {
+	font-family: 'Fixedsys';
+	src: url(../fonts/FSEX300.ttf);
+}
 @font-face {
 	font-family: 'Freemono';
 	src: url(../fonts/FreeMono.otf);
 }
 body {
   color: #444;
-  font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
+  font-family: Fixedsys; 
   font-size: 12px;
   line-height: 1.7;
   padding: 1em;
   margin: auto;
   max-width: 42em;
-  background: lightgrey;
+  background-image: url("../img/backt.png");
+  background-repeat: repeat;
 }
 
+/* Link stuff */
 a {
-  color: black;
+  color: #06e;
   text-decoration: none;
 }
-
+/* visited link */
 a:visited {
-  color: #0b0080;
+  color: #0047a6;
 }
-
+/* hovering link */
 a:hover {
-  color: #06e;
+  color: #3284f1;
 }
-
+/* clicked on */
 a:active {
-  color: #faa700;
+  color: #e5effd;
 }
-
+/* only if a link was dragged but not went through or smthng */
 a:focus {
   outline: thin dotted;
 }
@@ -62,6 +69,7 @@ a::selection {
 
 p {
   margin: 1em 0;
+  color: #969696;
 }
 
 img {
@@ -69,7 +77,7 @@ img {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: #111;
+  color: #e1e1e1;
   line-height: 125%;
   margin-top: 2em;
   font-weight: normal;
@@ -80,6 +88,7 @@ h4, h5, h6 {
 }
 
 h1 {
+  font-family: "Fixedsys"; 
   font-size: 2.5em;
 }
 
@@ -104,10 +113,10 @@ h6 {
 }
 
 blockquote {
-  color: #666666;
+  color: #d8d8d8;
   margin: 0;
   padding-left: 3em;
-  border-left: 0.5em red solid;
+  border-left: 0.5em #008fae solid;
 }
 
 hr {
@@ -121,10 +130,10 @@ hr {
 }
 
 pre, code, kbd, samp {
-  background-color: lightblue;
+  background-color: #000;
   border-radius: 8px; 
   padding: 8px;
-  color: #000;
+  color: #00cc03;
   font-family: Freemono, monospace, monospace;
   _font-family: 'courier new', monospace;
   font-size: 0.98em;
@@ -175,6 +184,7 @@ sub {
 ul, ol {
   margin: 1em 0;
   padding: 0 0 0 2em;
+  color: #858585;
 }
 
 li p:last-child {

post/style.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta http-equiv="Content-Style-Type" content="text/css" />
+  <meta name="generator" content="pandoc" />
+  <title></title>
+  <style type="text/css">code{white-space: pre;}</style>
+  <link rel="stylesheet" href="bstyle.css" type="text/css" />
+</head>
+<body>
+<p><a href="../index.html"><img src="../img/banner.png" alt="Homepage" /></a></p>
+<h1 id="finally-a-fresh-look">Finally a Fresh look</h1>
+<p>It's been about a minute since I've done anything with this site but I figured what better time to randomly post things then now. Before this update I mostly used some neato fonts but most of it was some boring times new roman thing: didn't really look great in my opinion.</p>
+<h2 id="but-why">But Why?</h2>
+<p>I partially wanted to get my Gitlab page a bit more active but also because I didn't like the self-conflicting style from before. Instead of having a bunch of fonts that don't really go together I opted for fonts that are actually somewhat look nice next to each other.</p>
+<p>For now I'll keep playing with the styling and hopefully soon I can dedicate myself to creating some interesting content to post here. <em>Maybe some bhop stuff, who knows</em>.</p>
+</body>
+</html>

style.css

@@ -15,32 +15,34 @@ html {
 }
 body {
   color: #444;
-  font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
+  font-family: Fixedsys; 
   font-size: 12px;
   line-height: 1.7;
   padding: 1em;
   margin: auto;
   max-width: 42em;
-  background: lightgrey;
+  background-image: url("./img/backt.png");
+  background-repeat: repeat;
 }
 
+/* Link stuff */
 a {
-  color: black;
+  color: #06e;
   text-decoration: none;
 }
-
+/* visited link */
 a:visited {
-  color: #0b0080;
+  color: #0047a6;
 }
-
+/* hovering link */
 a:hover {
-  color: #06e;
+  color: #3284f1;
 }
-
+/* clicked on */
 a:active {
-  color: #faa700;
+  color: #e5effd;
 }
-
+/* only if a link was dragged but not went through or smthng */
 a:focus {
   outline: thin dotted;
 }
@@ -74,7 +76,7 @@ img {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: #111;
+  color: #e1e1e1;
   line-height: 125%;
   margin-top: 2em;
   font-weight: normal;
@@ -110,10 +112,10 @@ h6 {
 }
 
 blockquote {
-  color: #666666;
+  color: #d8d8d8;
   margin: 0;
   padding-left: 3em;
-  border-left: 0.5em red solid;
+  border-left: 0.5em #008fae solid;
 }
 
 hr {
@@ -181,6 +183,7 @@ sub {
 ul, ol {
   margin: 1em 0;
   padding: 0 0 0 2em;
+  color: #a3a3a3;
 }
 
 li p:last-child {