Merge pull request #27 from renchap/trunk-and-tidbits-column

Put Trunk & Tidbits posts in their own column on the homepage
mastodon · Feb 8, 2025 · ae86966 · ae86966
2 parents 0d83494 + 5b08a62
commit ae86966
Show file tree

Hide file tree

Showing 12 changed files with 67 additions and 1 deletion.
diff --git a/content/posts/2024-05-06_trunk_and_tidbits-april_2024/index.md b/content/posts/2024-05-06_trunk_and_tidbits-april_2024/index.md
@@ -3,6 +3,7 @@ title: Trunk & Tidbits, April 2024
 description: "Welcome to the first in a planned ongoing series of updates from the core Mastodon engineering team"
 date: 2024-05-07
 draft: false
+section: Trunk and Tidbits
 categories:
 - Trunk and Tidbits
 - Engineering

diff --git a/content/posts/2024-06-12_trunk_and_tidbits-may_2024/index.md b/content/posts/2024-06-12_trunk_and_tidbits-may_2024/index.md
@@ -3,6 +3,7 @@ title: Trunk & Tidbits, May 2024
 description: "Updates from the core Mastodon engineering team for May 2024"
 date: 2024-06-12
 draft: false
+section: Trunk and Tidbits
 categories:
 - Trunk and Tidbits
 - Engineering

diff --git a/content/posts/2024-07-11_trunk_and_tidbits-june_2024/index.md b/content/posts/2024-07-11_trunk_and_tidbits-june_2024/index.md
@@ -3,6 +3,7 @@ title: "Trunk & Tidbits, June 2024"
 description: "Mastodon engineering team updates for June 2024"
 date: 2024-07-11
 draft: false
+section: Trunk and Tidbits
 categories:
 - Trunk and Tidbits
 - Engineering

diff --git a/content/posts/2024-08-09_trunk_and_tidbits-july_2024/index.md b/content/posts/2024-08-09_trunk_and_tidbits-july_2024/index.md
@@ -3,6 +3,7 @@ title: "Trunk & Tidbits, July 2024"
 description: "The latest updates from the Mastodon engineering team, for progress made in July 2024"
 date: 2024-08-12
 draft: false
+section: Trunk and Tidbits
 categories:
 - Trunk and Tidbits
 - Engineering

diff --git a/content/posts/2024-09-09_trunk_and_tidbits-august_2024/index.md b/content/posts/2024-09-09_trunk_and_tidbits-august_2024/index.md
@@ -3,6 +3,7 @@ title: "Trunk & Tidbits, August 2024"
 description: "Updates, news, and code changes from the Mastodon engineering team, for August 2024. The 4.3 beta is here!"
 date: 2024-09-09
 draft: false
+section: Trunk and Tidbits
 categories:
 - Trunk and Tidbits
 - Engineering

diff --git a/content/posts/2024-10-09_trunk_and_tidbits-september_2024/index.md b/content/posts/2024-10-09_trunk_and_tidbits-september_2024/index.md
@@ -2,6 +2,7 @@
 title: "Trunk & Tidbits, September 2024"
 description: "Engineering updates from the Mastodon team for September 2024. Behind-the-scenes of the 4.3 release."
 date: 2024-10-10
+section: Trunk and Tidbits
 categories:
 - Trunk and Tidbits
 - Engineering
@@ -46,7 +47,7 @@ Here’s a look at some key updates:
 - {{< feature-label name="new feature" >}} You can now allow domains to credit you in link previews using `fediverse:creator`. This setting is available in your account settings under **Profile > Verification** and is federated using a new `attributionDomains` property in the [ActivityPub profile object](https://docs.joinmastodon.org/spec/activitypub/#properties-used-1). Learn more in [the blog post](https://blog.joinmastodon.org/2024/07/highlighting-journalism-on-mastodon/). {{< github-pr id=31819 authors="gargron" >}}
 - {{< feature-label name="interface" >}} The media viewer has been improved. The alt badge can now be clicked to read the text, the show/hide button is  more explicit, the styling has been slightly adjusted, and the media tab in profiles has a fresh look. {{< github-pr id=31807 authors="gargron" >}} {{< github-pr id=31852 authors="gargron" >}} {{< github-pr id=32058 authors="gargron" >}} {{< github-pr id=319672 authors="gargron" >}}
 - {{< feature-label name="new feature" >}} You can now reorder media in the post composer via drag-and-drop. {{< github-pr id=32093 authors="gargron" >}}
-- {{< feature-label name="admin" >}} Redis Sentinel is now fully supported. Thanks to @[gmemstr](https://github.com/gmemstr) for the initial work {{< github-pr id=26571 authors="gmemstr" >}} and @[ThisIsMissEm](https://github.com/ThisIsMissEm) for the streaming improvements that enabled this {{< github-pr id=31623 authors="ThisIsMissEm" >}}. {{< github-pr id=31744 authors="oneiros" >}} {{< github-pr id=31767 authors="oneiros" >}} {{< github-pr id=31768 authors="oneiros" >}} 
+- {{< feature-label name="admin" >}} Redis Sentinel is now fully supported. Thanks to @[gmemstr](https://github.com/gmemstr) for the initial work {{< github-pr id=26571 authors="gmemstr" >}} and @[ThisIsMissEm](https://github.com/ThisIsMissEm) for the streaming improvements that enabled this {{< github-pr id=31623 authors="ThisIsMissEm" >}}. {{< github-pr id=31744 authors="oneiros" >}} {{< github-pr id=31767 authors="oneiros" >}} {{< github-pr id=31768 authors="oneiros" >}}
 - {{< feature-label name="interface" >}} If an instance administrator enables image processing using `libvips` (we recommend it!), link preview images can now be up to 8MB, up from the previous 2MB limit. {{< github-pr id=31904 authors="ClearlyClaire" >}}
 - {{< feature-label name="interface" >}} Embedded posts now use the same components as the main Web UI, ensuring a consistent design. We've also improved the embed code in case the JavaScript fails to load, and updated the "Get Embed Code" modal. {{< github-pr id=31801 authors="gargron" >}} {{< github-pr id=31766 authors="gargron" >}}
 - {{< feature-label name="new feature" >}} Grouped notifications are now enabled for all users. We’ve also stabilized the API for grouped notifications, and encourage client developers to implement support for it. The backend also now supports grouping follow notifications, but this is not yet available in the Web UI. {{< github-pr id=31840 authors="ClearlyClaire" >}} {{< github-pr id=31929 authors="ClearlyClaire" >}} {{< github-pr id=32805 authors="renchap" >}}

diff --git a/content/posts/2024-11-12_trunk_and_tidbits-october_2024/index.md b/content/posts/2024-11-12_trunk_and_tidbits-october_2024/index.md
@@ -2,6 +2,7 @@
 title: "Trunk & Tidbits, October 2024"
 description: "Engineering updates from the Mastodon core team, October 2024. Initial updates post-4.3, a new team member, and lots of community news."
 date: 2024-11-13
+section: Trunk and Tidbits
 categories:
 - Trunk and Tidbits
 - Engineering

diff --git a/content/posts/2024-12-11_trunk_and_tidbits-november_2024/index.md b/content/posts/2024-12-11_trunk_and_tidbits-november_2024/index.md
@@ -2,6 +2,7 @@
 title: "Trunk & Tidbits, November 2024"
 description: "Mastodon core team technical updates for November 2024: the latest point releases, progress on Fediscovery, FOSDEM planning, and projects from the developer community."
 date: 2024-12-11
+section: Trunk and Tidbits
 categories:
 - Trunk and Tidbits
 - Engineering

diff --git a/content/posts/2025-01-10_trunk_and_tidbits-december_2024/index.md b/content/posts/2025-01-10_trunk_and_tidbits-december_2024/index.md
@@ -2,6 +2,7 @@
 title: "Trunk & Tidbits, December 2024"
 description: "The latest engineering updates from the Mastodon team technical updates covering December 2024: including Fediscovery, FOSDEM... and, holidays."
 date: 2025-01-10
+section: Trunk and Tidbits
 categories:
 - Trunk and Tidbits
 - Engineering

diff --git a/themes/mastodon/assets/css/styles.css b/themes/mastodon/assets/css/styles.css
@@ -32,3 +32,11 @@
 .features-list ul li {
   list-style: none;
 }
+
+div.tandt {
+  display: block;
+  font-weight: bold;
+  font-size: 1.25rem;
+  color: #1a202c;
+  margin-bottom: 1rem;
+}
diff --git a/themes/mastodon/layouts/_default/summary.html b/themes/mastodon/layouts/_default/summary.html
@@ -7,6 +7,8 @@
 
       {{ range .Params.categories }}
         <span class="relative z-10 rounded-full bg-nightshade-50 text-nightshade-900 px-3 py-1.5 font-medium">{{ . }}</span>
+      {{ else }}
+        <span class="relative z-10 rounded-full bg-nightshade-50 text-nightshade-900 px-3 py-1.5 font-medium">Uncategorized</span>
       {{ end }}
     </div>
 

diff --git a/themes/mastodon/layouts/home.html.html b/themes/mastodon/layouts/home.html.html
@@ -0,0 +1,47 @@
+{{ define "content" }}
+  {{ partial "header.html" }}
+  {{ $pages := .Paginate (where site.RegularPages ".Params.section" "ne" "Trunk and Tidbits") 9 }}
+  {{ $trunk_and_tidbits_pages := where site.RegularPages ".Params.section" "eq" "Trunk and Tidbits" }}
+
+  <div class="mx-auto mt-10 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 border-t border-gray-200 pt-10 sm:mt-16 sm:pt-16 lg:mx-0 lg:max-w-none lg:grid-cols-3 h-feed">
+    {{ if not $pages.HasPrev }}
+      {{ range first 1 $pages.Pages }}
+        {{ .Render "featured" }}
+      {{ end }}
+
+      <div class="col-start-3 row-start-2 space-y-4">
+        <div class="tandt">Trunk & Tidbits (code blog)</div>
+        {{ range first 8 $trunk_and_tidbits_pages }}
+          <a href="{{ .RelPermalink }}" class="group block h-entry u-url" rel="bookmark">
+            <h3 class="w-full text-md font-semibold leading-6 text-gray-900 group-hover:text-blurple-500 p-name"></h3>
+              &nbsp;🗓️&nbsp;&nbsp; {{ .Title | replaceRE "^Trunk & Tidbits, " "Update, " }}</h3>
+            <div class="mt-2 w-full flex items-center gap-x-4">
+              <time class="text-xs text-gray-500 dt-published" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">
+                {{ .Date.Format "Jan 2, 2006" }}
+              </time>
+              <div class="flex items-center gap-x-2">
+                {{ if or (isset .Params "author") (isset .Params "authors") }}
+                  {{ range default (slice .Params.author) .Params.authors }}
+                    <div class="h-4 w-4 rounded-full bg-blurple-gradient relative overflow-hidden">
+                      {{ with (index $.Site.Data.authors .).image }}<img src="{{ . | absURL }}" alt="" class="absolute w-full h-full object-cover">{{ end }}
+                    </div>
+                  {{ end }}
+                {{ end }}
+              </div>
+            </div>
+          </a>
+        {{ end }}
+      </div>
+
+      {{ range after 1 $pages.Pages }}
+        {{ .Render "summary" }}
+      {{ end }}
+    {{ else }}
+      {{ range first 9 $pages.Pages }}
+        {{ .Render "summary" }}
+      {{ end }}
+    {{ end }}
+  </div>
+
+  {{ partial "pagination.html" $pages }}
+{{ end }}