cleanup

layouts/_default/baseof.html

@@ -8,9 +8,9 @@
     <main>
         <section>
         <div class="article-header">
-            <h3 class="spaced">
+            <h1 class="spaced">
                 {{ .Page.Title }}
-            </h3>
+            </h1>
         </div>
         <article>
             {{ block "main" . }}

layouts/partials/head.html

@@ -3,7 +3,7 @@
 <link rel="alternate" type="application/rss+xml" title="{{ .Site.Title }} RSS" href='{{ absURL "/index.xml" }}'>
 <link rel="stylesheet" type="text/css" media="screen" href='{{ absURL "/style.css" }}'>
 <link rel="stylesheet" type="text/css" href='{{ absURL "/lugo.css" }}'>
-{{ with .Site.Params.favicon }}<link rel="icon" href="{{ . }}">{{ end -}}
+<link rel="icon" type="image/x-icon" href="/favicon.ico">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="robots" content="index, follow">
 <meta charset="utf-8">

static/style.css

@@ -3,7 +3,7 @@
     --bg-text: #606060;
     --text: #ffffff;
     --header: #454545;
-    --header-text: #707070;
+    --header-text: #ffffff;
     --content-bg: #303030;
     --accent: #344a70;
     --link: #3e765d;
@@ -23,19 +23,11 @@ blockquote {
     margin-bottom: 0;
 }
 
-/* blockquote~blockquote {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-}
-blockquote+blockquote {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-} */
-
 pre {
     background-color: var(--bg);
     padding: 1rem;
     border-radius: var(--radius);
+	overflow: scroll;
 }
 
 .copy:hover {
@@ -78,6 +70,8 @@ section {
 article {
     background-color: var(--content-bg);
     padding: 1.5rem;
+	padding-top: 1px;
+	padding-bottom: 1px;
     text-align: left;
 }
 
@@ -99,13 +93,18 @@ h1,h2,h3,h4,h5,h6 {
     text-align: center;
 }
 
-header h1 {
+header > h1 {
     margin: 0;
     font-size: 2.5rem;
 }
 
-article h1 {
-    margin-bottom: 1rem;
+.article-header > h1 {
+	font-size: 1.5rem;
+}
+
+h1 {
+	/* Not sure why h1 needs this fix, but otherwise it's smaller than h2 */
+	font-size: 2rem;
 }
 
 a {
@@ -133,9 +132,13 @@ main {
     margin: auto;
 }
 
-@media screen and (max-width: 1500px) {
-main {
+@media screen and (max-width: 1200px) {
+main, section {
     max-width: 100%;
-    margin: auto;
+    margin: 0;
+}
+:root {
+    --radius: 0;
+	font-size: large;
 }
 }