Fixed font hierarchy sizes andd paddings. Navigation is now more clear.

assets/css/blog.css

@@ -90,6 +90,9 @@ header {
 header * {
   margin: 0;
 }
+header ~ * {
+  padding: 1rem 1rem 0 1rem;
+}
 header ul li {
   all: unset;
   display: block;
@@ -139,12 +142,31 @@ header ul li a {
 .content-wrapper,
 #template-wrapper {
   margin-left: 15rem;
-  padding: 1rem !important;
 }
-.content-wrapper {
+#template-wrapper:first-of-type {
-  padding-top: 2rem;
+  padding-top: 1rem;
-  margin-bottom: -3em;
 }
+#template-wrapper:last-of-type {
+  padding-bottom: 1rem;
+}
+
+.template-unit h3 {
+  margin-top: 0 !important;
+}
+.template-unit:nth-of-type(n + 2) {
+  margin-top: 2rem !important;
+}
+.template-unit ul :last-child {
+  margin-bottom: unset;
+}
+.template-unit ul + p {
+  margin-top: 1rem;
+}
+.allposts_header + ul :last-child {
+  margin-bottom: 1rem;
+}
+
+
 ul li {
     margin: 1rem;
     margin-left: 2rem;

assets/css/reset.css

@@ -66,10 +66,8 @@ h1 {
     font-size: 1.5rem;
     font-weight: bold;
     line-height: 1.20;
-    opacity: 1.00;
     margin-top: 0px;
     margin-bottom: 0.8rem;
-    letter-spacing: -0.72px;
     word-spacing: 0.00px;
     text-transform: none;
 }
@@ -78,10 +76,8 @@ h2 {
     font-size: 1.25rem;
     font-weight: bold;
     line-height: 1.20;
-    opacity: 1.00;
     margin-top: 30px;
     margin-bottom: 0.6rem;
-    letter-spacing: -0.72px;
     word-spacing: 0.00px;
     text-transform: none;
 }
@@ -90,7 +86,6 @@ h3 {
     font-size: 1.15rem;
     font-weight: bold;
     line-height: 1.20;
-    opacity: 1.00;
     margin-top: 30px;
     margin-bottom: 0.4rem;
     letter-spacing: 0.00px;
@@ -101,11 +96,9 @@ h3 {
 p {
     font-weight: 400;
     line-height: 1.60;
-    opacity: 0.85;
     margin-top: 0px;
-    margin-bottom: 1.5rem;
+    margin-bottom: 1rem;
-    letter-spacing: -0.30px;
+    word-spacing: 0.50px;
-    word-spacing: -0.10px;
     text-transform: none;
 }
 

v3/all_tags.html

@@ -19,7 +19,7 @@
 </div>
 <div class="sidebar">
 <ul class="menu-list">
-<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
 <li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
 <li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
 <li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>

v3/feed.rss

@@ -2,8 +2,8 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
 <channel><title>GNU social V3</title><link>https://gnusocial.rocks/v3/index.html</link>
 <description>Development blog where we announce our progress.</description><language>en</language>
-<lastBuildDate>Thu, 19 Aug 2021 03:32:46 +0100</lastBuildDate>
+<lastBuildDate>Thu, 19 Aug 2021 15:35:53 +0100</lastBuildDate>
-<pubDate>Thu, 19 Aug 2021 03:32:46 +0100</pubDate>
+<pubDate>Thu, 19 Aug 2021 15:35:53 +0100</pubDate>
 <atom:link href="https://gnusocial.rocks/v3/feed.rss" rel="self" type="application/rss+xml" />
 <item><title>
 Updates: V3 blog
@@ -29,6 +29,8 @@ forget to subscribe!</p>
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/updates-v3-blog.html</link>
 <guid>https://gnusocial.rocks/v3/./updates-v3-blog.html</guid>
@@ -50,6 +52,8 @@ attempts to generate a page preview from open graph and oembed. I.e., acts when
 <p>We've changed so much with GNU social v3 that, regarding SRM there was no possible port, just a complete rewrite. Both plugins became smaller and easier to understand while promoting the same functionality with more stability.</p>
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html</link>
 <guid>https://gnusocial.rocks/v3/./updates-implement-storeremotemedia-for-v3-and-port-embed.html</guid>
@@ -104,6 +108,8 @@ any remote URL being shared in a note.</li>
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/updates-improve-the-attachments-system.html</link>
 <guid>https://gnusocial.rocks/v3/./updates-improve-the-attachments-system.html</guid>
@@ -186,6 +192,8 @@ Updates: Finish the Avatar component
 
 
 
+
+
 
 
 
@@ -238,6 +246,8 @@ is properly tested, we have the
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-documentation-and-tests-infrastructure.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-documentation-and-tests-infrastructure.html</guid>
@@ -291,6 +301,8 @@ The key ones are:</p>
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-port-media-handling-from-v2.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-port-media-handling-from-v2.html</guid>

v3/index.html

@@ -19,7 +19,7 @@
 </div>
 <div class="sidebar">
 <ul class="menu-list">
-<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
 <li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
 <li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
 <li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
@@ -33,9 +33,12 @@
 <div class="content">
 <h1 class="content-head is-center">Version 3</h2>
 <h3>Abstract</h3>
+<p>
 GNU social is the eldest free social networking platform for public and private communications used in federated social networks. It's versatile, extensible and privacy focused. We've been modernizing the existing codebase, ensuring inter-operationality as defined by the IndieWeb and we're developing a modern frontend. This makes GNU social accessible: easy to install and use, and follows AnyBrowser and A11Y guidelines.
-
+</p>
+<p>
 Our objective is to further differentiate GNU social from the alternative software available, either FOSS or Proprietary/Centralized while setting an example of how a secure, performant and plug-and-play software should be in modern day's web.
+</p>
 
 <p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>
 </div></div></div>

v3/milestone-documentation-and-tests-infrastructure.html

@@ -19,7 +19,7 @@
 </div>
 <div class="sidebar">
 <ul class="menu-list">
-<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
 <li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
 <li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
 <li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
@@ -83,6 +83,8 @@ is properly tested, we have the
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-port-media-handling-from-v2.html

@@ -19,7 +19,7 @@
 </div>
 <div class="sidebar">
 <ul class="menu-list">
-<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
 <li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
 <li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
 <li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
@@ -87,6 +87,8 @@ The key ones are:</p>
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/templates/abstract.template

@@ -1,7 +1,10 @@
 <h1 class="content-head is-center">Version 3</h2>
 <h3>Abstract</h3>
+<p>
 GNU social is the eldest free social networking platform for public and private communications used in federated social networks. It's versatile, extensible and privacy focused. We've been modernizing the existing codebase, ensuring inter-operationality as defined by the IndieWeb and we're developing a modern frontend. This makes GNU social accessible: easy to install and use, and follows AnyBrowser and A11Y guidelines.
-
+</p>
+<p>
 Our objective is to further differentiate GNU social from the alternative software available, either FOSS or Proprietary/Centralized while setting an example of how a secure, performant and plug-and-play software should be in modern day's web.
+</p>
 
 <p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>

v3/templates/body.template

@@ -7,7 +7,7 @@
 </div>
 <div class="sidebar">
 <ul class="menu-list">
-<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
 <li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
 <li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
 <li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>

v3/updates-finish-the-avatar-component.html

@@ -19,7 +19,7 @@
 </div>
 <div class="sidebar">
 <ul class="menu-list">
-<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
 <li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
 <li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
 <li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
@@ -116,6 +116,8 @@ GNU social development team
 
 
 
+
+
 
 
 

v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html

@@ -19,7 +19,7 @@
 </div>
 <div class="sidebar">
 <ul class="menu-list">
-<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
 <li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
 <li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
 <li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
@@ -55,6 +55,8 @@ attempts to generate a page preview from open graph and oembed. I.e., acts when
 <p>We've changed so much with GNU social v3 that, regarding SRM there was no possible port, just a complete rewrite. Both plugins became smaller and easier to understand while promoting the same functionality with more stability.</p>
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/updates-improve-the-attachments-system.html

@@ -19,7 +19,7 @@
 </div>
 <div class="sidebar">
 <ul class="menu-list">
-<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
 <li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
 <li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
 <li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
@@ -88,6 +88,8 @@ any remote URL being shared in a note.</li>
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/updates-v3-blog.html

@@ -19,7 +19,7 @@
 </div>
 <div class="sidebar">
 <ul class="menu-list">
-<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
 <li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
 <li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
 <li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
@@ -63,6 +63,8 @@ forget to subscribe!</p>
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>