Update March writing.

Author: simi

README.md

@@ -3,7 +3,7 @@
 ## start "dev server"
 
 ```
-npx --yes chokidar-cli "**/*.{erb,json,md,rb}" -c "ruby generate.rb"
+npx --yes chokidar-cli "**/*.{erb,json,md,rb,ebr}" -c "ruby generate.rb"
 ```
 
 ## build

_post.html.erb

@@ -6,10 +6,10 @@
     <span class="avatar-text-group">
       By
       <img
-          id="avatar-photo"
-          src="<%= @writing[:author_avatar_url] %>"
-          />
-          <%= @writing[:author] %> — <%= @writing[:released_at] %> — <%= @writing[:place] %>
+        id="avatar-photo"
+        src="<%= @writing[:author_avatar_url] %>"
+      />
+      <a href="<%= @writing[:author_url] %>" target="_blank"><%= @writing[:author] %></a> — <%= @writing[:released_at] %> — <%= @writing[:place] %>
     </span>
     </p>
   </header>

css/writings.css

@@ -46,7 +46,7 @@
 
   --line-height-base: 1.5;
   --gap-base: 1.25rem;
-  --gap-large: 3.125rem;
+  --gap-large: 1.125rem;
 }
 
 * {
@@ -55,7 +55,7 @@
 
 body {
   font-family: var(--font-base);
-  font-size: 1.125rem;
+  font-size: 1.3rem;
   color: var(--color-text);
   background: var(--color-bg);
   line-height: 1.5;
@@ -136,7 +136,7 @@ pre {
   color: hsl(0, 0%, 40%);
 }
 
-.post-meta img {
+.post-meta img, img.avatar {
   width: 1.5em;
   height: 1.5em;
   border-radius: 50%;
@@ -145,6 +145,11 @@ pre {
   box-shadow: 0 0 0 2px black;
 }
 
+img.avatar {
+  position: relative;
+  top: 8px;
+}
+
 .avatar-text-group {
   display: inline-flex;
   align-items: center;
@@ -231,3 +236,24 @@ pre {
   color: hsl(0, 0%, 40%);
   font-size: var(--font-size-meta);
 }
+
+hr {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+}
+hr:before {
+  content: "";
+  background: transparent url("../assets/img/divider.svg") no-repeat center;
+  width: 10.4rem;
+  height: 2.8rem;
+}
+
+ul {
+  list-style: none;       /* hide default bullets */
+  padding-left: 1.2em;    /* space for the arrow */
+}
+ul li::marker {
+  content: "→ ";
+}

generate.rb

@@ -1,16 +1,18 @@
 require 'bundler/inline'
 
-gemfile do
+gemfile(true) do
   gem "json"
   gem "erb"
   gem "kramdown"
+  gem "nokogiri"
 end
 
 require 'json'
 require 'erb'
 require 'date'
 require 'fileutils'
 require 'kramdown'
+require 'nokogiri'
 
 # Load writings.json
 writings_data = JSON.parse(File.read('writings.json'))
@@ -27,6 +29,7 @@
     slug: w['slug'],
     published_at: w['published_at'],
     author: w['author'],
+    author_url: w['author_url'],
     author_avatar_url: w['author_avatar_url'],
     place: w['place']
   }
@@ -59,6 +62,17 @@
   # Now inject post content into layout
   full_html = ERB.new(layout_template).result(binding)
 
+  # Outside links to new window
+  full_html = Nokogiri::HTML.fragment(full_html).tap do |doc|
+    doc.css('a').each do |node|
+      node['href'] ||= '#'
+      # Add attributes to external links only:
+      if node['href'] =~ %r{\A(?:\w+:)?//}
+        node['target'] = '_blank'
+        node['rel'] = 'nofollow noopener'
+      end
+    end
+  end.to_html
   # Write to file
   File.write("writings/#{w[:slug]}.html", full_html)
   puts "Generated writings/#{w[:slug]}.html"

md/popular-gems-1.md

@@ -66,8 +66,8 @@ <h1>Latest writings</h1>
   <ul class="post-list">
 
     <li>
-      <a href="writings/popular-gems-1.html">Helping Popular RubyGems Stay Healthy</a>
-      <time datetime="2025-06-15">June 15, 2025</time>
+      <a href="writings/2025-03-we-love-ruby-march-2025.html">We ❤️ Ruby — March 2025: Our First Deep Dive into the RubyGems.org Ecosystem</a>
+      <time datetime="2025-08-11">August 11, 2025</time>
     </li>
 
   </ul>

writings.html

@@ -1,11 +1,12 @@
 [
   {
     "source": "md/popular-gems-1.md",
-    "title": "Helping Popular RubyGems Stay Healthy",
-    "published_at": "15.6.2025",
-    "slug": "popular-gems-1",
+    "title": "We ❤️ Ruby — March 2025: Our First Deep Dive into the RubyGems.org Ecosystem",
+    "published_at": "11.8.2025",
+    "slug": "2025-03-we-love-ruby-march-2025",
     "author": "simi",
     "author_avatar_url": "https://avatars.githubusercontent.com/u/193936?v=4",
+    "author_url": "https://github.com/simi",
     "place": "Praha, Žižkov"
   }
 ]