unexist.dev

Changeset 19:62fe33b61100

Merged heads
author unexist
date Fri, 20 Nov 2020 17:36:12 +0100
parents 96363fc57b1f (current diff) 432b8d2fed1c (diff)
children 8f50581c9b5b
files
diffstat 2 files changed, 28 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/_layouts/default.html	Fri Nov 20 17:34:39 2020 +0100
+++ b/_layouts/default.html	Fri Nov 20 17:36:12 2020 +0100
@@ -10,13 +10,12 @@
         <div id="container">
             <div id="header">
                <div id="headline">
-                   {{ site.description }}
-               </div>
-               <nav>
                     <h1>{{ site.title }}</h1>
                     <h2>{{ page.title }}</h2>
                     <h2>{{ page.tag }}</h2>
-
+                   <p>{{ site.description }}</p>
+               </div>
+               <nav>
                     <a href="/">Home</a>
                     <a href="https://unexist.dev">Projects</a>
                     <a href="https://hg.unexist.dev">Repositories</a>
--- a/assets/css/style.css	Fri Nov 20 17:34:39 2020 +0100
+++ b/assets/css/style.css	Fri Nov 20 17:36:12 2020 +0100
@@ -11,6 +11,7 @@
     --h2-color: #777;
 
     /* Misc */
+    --margin: 10px;
     --padding: 10px;
     --radius: 8px;
     --border: 1px solid var(--top-color);
@@ -90,15 +91,26 @@
     width: 70%;
     margin: 0px auto;
     padding: var(--padding);
+
+    /* Stupid hack */
+    min-width: 844px;
+}
+
+@media screen and (max-width: 899px) {
+    #headline, #split, nav, footer {
+        width: 100%;
+    }
 }
 
 #headline h1 {
     display: inline-block;
+    text-decoration: none;
 }
 
 #headline h2 {
     display: inline-block;
     padding-left: var(--padding);
+    text-decoration: none;
 }
 
 #tag-cloud {
@@ -121,10 +133,17 @@
 
 h1 {
     color: var(--h1-color);
+    text-decoration: underline;
 }
 
 h2 {
     color: var(--h2-color);
+    text-decoration: underline;
+}
+
+h3, h4 {
+    padding-top: 10px;
+    text-decoration: underline;
 }
 
 /* Jekyll */
@@ -144,6 +163,10 @@
     text-align:  justify;
 }
 
+.post-content article {
+    padding-right: var(--padding);
+}
+
 .post-content p {
     margin: 20px 0px;
 }
@@ -173,6 +196,8 @@
 }
 
 .highlighter-rouge {
+    margin-top: var(--margin);
+    margin-bottom: var(--margin);
     padding: var(--padding);
     border: var(--border);
 }