Fix article header image and language description (#4238)

A couple touch ups for `homepage` and `language#show`

Author: veganstraightedge

app/assets/stylesheets/2025/alerts.css

@@ -0,0 +1,15 @@
+/*
+Alerts
+https://getbootstrap.com/docs/5.3/components/alerts/
+*/
+
+.alert p:last-child { margin-bottom: 0; }
+
+.alert-primary   a { color: var(--bs-primary-text-emphasis); }
+.alert-secondary a { color: var(--bs-secondary-text-emphasis); }
+.alert-success   a { color: var(--bs-success-text-emphasis); }
+.alert-info      a { color: var(--bs-info-text-emphasis); }
+.alert-warning   a { color: var(--bs-warning-text-emphasis); }
+.alert-danger    a { color: var(--bs-danger-text-emphasis); }
+.alert-light     a { color: var(--bs-light-text-emphasis); }
+.alert-dark      a { color: var(--bs-dark-text-emphasis); }

app/assets/stylesheets/2025/lead.css

@@ -7,3 +7,8 @@ https://getbootstrap.com/docs/5.3/content/typography/#lead
 .lead {
   font-weight: normal;
 }
+
+/* make .lead links a little bolder for better visibility */
+.lead a {
+  font-weight: 500;
+}

app/assets/stylesheets/2025/links.css

@@ -20,8 +20,3 @@ a:active {
 .underlined-links a {
   text-decoration: underline;
 }
-
-/* make .lead links a little bolder for better visibility */
-.lead a {
-  font-weight: 500;
-}

app/views/2025/articles/_header_image.html.erb

@@ -0,0 +1,11 @@
+<%# locals: (article:) %>
+
+<% if article.image.present? %>
+  <figure class='text-secondary'>
+    <%= link_to image_tag(article.image, class: 'u-photo mb-2', alt: article.image_description, loading: :lazy), article.path %>
+
+    <% if article.image_description.present? %>
+      <figcaption><%= render_markdown article.image_description %></figcaption>
+    <% end %>
+  </figure>
+<% end %>

app/views/2025/home/sections/_article.html.erb

@@ -2,7 +2,7 @@
 
 <article class='row mb-3'>
   <div class='col-12 col-md-4 col-lg-6 order-md-<%= image_class %>'>
-    <%= render_markdown "[[#{article.image} #{article.path} #{article.image_description}]]" %>
+    <%= render_themed 'articles/header_image', article: article %>
   </div><!-- /.col-6 -->
 
   <div class='col-12 col-md-8 col-lg-6 order-md-<%= text_class %>'>
@@ -15,6 +15,10 @@
       <%= render_markdown article.lede %>
     </div><!-- /.col-6 -->
 
-    <p class='text-uppercase text-end'><%= link_to 'Keep reading →', article.path %></p>
+    <p class='text-uppercase text-end'>
+      <%= link_to article.path do %>
+        <%= tt :keep_reading %> →
+      <% end %>
+    </p>
   </div><!-- /.row -->
 </article>

app/views/2025/languages/show.html.erb

@@ -16,11 +16,11 @@
       <%= @locale.name %>
 
       <% unless @locale.english? %>
-        (<%= @locale.name_in_english %>)
+        <span class='fw-normal text-secondary'>(<%= @locale.name_in_english %>)</span>
       <% end %>
 
       <small>
-        <%= link_to tt(:rss), [:feed, lang: @locale.abbreviation] %>
+        <%= link_to tt(:rss), [:feed, lang: @locale.abbreviation], class: 'text-secondary' %>
       </small>
     </h1>
   </header>
@@ -36,15 +36,7 @@
       <article class='h-entry mb-5 pb-3'>
         <div class='row'>
           <div class='col-md-6 col-lg-5 col-xl-4'>
-            <% if article.image.present? %>
-              <figure class='text-secondary'>
-                <%= link_to image_tag(article.image, class: 'u-photo mb-2', alt: article.image_description, loading: :lazy), article.path %>
-
-                <% if article.image_description.present? %>
-                  <figcaption><%= render_markdown article.image_description %></figcaption>
-                <% end %>
-              </figure>
-            <% end %>
+            <%= render_themed 'articles/header_image', article: article %>
           </div>
 
           <div class='col-md-6 col-lg-7 col-xl-8'>

app/views/layouts/2025/_stylesheets.html.erb

@@ -15,6 +15,8 @@
 stylesheet_partials = %w[
   vendor/bootstrap
   bootstrap-overrides
+
+  alerts
   buttons
   fonts
   headings

config/locales/en/2025.yml

@@ -61,6 +61,7 @@ en:
     ex_workers_collection:   Ex-Workers’ Collection
     featured_books:          Featured books
     just_published:          Just published
+    keep_reading:            Keep reading
     latest_article:          Latest article
     latest_podcast_episode:  Latest podcast episode
     learn_more:              Learn more