figbert.com-website

commit d88cf7a825b685bebc2b5ab69554b2528d1a182c
parent 8d171399caeca1848fcbb2fbdb6d7c69ac280344
Author: FIGBERT <figbert@figbert.com>
Date:   Tue, 14 Jun 2022 10:36:52 -0700

Increase readability and clarity of the theme

Margins and padding have been increased overall, and the font size is
now a bit larger.

Diffstat:
M
static/css/global.css
 | 
15
+++++++++++----
M
templates/index.html
 | 
22
+++++++++++++---------

2 files changed, 24 insertions(+), 13 deletions(-)
diff --git a/static/css/global.css b/static/css/global.css
@@ -10,22 +10,23 @@
 }
 
 body {
+  width: 85%;
   display: flex;
-  margin: 2rem 0 2rem 0;
+  margin: 2rem auto 2rem auto;
 }
 
 header {
-  width: 18vw;
+  width: 25%;
   text-align: right;
   margin: 0 3rem 0 2rem;
 }
 
 main {
-  width: 60vw;
+  width: 75%;
 }
 
 nav {
-  margin: 2rem 0 2rem 0;
+  margin: 2.5rem 0 2.5rem 0;
   font-size: 1.125rem;
 }
 
@@ -51,12 +52,18 @@ nav > ul > li > a {
   font-size: 0.75rem;
 }
 
+#webrings > section {
+  margin-bottom: 2rem;
+}
+
 hr {
   border-width: 0;
   border-top: 0.1rem dashed;
+  margin-left: 2rem;
 }
 
 p {
+  font-size: 105%;
   margin-top: 0;
 }
 
diff --git a/templates/index.html b/templates/index.html
@@ -47,16 +47,20 @@
         </ul>
       </nav>
       <section id="webrings">
-        <hr>
-        <b>Proud member of <a href="https://hotlinewebring.club/" target="_blank" rel="noopener">Hotline Webring</a>!</b><br>
-        <a href="https://hotlinewebring.club/FIGBERT/previous" target="_blank" rel="noopener">Previous site</a> -- 
-        <a href="https://hotlinewebring.club/FIGBERT/next" target="_blank" rel="noopener">Next site</a>
+        <section>
+          <hr>
+          <b>Proud member of <a href="https://hotlinewebring.club/" target="_blank" rel="noopener">Hotline Webring</a>!</b><br>
+          <a href="https://hotlinewebring.club/FIGBERT/previous" target="_blank" rel="noopener">Previous site</a> -- 
+          <a href="https://hotlinewebring.club/FIGBERT/next" target="_blank" rel="noopener">Next site</a>
+        </section>
 
-        <hr>
-        <b>This site is a proud member of the <a href="https://geekring.net/" target="_blank" rel="noopener">geekring</a>! Check some other geeky websites here!</b><br>
-        <a href="http://geekring.net/site/79/previous" target="_blank" rel="noopener">Previous site</a> -- 
-        <a href="http://geekring.net/site/79/random" target="_blank" rel="noopener">Random site</a> -- 
-        <a href="http://geekring.net/site/79/next" target="_blank" rel="noopener">Next site</a>
+        <section>
+          <hr>
+          <b>This site is a proud member of the <a href="https://geekring.net/" target="_blank" rel="noopener">geekring</a>! Check some other geeky websites here!</b><br>
+          <a href="http://geekring.net/site/79/previous" target="_blank" rel="noopener">Previous site</a> -- 
+          <a href="http://geekring.net/site/79/random" target="_blank" rel="noopener">Random site</a> -- 
+          <a href="http://geekring.net/site/79/next" target="_blank" rel="noopener">Next site</a>
+        </section>
       </section>
     </header>
     <main>