small fixes to every page - stopped on gdd

src/static/css/all.css

@@ -84,6 +84,7 @@ pre,code {
 
 .top {
     grid-area: 1 / 1 / 2 / 2; 
+    color: white;
     text-align: center;
 }
 .content-grid { 

src/static/css/demo.css

@@ -1,46 +1,27 @@
 .content-grid {  
     display: grid;
     grid-template-columns: 1fr;
-    grid-template-rows: auto auto auto;
+    grid-template-rows:  repeat(3, auto);
     grid-column-gap: 0px;
     grid-row-gap: 0em;
-            height: 45em;
+    color: white;
 }
-    .jump { 
-        grid-area: 1 / 1 / 2 / 2;
-        text-align: center;
-        margin: auto;
-        font-size: 1.5em;
-        
-    }
-        .jump img { width: 5em; }
 
-        .long { 
-            grid-area: grid-area: 2 / 1 / 3 / 2;
-            display: grid;
-            grid-template-columns: 1fr;
-            grid-template-rows: repeat(5, auto);
-            grid-row-gap: 95vh; 
-            height: 45em;
-            color: white;
-            overflow: auto;
-        }
-    
-.demo-game iframe {
+.edition { 
+    grid-area: 1 / 1 / 2 / 2; 
+    }
+
+.demo { grid-area: 2 / 1 / 3 / 2; } 
+   
+.demo iframe {
     border: 2px solid #df85a5;
     padding: 10px;
     display: block;
     margin: auto;
 }
-.demo-intro {
-    width: 40%;
-    padding: 10px;
+.guide {
+    grid-area: 3 / 1 / 4 / 2;
+    width: 80%;
+    padding: 2em;
     margin: auto;
 }
-            .demo { grid-area: 1 / 1 / 2 / 2;
-}
-            .system { grid-area: 2 / 1 / 3 / 2;}
-            .story { grid-area: 3 / 1 / 4 / 2;}
-            .characters { grid-area: 4 / 1 / 5 / 2;}
-            .info { grid-area: 5 / 1 / 6 / 2;
-                height: 50em;}

src/static/css/diary.css

@@ -1,5 +1,4 @@
 .content-grid {
-    grid-area: 3 / 1 / 4 / 4; 
     max-width: MAX(50em, 50%);
     display: grid;
     grid-template-columns: 2fr 1fr;
@@ -42,6 +41,10 @@
         padding-top: 0em;
         margin: auto;
     }
+    .diary-dir.bottom {
+        grid-area: 3 / 1 / 4 / 3;
+        margin: auto;
+    }
     .diary-dir-left {
         display: inline-block;
         vertical-align: middle;
@@ -68,6 +71,9 @@
         grid-area: 2 / 1 / 3 / 2;
         margin-right: 2em;
     }
+    .title {
+        color: white;
+    }
 
     .snippet {
         margin-top: 0em;
@@ -164,4 +170,4 @@
         height: 1em;
     }
 
-    .sidebar {grid-area: 2/2/2/3;}
+    .sidebar {grid-area: 2 / 2 / 2 / 3;}

src/static/css/entry.css

@@ -12,7 +12,7 @@ a:active {
 }
 
 hr {
-  border: 1px solid black;
+    border: 1px solid black;
 }
 
 .content-grid {
@@ -32,7 +32,7 @@ hr {
     word-wrap: break-word;
 }
 .diary-title {
-        background-color: #585c88;
+    background-color: #585c88;
     border-top-left-radius: .3em;
     border-top-right-radius: .3em;
     color: #e6e8ef;
@@ -80,7 +80,7 @@ hr {
     text-decoration: underline;
 }
 .diary-tags {
-        background-color: #585c88;
+    background-color: #585c88;
     padding: 1em;
     font-size: 1em;
 }
@@ -129,20 +129,22 @@ hr {
 } 
 
 .more { 
-    grid-area:   1 / 1 / 2 / 2; 
-        background-color: #A88AA8; 
+    grid-area: 1 / 1 / 2 / 2; 
+    background-color: #A88AA8; 
     padding: .3em;
     text-align: center;
     color: #080410;
 }
 
-.rec-box { grid-area: 2 / 1 / 3 / 2;
-        background-color: #A88AA8;
-    padding: 1em;  }
+.rec-box { 
+    grid-area: 2 / 1 / 3 / 2;
+    background-color: #A88AA8;
+    padding: 1em;  
+}
 
 .snippet-title {
-        background-color: #A88AA8; 
-  font-weight: bold;
+    background-color: #A88AA8; 
+    font-weight: bold;
 }
 
 .sidebar {