Add an obvious link to the collection

app/assets/stylesheets/card-perma.css

@@ -74,6 +74,10 @@
     }
   }
 
+  .card-perma__collection-header {
+    margin-block-end: 4ch;
+  }
+
   /* Child items
   /* ------------------------------------------------------------------------ */
 

app/views/cards/index.html.erb

@@ -6,10 +6,10 @@
   <%= render "cards/index/header", filter: @filter %>
 <% end %>
 
-<header class="margin-block-start-none margin-block-end">
-  <h1 class="txt-large overflow-ellipsis margin-none font-black">
+<header class="margin-block-end" style="view-transistion-name: card-colleciton-title">
+  <span class="txt-large overflow-ellipsis margin-none font-black">
     <span><%= filter_title @filter %></span>
-  </h1>
+  </span>
   <%= render "filters/settings", filter: @filter %>
 </header>
 

app/views/cards/show.html.erb

@@ -29,6 +29,12 @@
   </nav>
 <% end %>
 
+<header class="card-perma__collection-header">
+  <%= link_to cards_path(collection_ids: [ @card.collection ]), class: "txt-large overflow-ellipsis margin-none txt-ink", style: "view-transistion-name: card-colleciton-title" do %>
+    &larr; <strong class="font-black"><%= @card.collection.name %></strong>
+  <% end %>
+</header>
+
 <div data-controller="beacon" data-beacon-url-value="<%= card_reading_url(@card) %>">
   <%= render "cards/container", card: @card %>