increase number of blogposts shown in werc.

apps/blagh/app.rc

@@ -9,7 +9,7 @@ fn conf_enable_blog {
         conf_blog_editors=blog-editors
 
     if(~ $"conf_max_posts_per_page '')
-        conf_max_posts_per_page=16
+        conf_max_posts_per_page=32
 }
 
 fn blagh_init {
@@ -59,6 +59,10 @@ fn blagh_init {
             }
         }
 
+	if not if (~ $req_path $blagh_uri^*){
+	  echo 1
+	}
+        
     }
 }
 

bin/contrib/discount.rc

@@ -2,4 +2,5 @@
 # requires discount markdown: <https://www.pell.portland.or.us/~orc/Code/discount/>
 # note: must restart the application when this is changed
 # flags can be seen at: <https://github.com/Orc/discount/blob/3520113e1fbf2e012ba24ceb1343c37acda4edf0/pgm_options.c#L45=>
-/usr/bin/markdown -f fencedcode -f ext -f footnote -f latex $1
+
+/usr/bin/markdown -f fencedcode -f ext -f footnote -f latex

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,64 +15,55 @@ body {
   display: flex;
   flex-wrap: wrap; 
   font-family: serif; 
-  /* font-family: 'Source Serif Pro', serif; */
   font-size: 1.5em;
-  background-color: #fff;
-
+  background-color: #fcfcfc;
+  color:#333;
 }
 
 /* header */
 header {
   flex-basis: 100%;
-  flex-shrink: 0;
-  background-color: transparent;
-  clear: both;
-  padding: 0em;
-  margin: 0;
   border-bottom: 2px solid #eee;
 }
 
 header h1 {
   margin-left: 0.7em;
+  color:#333;
 }
 
 header a {
-  /* 
-  color: inherit;
-  */
   text-decoration: none;
-  color: black;
-  /* 
-   * color: #005386;
-   */
+  color: #333;
 }
 
 header h1 span {
   margin-left: 0em;
-  /* font-size: 70%; */
   color: #555;
   /*
+  font-size: 70%;
   font-style: italic;
   */
 }
 
-/* Navigation bar */
-header nav {
+header nav { /* Not used by me, but used by suckless.org */
   display: flex;
   justify-content: space-between;
 }
 
-body>nav {
+/* Navigation bar */
+
+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;
 }
@@ -107,21 +90,24 @@ nav li a {
   padding: 0.3em 2em 0.8ex 1em;
 }
 
-/* Other sections */
-
+/* article */
 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 */
 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
 }
 
@@ -144,24 +130,23 @@ figcaption {
   font-size: 16px;
 }
 
+.img-frontpage-center,
+.img-medium-center,
 img {
   display: block;
   margin-left: auto;
   margin-right: auto;
+}
+
+img {
   width: 80%;
 }
 
 .img-frontpage-center {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-  width: 25%;
+  width: 40%;
 }
 
 .img-medium-center {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
   width: 50%;
 }
 
@@ -170,7 +155,6 @@ img {
 blockquote{
   width:60%;
   margin: 5px auto;
-  font-style:italic;
   color: #555555;
   padding: 1.2em 30px 1.2em 75px;
   border-left:8px solid #005386 ;
@@ -190,16 +174,15 @@ blockquote::before{
 }
 
 /* Code bloocks */
-pre, code {
-  display: block;
+pre { 
+  background-color: #eeeeee; 
+  border: 2px solid; 
   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;
-  background: #F0F0F0;
+}
+pre, 
+code { 
+  display: block;
+  padding: 0.5em; 
 }
 
 /* Lists */
@@ -215,6 +198,7 @@ li{
 }
 
 /* Tables */
+/* old style:
 table {
   border-collapse: collapse;
   margin-left: auto;
@@ -234,34 +218,33 @@ th {
   background: var(--accent-bg);
   font-weight: bold;
 }
+*/
 
-/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
-@media screen and (max-width: 1400px) {
-  body {
-    display: block;
-  }
-  .hidden-mobile {
-    display: none;
-  }
-  article {
-    flex-basis: 100%;
-    padding: 5px;
-  }
-  header h1 {
-    margin-left: 0;
-  }
-  .img-frontpage-center {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    width: 200px;
-  }
+table {
+    border: 3px solid #005386;
+    border-collapse: collapse;
+    table-layout: fixed;
+    text-align: left;
+    width: 100%;
 }
 
-@media screen and (min-width: 1400px) {
-  .hide-not-mobile {
-    display: none;
-  }
+table thead {
+     /* position: sticky;
+     top: 0; */
+}
+
+table tbody tr:nth-child(even) {
+     background: #E9F1F4;
+}
+
+table th {
+     background: #005386;
+     color: #fcfcfc;
+     font-weight: bold;
+}
+ table th, table td {
+     padding: 1em 1em 1em 1em;
+     /* border: 3px solid #005386; */
 }
 
 /* Newsletter stuff */
@@ -289,6 +272,7 @@ th {
   border: 1px solid #ddd;
   font-size: 20px;
 }
+
 input:focus {
   border-color: #0055d4;
 }
@@ -306,3 +290,44 @@ img + em {
   text-align: center; 
   font-size: 1em;
 }
+
+/* Isso comments */
+/* You  can see the general comments style: <https://comments.nunosempere.com/css/isso.css> */
+
+.isso-textarea, #isso-postbox-author, #isso-postbox-email, #isso-postbox-website, .isso-post-action > input {
+    font-size: 20px;
+}
+
+.isso-textarea {
+  height: 15em;
+  resize: vertical !important;
+
+}
+
+/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
+@media screen and (max-width: 1400px) {
+  body {
+    display: block;
+  }
+  .hidden-mobile {
+    display: none;
+  }
+  article {
+    flex-basis: 100%;
+    max-width: 100%;
+    min-width: 100%;
+    padding: 5px;
+  }
+  header h1 {
+    margin-left: 0;
+  }
+  .img-frontpage-center {
+    width: 28%; /* 40% * 70%, so that the relative size stays the same*/
+  }
+}
+
+@media screen and (min-width: 1400px) {
+  .hide-not-mobile {
+    display: none;
+  }
+}