Improvements to the blog styles and blog posts

config/_default/config.toml

@@ -49,6 +49,10 @@ paginate = 9
     noHl = false
     style = 'autumn'
     tabWidth = 4
+  [markup.tableOfContents]
+    endLevel = 9
+    ordered = false
+    startLevel = 2
 
 [permalinks]
   blog = '/:year/:month/:day/:filename/'

content/blog/march-update-making-waves.md

@@ -66,7 +66,7 @@ So in the upcoming months, the Pine Store plans to manufacture and sell new Yuzu
 
 ## IronOS
 
-{{< credits "Authors: Ralim" >}}
+{{< credits "Author: Ralim" >}}
 
 Hello,
 
@@ -120,7 +120,7 @@ For those of us (myself included) that love to integrate everything into Home As
 
 ## PineTime
 
-{{< credits "Authors: JF002" >}}
+{{< credits "Author: JF002" >}}
 
 As always, FOSDEM was a nice opportunity to meet with community members, users and contributors of the PineTime project.
 And just by looking at the number of people proudly wearing their PineTime on their wrist, I can safely say that the PineTime project is still very popular, more than 3 years after it was created!
@@ -184,7 +184,7 @@ The font rendering on the display is very nice, it features very smooth scrollin
 
 ## Pinetab 2
 
-{{< credits "Authors: Caffeine" >}}
+{{< credits "Author: Caffeine" >}}
 
 For this month’s community update I talked to Danct12 from the Danctnix project concerning the current state of the device.
 
@@ -208,7 +208,7 @@ We are hoping that support for the Rockchip ISP and H.264 driver will land soon
 
 ## PineNote
 
-{{< credits "Authors: Ralim" >}}
+{{< credits "Author: Ralim" >}}
 
 Please note that this section is written by _Ralim_. I am **not** a staff member of Pine64, but I want to represent the state of the Pinenote as best to my knowledge.  
 During FOSDEM the current state of the Pinenote was available for people to interact with (and also to show the device does exist).
@@ -220,7 +220,7 @@ Currently more testing is desired to help find remaining bugs and resolve first-
 
 ## What exactly happened with the cluster
 
-{{< credits "Authors: gamiee" >}}
+{{< credits "Author: gamiee" >}}
 
 On the 20th of January 2024 at 10:30 PM CET, most of the DB based services went down and started throwing errors when attempting to connect to the MySQL databases. 
 After some analysis, all of the nodes in the cluster had failed, making the rootfs mount as read-only. In the current cluster setup every node has its rootfs mounted over the network, this leads to one likely culpret, that something had gone wrong with the storage node. 
@@ -281,7 +281,7 @@ In the following months, we will start work on the software side, which will be
 
 ## Future of community updates
 
-{{< credits "Authors: gamiee" >}}
+{{< credits "Author: gamiee" >}}
 
 Monthly updates were an essential part of the community for a very long time, so not having them was indeed very damaging. That's why it was priority #1 on our topics to discuss at FOSDEM 2024. Thankfully, we have a new plan with getting updates released again. We still aren't sure if it will still be on a monthly basis like it used to be, but it will be periodically released. Not only that, we are planning on improving community engagement and moderation. We will explain our plan further in following updates.
 

themes/pinetheme/assets/css/documentation.css

@@ -209,26 +209,6 @@ div#doc-page .ulist {
     padding-bottom: 1rem;
 }
 
-/* Table of contents */
-nav#TableOfContents {
-    margin-bottom: 14px;
-}
-nav#TableOfContents ul {
-    list-style-type: none;
-}
-nav#TableOfContents ul li{
-    font-weight: 500;
-    box-decoration-break: clone;
-    padding: 4px 4px;
-}
-nav#TableOfContents ul li ul li {
-    font-weight: 300 !important;
-    box-decoration-break: clone;
-}
-nav#TableOfContents ul ul{
-    padding-left: 1em;
-}
-
 /* Admonition */
 #doc-page .admonitionblock {
     margin: 1.4rem 1rem 1rem 1rem;

themes/pinetheme/assets/css/style.css

@@ -41,6 +41,9 @@ h2 a, h3 a, h4 a, h5 a, h6 a {
 .imageblock {
     margin-bottom: 1.6rem;
 }
+ul, li, ol {
+    list-style-position: inside;
+}
 
 hr {
     height: 1px;
@@ -78,7 +81,6 @@ div.box img {
     max-width: 100%;
 }
 div.box ul{
-    padding-left: 2rem;
     padding-bottom: 10px;
 }
 
@@ -611,9 +613,6 @@ button.rounded:hover {
     max-width: 100%;
     padding: 10px 0;
 }
-.blog ul, ol {
-    padding-left: 2rem;
-}
 .blog > p > img {
     max-height: 670px;
 }
@@ -622,10 +621,12 @@ button.rounded:hover {
     width: 100%;
 }
 .blog-header {
-
     width: 100%;
     margin-top: 20px;
 }
+.blog ul, ol {
+    padding-left: 1rem;
+}
 @media screen and (max-width: 1100px){
     .blog-header {
         display: block; 
@@ -880,6 +881,27 @@ tbody {
     margin-bottom: 0;
 }
 
+
+/* Table of contents */
+nav#TableOfContents {
+    margin-bottom: 14px;
+}
+nav#TableOfContents ul {
+    padding-bottom: 0 !important;
+}
+nav#TableOfContents ol {
+    list-style: inside decimal;
+}
+nav#TableOfContents ul li, ol li {
+    padding: 4px 4px;
+}
+nav#TableOfContents ul li ul li {
+    font-weight: 300 !important;
+}
+nav#TableOfContents ul ul, ol ol {
+    padding-left: 1.4em;
+}
+
 /* Podcast page */
 button.podcast {
     padding: 1.4rem 2rem;

themes/pinetheme/layouts/blog/single.html

@@ -17,7 +17,7 @@
             <div class="blog-title"><h1>{{ .Title }}</h1></div>
 
         </div>
-
+        
         {{ .Content }}
 
         {{ if .Params.tags }}

themes/pinetheme/layouts/partials/toc.html

@@ -2,5 +2,6 @@
 
     {{.TableOfContents}}
     <hr>
+    <br>
 
 {{ end }}

themes/pinetheme/layouts/shortcodes/toc.html

@@ -0,0 +1,6 @@
+<h2>Table of contents</h2>
+
+{{ $tocStartLevel := default 2 .Page.Params.toc_start_level }}
+{{ $tocEndLevel := default 9 .Page.Params.toc_end_level }}
+{{ $tocOrdered := default false .Page.Params.toc_ordered }}
+{{ .Page.Fragments.ToHTML $tocStartLevel $tocEndLevel $tocOrdered | safeHTML }}