werc-1.5.0-tweaks

commit a3ed2202bbff137c7bd76d65fef8c830841469b6
parent 8ff0e1652bfa2287f98a48ba77f5308a082c9e2c
Author: Nuno Sempere <nuno.semperelh@protonmail.com>
Date:   Sat, 17 Jun 2023 05:32:50 +0000

add further streamlining suggested by GPT-4

Diffstat:
R
pub/style/sinorca-screen-alt.css -> pub/style/alt/sinorca-screen-alt.css
 | 
0

R
pub/style/style.suckless.org.css -> pub/style/alt/style.suckless.org.css
 | 
0

R
pub/style/style.werc140.css -> pub/style/alt/style.werc140.css
 | 
0

R
pub/style/style_old.css -> pub/style/alt/style_old.css
 | 
0

M
pub/style/style.css
 | 
81
++++++++++++++++---------------------------------------------------------------

5 files changed, 16 insertions(+), 65 deletions(-)
diff --git a/pub/style/sinorca-screen-alt.css b/pub/style/alt/sinorca-screen-alt.css
diff --git a/pub/style/style.suckless.org.css b/pub/style/alt/style.suckless.org.css
diff --git a/pub/style/style.werc140.css b/pub/style/alt/style.werc140.css
diff --git a/pub/style/style_old.css b/pub/style/alt/style_old.css
diff --git a/pub/style/style.css b/pub/style/style.css
@@ -1,20 +1,12 @@
-/* latin-ext */
+/* Font */
 @font-face {
   font-family: 'Source Serif Pro';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(https://nunosempere.com/.resources/source-serif-pro-latin-ext.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Source Serif Pro';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://nunosempere.com/.resources/source-serif-pro-latin.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url(https://nunosempere.com/.resources/source-serif-pro-latin-ext.woff2) format('woff2'),
+       url(https://nunosempere.com/.resources/source-serif-pro-latin.woff2) format('woff2');
+  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 
 /* Body */
@@ -23,7 +15,6 @@ body {
   display: flex;
   flex-wrap: wrap; 
   font-family: serif; 
-  /* font-family: 'Source Serif Pro', serif; */
   font-size: 1.5em;
   background-color: #fcfcfc;
   color:#333;
@@ -32,11 +23,6 @@ body {
 /* header */
 header {
   flex-basis: 100%;
-  flex-shrink: 0;
-  background-color: transparent;
-  clear: both;
-  padding: 0em;
-  margin: 0;
   border-bottom: 2px solid #eee;
 }
 
@@ -46,21 +32,15 @@ header h1 {
 }
 
 header a {
-  /* 
-  color: inherit;
-  */
   text-decoration: none;
   color: #333;
-  /* 
-   * color: #005386;
-   */
 }
 
 header h1 span {
   margin-left: 0em;
-  /* font-size: 70%; */
   color: #555;
   /*
+  font-size: 70%;
   font-style: italic;
   */
 }
@@ -71,17 +51,18 @@ header nav {
   justify-content: space-between;
 }
 
-body>nav {
+nav {
+  display: flex;
+  flex-basis: 20%;
+  max-width: 20%;
+  min-width: 20%;
   float: left;
   margin: 0 1px 0 0;
   border-right: 2px solid #eee;
-  width: 350px;
+  /* width: 350px; */
 }
 
 nav a{
-  /* 
-  color: inherit;
-  */
   text-decoration: none; 
   color: #005386;
 }
@@ -90,13 +71,6 @@ nav a:hover {
   background-color: #ddd;
 }
 
-nav {
-  display: flex;
-  flex-basis: 20%;
-  max-width: 20%;
-  min-width: 20%;
-}
-
 nav ul {
   display: flex;
   flex-direction: column;
@@ -118,21 +92,21 @@ nav li a {
 /* Other sections */
 
 article{
-  padding: 0.3em 0 0 0;
   flex-basis: 70%;
   max-width: 70%;
   min-width: 70%;
   padding-left: 1em;
   color: #333;
+  /* padding: 0.3em 0 0 0; */
 }
 
 footer {
-  display: block;
+  /* display: block; */
   flex-grow: 1;
   flex-basis: 100%;
   flex-shrink: 0;
   justify-content: space-between;
-  padding: 1em 0em 1em 1em;
+  padding: 0.1em 0em 1em 1em;
   border-top: 2px solid #eee
 }
 
@@ -163,16 +137,10 @@ img {
 }
 
 .img-frontpage-center {
-  display: block;
-   margin-left: auto;
-  margin-right: auto;
-  width: 500px;
+  width: 40%;
 }
 
 .img-medium-center {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
   width: 50%;
 }
 
@@ -211,20 +179,6 @@ code {
   padding: 0.5em; 
 }
 
-/*
-pre, code {
-  display: block;
-  overflow-x:auto; 
-  tab-width: 2;
-  line-height:1.7;
-  padding: 0.5em 0.5em 0.5em 0.5em;
-  margin-top: 1em;
-  margin-bottom: 1em;
-  margin: 2em;
-  max-width: 1100px !important;
-  background: #F0F0F0;
-}*/
-
 /* Lists */
 /* this aligns the sitemap */
 
@@ -276,10 +230,7 @@ th {
     margin-left: 0;
   }
   .img-frontpage-center {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    width: 300px;
+    width: 28%; /* 40% * 70%, so that the relative size stays the same*/
   }
 }