chore: bigger pool for watching heros; truncate shares more

src/_includes/partials/media/watching/hero.liquid

@@ -3,7 +3,12 @@
   <div class="watching hero shadow">
     <div class="meta-text">
       <div class="header">{{ movie.title }} ({{ movie.year }})</div>
-      <div class="subheader">Last watched @ {{ movie.dateAdded | date: "%B %e, %Y" }}</div>
+      <div class="subheader">
+        Last watched @ {{ movie.dateAdded | date: "%B %e, %Y" }}
+        {%- if movie.rating -%}
+          <span class="rating">({{ movie.rating }})</span>
+        {%- endif -%}
+      </div>
     </div>
     <img
       srcset="

src/assets/styles/pages/watching.css

@@ -19,6 +19,9 @@
       left: var(--sizing-sm);
       bottom: var(--sizing-lg);
       z-index: 2;
+      display: flex;
+      flex-direction: column;
+      gap: var(--sizing-xs);
 
       & .header {
         font-weight: var(--font-weight-bold);
@@ -26,6 +29,7 @@
 
       & .subheader {
         font-size: var(--font-size-sm);
+        display: inline-flex;
         gap: var(--sizing-xs)
       }
 

src/pages/main/watching/index.html

@@ -6,7 +6,7 @@ permalink: "/watching/index.html"
 updated: "now"
 schema: watching
 ---
-{% assign featuredMovie = movies.favorites | featuredWatching: 1 | first %}
+{% assign featuredMovie = movies.recentlyWatched | featuredWatching: 1 | first %}
 <h2 class="watching page-header">{{ title }}</h2>
 {% render "partials/media/watching/hero.liquid" movie:featuredMovie %}
 <p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion. You can also take a look at the <a href="/watching/movies-to-watch">movies</a> and <a href="/watching/shows-to-watch">shows</a> I'm planning to watch.</p>