From 20ec6b1023e301f7b025aed0dd67fd4a4f5f639d Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <yann.esposito@gmail.com>
Date: Thu, 6 Oct 2022 17:28:14 +0200
Subject: [PATCH] a slightly better mobile compatible

---
 src/css/y.css        | 11 +++++++----
 templates/index.html |  1 +
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/css/y.css b/src/css/y.css
index 428b7b4..55ddd19 100644
--- a/src/css/y.css
+++ b/src/css/y.css
@@ -32,7 +32,11 @@ hr { opacity: 0.3; }
 .notes { border: dotted 1px; padding: 1em 2em;}
 .abstract { font-style: italic; }
 .post-title { display: inline-block; min-width: 18em; }
-.post-title > a { display: inline-block; padding: 0.5em; min-width: 100%; }
+.post-title > a { display: inline-block; min-width: 100%; }
+
+@media only screen and (max-width: 640px) {
+  .post-title > a { padding: 0.5em; }
+}
 
 #logo { display: block;
         vertical-align: middle;
@@ -63,7 +67,6 @@ header, footer { text-align: center; }
 header { padding-top: 5px; max-width: 80ch; margin: 0 auto;}
 header > .content { padding-top: 0; text-align: left; }
 header > .content > h1 { padding: 0; margin: 0; text-align: left; }
-footer { padding: 1rem; }
 figure img { width: 100%; }
 
 #logo svg:hover .e { fill: rgba(255,255,255,0.5); }
@@ -85,12 +88,12 @@ sub { top: 0.4em; }
 .footdef > sup { vertical-align: top; font-size: medium; }
 .footdef > sup > a { padding: 0.5em; }
 .footpara { display: inline; }
-footer { padding: 1em 0;
+footer { padding: 0;
          border-top: solid 1px;
          border-bottom: solid 1px;
          line-height: 1em;
-         font-size: 0.875em;
        }
+footer > .content { margin: 0; padding: 0; }
 table { margin: 1rem 0; line-height: 1em; max-width: 100%; overflow: scroll;
         display: block;
         border: solid 1px;}
diff --git a/templates/index.html b/templates/index.html
index 170631c..c07227a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -40,6 +40,7 @@
           </nav>
       </header>
       <main id="content">
+        <h2>Articles</h2>
 $body$
 
 <h3>Archives from my previous dead blog</h3>