[BLOG] Improved small display specific styling [RESET] Improved legibility and mono and sans-serif x-height consistency for supported browsers

assets/css/blog.css

@@ -158,8 +158,8 @@ pre,
 blockquote {
   color: #666666;
   margin: 0;
-  padding-left: 3em;
-  border-left: 0.5em #eee solid;
+  padding-left: 1em;
+  border-left: 0.3em #aaa solid;
 }
 
 pre {
@@ -219,6 +219,7 @@ footer a {
     height: max-content;
     padding-bottom: 1rem;
     margin-bottom: 0;
+    border-radius: 0 0 5px 5px;
   }
 
   header a {
@@ -229,8 +230,21 @@ footer a {
     margin-top: 0;
   }
 
-  .content-wrapper,
+  header .header-main {
+    left: 0;
+    margin: 0 0 0.5rem 0;
+    border-radius: 0 0 5px 5px;
+  }
+
   #entry-wrapper {
     padding: 1rem;
   }
+
+  .content-wrapper {
+    padding: 1rem 1rem 2rem 1rem;
+  }
+
+  footer {
+    position: relative;
+  }
 }

assets/css/reset.css

@@ -1,3 +1,9 @@
+@supports (font-size-adjust: 1) {
+  article {
+      font-size-adjust: 1;
+  }
+}
+
 * {
   box-sizing: border-box;
 }
@@ -44,6 +50,8 @@ body,
 html {
   -webkit-font-smoothing: subpixel-antialiased;
   -moz-osx-font-smoothing: grayscale;
+  text-shadow: 0px 1px 1px rgba(140, 140, 140, 0.666);
+
   font-family: "open_sansregular", sans-serif;
   font-weight: 400;
   line-height: 1.75;

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>Sun, 24 Jul 2022 22:32:41 +0100</lastBuildDate>
-<pubDate>Sun, 24 Jul 2022 22:32:41 +0100</pubDate>
+<lastBuildDate>Mon, 25 Jul 2022 16:07:14 +0100</lastBuildDate>
+<pubDate>Mon, 25 Jul 2022 16:07:14 +0100</pubDate>
 <atom:link href="https://gnusocial.rocks/v3/feed.rss" rel="self" type="application/rss+xml" />
 <item><title>
 Milestone: Pinboard API
@@ -22,6 +22,8 @@ Milestone: Pinboard API
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-pinboard-api.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-pinboard-api.html</guid>
@@ -64,6 +66,8 @@ FEP already a step and contribution in that direction.</p>
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-unbound-group.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-unbound-group.html</guid>
@@ -97,6 +101,8 @@ think of this <a href="https://notabug.org/HackersAtPorto/gs-arduino">old GNU so
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-webhooks.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-webhooks.html</guid>
@@ -134,6 +140,8 @@ GNU social still has to implement support for that form of Like.</p>
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-blog-plugin-and-notes-of-type-article-and-page.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-blog-plugin-and-notes-of-type-article-and-page.html</guid>
@@ -162,6 +170,8 @@ Milestone: Organisations and Group Tags
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-organisations-and-group-tags.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-organisations-and-group-tags.html</guid>
@@ -196,6 +206,8 @@ discussion available at: <a href="https://github.com/andstatus/andstatus/issues/
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-oauth-20.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-oauth-20.html</guid>
@@ -247,6 +259,8 @@ Monetization in the fediverse.</p>
 
 
 
+
+
 
 
 
@@ -312,6 +326,8 @@ always room for improvement :)</p>
 
 
 
+
+
 
 
 
@@ -402,6 +418,8 @@ and enables circle mentions with <code>@#circle_name</code>.</p>
 
 
 
+
+
 
 
 
@@ -449,6 +467,8 @@ translate following the same rules as AndStatus <a href="https://github.com/ands
 
 
 
+
+
 
 
 

v3/milestone-activitypub.html

@@ -88,6 +88,8 @@ plugin? How is it better than v2's?</p>
 
 
 
+
+
 
 
 

v3/milestone-activitystreams-20-and-webfinger.html

@@ -115,6 +115,8 @@ GNU social development team
 
 
 
+
+
 
 
 

v3/milestone-actor-colour-theme-plugin.html

@@ -139,6 +139,8 @@ Given a valid colour, it's the actor's responsibility whether or not the colours
 
 
 
+
+
 
 
 

v3/milestone-albums.html

@@ -95,6 +95,8 @@ specialisation of a collection.</p>
 
 
 
+
+
 
 
 

v3/milestone-automatic-accesibility-a11y-testing.html

@@ -92,6 +92,8 @@ always room for improvement :)</p>
 
 
 
+
+
 
 
 

v3/milestone-blog-plugin-and-notes-of-type-article-and-page.html

@@ -67,6 +67,8 @@ GNU social still has to implement support for that form of Like.</p>
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-collections.html

@@ -117,6 +117,8 @@ and enables circle mentions with <code>@#circle_name</code>.</p>
 
 
 
+
+
 
 
 

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

@@ -141,6 +141,8 @@ is properly tested, we have the
 
 
 
+
+
 
 
 

v3/milestone-mute-notifications-from-a-conversation.html

@@ -77,6 +77,8 @@ to stop receiving notifications derived from that, it is now possible:
 
 
 
+
+
 
 
 

v3/milestone-notes-and-actors-with-languages.html

@@ -119,6 +119,8 @@ for actual internationalization of the free network.</p>
 
 
 
+
+
 
 
 

v3/milestone-notes-with-latex.html

@@ -77,6 +77,8 @@ GNU social development team
 
 
 
+
+
 
 
 

v3/milestone-notes-with-markdown.html

@@ -78,6 +78,8 @@ GNU social development team
 
 
 
+
+
 
 
 

v3/milestone-oauth-20.html

@@ -64,6 +64,8 @@ discussion available at: <a href="https://github.com/andstatus/andstatus/issues/
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-organisations-and-group-tags.html

@@ -58,6 +58,8 @@ GNU social development team
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-pinboard-api.html

@@ -52,6 +52,8 @@ GNU social development team
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-pinned-notes.html

@@ -73,6 +73,8 @@ You can now pin notes in your profile! Given you have suficient permissions to d
 
 
 
+
+
 
 
 

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

@@ -145,6 +145,8 @@ The key ones are:</p>
 
 
 
+
+
 
 
 

v3/milestone-tags.html

@@ -167,6 +167,8 @@ tag.</p>
 
 
 
+
+
 
 
 

v3/milestone-unbound-group.html

@@ -72,6 +72,8 @@ FEP already a step and contribution in that direction.</p>
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-web-monetization.html

@@ -81,6 +81,8 @@ Monetization in the fediverse.</p>
 
 
 
+
+
 
 
 

v3/milestone-webhooks.html

@@ -63,6 +63,8 @@ think of this <a href="https://notabug.org/HackersAtPorto/gs-arduino">old GNU so
 
 
 
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/templates/body.template

@@ -1,6 +1,5 @@
 <header>
 <div class="home-menu menu menu-horizontal menu-fixed">
-<div class="home-menu menu menu-horizontal menu-fixed">
 <a class="header-main" href="/"><img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social"><b>gnu</b>social</a>
 <ul class="menu-list">
 <li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>

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

@@ -177,6 +177,8 @@ GNU social development team
 
 
 
+
+
 
 
 

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

@@ -113,6 +113,8 @@ attempts to generate a page preview from open graph and oembed. I.e., acts when
 
 
 
+
+
 
 
 

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

@@ -146,6 +146,8 @@ any remote URL being shared in a note.</li>
 
 
 
+
+
 
 
 

v3/updates-interface-and-accessibility.html

@@ -178,6 +178,8 @@ markup, we hope to achieve an accessible, fast and polished structure by which a
 
 
 
+
+
 
 
 

v3/updates-interface-structure-and-flexibility-improved.html

@@ -89,6 +89,8 @@ GNU social development team
 
 
 
+
+
 
 
 

v3/updates-local-groups.html

@@ -74,6 +74,8 @@ translate following the same rules as AndStatus <a href="https://github.com/ands
 
 
 
+
+
 
 
 

v3/updates-v3-blog.html

@@ -121,6 +121,8 @@ forget to subscribe!</p>
 
 
 
+
+