From: Aidan Cornelius-Bell <aidan@cornelius-bell.com>
Date: Mon, 18 Nov 2024 06:42:45 +0000 (+1030)
Subject: Group posts by date with a heading and some divider spacing; some css tweaks
X-Git-Url: https://gitweb.mndrdr.org/?a=commitdiff_plain;h=96755040f62c24e148ec5c3216d643d09c9d622f;p=arelpe.git

Group posts by date with a heading and some divider spacing; some css tweaks
---

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 21cc74d..c40fba6 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -350,6 +350,14 @@ footer p {
     margin-right: 1px;
 }
 
+.lowlight a:active,
+.lowlight a:hover,
+.lowlight a:visited,
+.lowlight a {
+    color: var(--quote-bg);
+    text-decoration: none;
+}
+
 ul li {
     list-style: none;
     margin-left: 2em;
@@ -437,12 +445,23 @@ ul .pinned::before {
     font-size: 0.9em;
 }
 
-.bookmark-item {
-    padding-bottom: 15px;
+.bookmark-item,
+.dispatch-item {
+    margin-bottom: 1em;
 }
 
-.dispatch-item {
-    padding-bottom: 5px;
+.date-heading:first-of-type {
+    margin-top: 0em;
+    margin-bottom: 0.5em;
+    font-weight: 500;
+    color: var(--dark-text);
+}
+
+.date-heading {
+    margin-top: 2.5em;
+    margin-bottom: 0.5em;
+    font-weight: 500;
+    color: var(--dark-text);
 }
 
 table {
diff --git a/app/views/pubview/index.html.erb b/app/views/pubview/index.html.erb
index f2431e1..23e0232 100644
--- a/app/views/pubview/index.html.erb
+++ b/app/views/pubview/index.html.erb
@@ -14,32 +14,37 @@
 
 <div class="post">
   <ul class="container">
-	<% @items.each do |item| %>
-	  <li class="<%= item.post_type %>-item<%= if item.short_dispatch? then " thought-item" end %>">
-		<% if item.dispatch? %>
-		  <span class="post-link">
-			<%= link_to item.title, public_post_path(year: item.published_at.year, slug: item.slug) %>
-			<abbr title="internal link">&swarr;&#xFE0E;</abbr>
-		  </span>
-		  <span class="dash">&mdash;</span>
-		  <span class="meta">posted <%= item.published_at.strftime('%d/%m/%y') %>, tagged as <%= raw item.format_tags %></span>
-		  <% if item.short_dispatch? %>
-			<blockquote class="full-content">
-			  <%= raw item.rendered_content.html_safe %>
-			</blockquote>
-		  <% else %>
-		    <blockquote class="excerpt"><%= item.generate_excerpt %>...</blockquote>
-		  <% end %>
-		<% else %>
-		  <span class="post-link">
-			<%= link_to item.title, item.url, target: "_blank" %>
-			<abbr title="external link">&nearr;&#xFE0E;</abbr> <br><span class="comment-separator">&rdsh;</span> <span class="bookmark-comment"><%= item.content %></span>
-		  </span>
-		  <span class="dash">&mdash;</span>
-		  <span class="meta">added <%= item.created_at.strftime('%l:%M%P on %d/%m/%y') if item.created_at.present? %></span>
-		<% end %>
-	  </li>
-	<% end %>
+    <% @items.group_by { |item| item.respond_to?(:published_at) ? item.published_at.to_date : item.created_at.to_date }.each do |date, items| %>
+      <li class="date-heading">
+        From <%= date.strftime('%B %e, %Y') %>:
+      </li>
+      <% items.each do |item| %>
+        <li class="<%= item.post_type %>-item<%= if item.short_dispatch? then " thought-item" end %>">
+          <% if item.dispatch? %>
+            <span class="post-link">
+              <%= link_to item.title, public_post_path(year: item.published_at.year, slug: item.slug) %>
+              <abbr title="internal link">&swarr;&#xFE0E;</abbr>
+            </span>
+            <span class="dash">&mdash;</span>
+            <span class="meta">posted <%= item.published_at.strftime('%d/%m/%y') %>, tagged as <%= raw item.format_tags %></span>
+            <% if item.short_dispatch? %>
+              <blockquote class="full-content">
+                <%= raw item.rendered_content.html_safe %>
+              </blockquote>
+            <% else %>
+              <blockquote class="excerpt"><%= item.generate_excerpt %>...</blockquote>
+            <% end %>
+          <% else %>
+            <span class="post-link">
+              <%= link_to item.title, item.url, target: "_blank" %>
+              <abbr title="external link">&nearr;&#xFE0E;</abbr> <br><span class="comment-separator">&rdsh;</span> <span class="bookmark-comment"><%= item.content %></span>
+            </span>
+            <span class="dash">&mdash;</span>
+            <span class="meta">added <%= item.created_at.strftime('%l:%M%P on %d/%m/%y') if item.created_at.present? %> <span class="lowlight"><%= link_to "❧", "/#{item.updated_at.year}/#{item.slug}", title: "permalink" %></a></span>
+          <% end %>
+        </li>
+      <% end %>
+    <% end %>
   </ul>
 </div>
 
diff --git a/app/views/pubview/post.html.erb b/app/views/pubview/post.html.erb
index 44236aa..f71b8aa 100644
--- a/app/views/pubview/post.html.erb
+++ b/app/views/pubview/post.html.erb
@@ -5,11 +5,21 @@
   <% content_for :title, @post.title %>
   <% content_for :meta_description, "#{@post.generate_excerpt(150)}." %>
   <% content_for :meta_keywords, "#{@post.tags}" %>
+  <% if @post.post_type != "bookmark" %>
   <h1><%= @post.title %></h1>
   <%= link_to "↼ Back to some other dispatches...", "#{root_path}?filter=posts" %>
   <div class="postmeta">
 	<p>Posted <%= @post.published_at.strftime('%B %d, %Y') %> and tagged <%= raw @post.format_tags %> <% if !@post.short_dispatch?%>Reading Time: about <%= @reading_time %> minute(s).<% end %></p>
   </div>
+  <% else %>
+  <h1 style="margin-bottom: -.8em">Bookmark comment permalink:</h1>
+  <h3><%= @post.title %></h3>
+  <%= link_to "View original content", @post.url, class: "button" %>
+  <%= link_to "More from mind reader", "#{root_path}?filter=bookmarks", class: "button", target: "_BLANK" %>
+  <div class="postmeta">
+	<p>Originally bookmarked on mind reader on <%= @post.published_at.strftime('%B %d, %Y') %>.</p>
+  </div>
+  <% end %>
 </div>
 
 <div class="post">
@@ -21,6 +31,8 @@
   </div>
 </div>
 
+<% if @post.post_type != "bookmark" %>
 <div class="container" id="bottom">
   <%= render partial: "layouts/home_post_links" %>
 </div>
+<% end %>