chore: metadata display consistency

config/filters/index.js

@@ -149,8 +149,9 @@ export default {
   },
 
   // media
-  normalizeMedia: (media) =>
-    media.map((item) => {
+  normalizeMedia: (media, limit) => {
+    const mediaData = limit ? media.slice(0, limit) : media
+    return mediaData.map((item) => {
       let normalized = {
         image: item['image'],
         url: item['url'],
@@ -176,7 +177,7 @@ export default {
         normalized['alt'] = item['title']
         normalized['rating'] = item['rating']
         normalized['favorite'] = item['favorite']
-        normalized['subtext'] = item['rating']
+        normalized['subtext'] = `${item['rating']} (${item['year']})`
       }
       if (item.type === 'book') {
         normalized['title'] = `${item['title']} by ${item['author']}`
@@ -194,7 +195,8 @@ export default {
         normalized['subtext'] = item['subtext']
       }
       return normalized
-    }),
+    })
+  },
   calculatePlayPercentage: (plays, mostPlayed) => `${plays/mostPlayed * 100}%`,
   listToString: (items, key, count = 10) => {
     const itemData = items.slice(0, count)

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "21.4.7",
+  "version": "21.4.8",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "21.4.7",
+      "version": "21.4.8",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "21.4.7",
+  "version": "21.4.8",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {

src/includes/partials/media/grid.liquid

@@ -1,7 +1,7 @@
 {%- assign hidePagination = count or data.pages.size <= 1 -%}
-{%- assign media = data.items | default: data | normalizeMedia -%}
+{%- assign media = data.items | default: data | normalizeMedia: count -%}
 <div class="media-grid {% if shape == 'square' -%}square{%- else -%}vertical{%- endif -%}">
-  {%- for item in media limit: count | default: media.size -%}
+  {%- for item in media | default: media.size -%}
     {%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %}
     {%- assign alt = item.alt | strip | escape -%}
     <a href="{{ item.url }}" title="{{ alt }}">

src/includes/partials/media/watching/grid.liquid

@@ -9,10 +9,10 @@
           {%- if item.type == 'movie' -%}
             <div class="header">{{ item.title }}</div>
             <div class="subheader flex-centered">
-              {{ item.year }}
               {%- if item.rating -%}
-                <span class="rating"> ({{ item.rating }})</span>
+                <span class="rating"> {{ item.rating }}</span>
               {%- endif -%}
+              ({{ item.year }})
             </div>
           {%- else -%}
             <div class="header">{{ item.name }}</div>

src/pages/dynamic/watching/movie.html

@@ -33,7 +33,14 @@ schema: movie
   />
   <div class="watching-meta">
     <p class="title"><strong>{{ movie.title }}</strong></p>
-    {% if movie.rating %}<p class="rating">{{ movie.rating }}</p>{% endif %}
+    <p>
+      {%- if movie.rating -%}
+        {{ movie.rating }}
+      {% endif -%}
+      {%- if movie.year %}
+        ({{ movie.year }})
+      {%- endif -%}
+    </p>
     {% if movie.lastWatched %}<p class="sub-meta">Last watched on {{ movie.lastWatched | date: "%B %e, %Y" }}</p>{% endif %}
     <p class="sub-meta"><a href="https://themoviedb.org/movie/{{ movie.id }}" title="View {{ movie.title | escape }} on TMDB">View on TMDB</a></p>
   </div>

src/pages/dynamic/watching/show.html

@@ -33,8 +33,8 @@ schema: show
     height="720"
   />
   <div class="watching-meta">
-    <p class="title"><strong>{{ show.title }}</strong></p>
-    {% if lastWatched %}<p class="sub-meta">Last watched on {{ lastWatched | date: "%B %e, %Y" }}</p>{% endif %}
+    <p class="title"><strong>{{ show.title }}</strong>{%- if show.year %} ({{ show.year }}){%- endif -%}</p>
+    {%- if lastWatched -%}<p class="sub-meta">Last watched on {{ lastWatched | date: "%B %e, %Y" }}</p>{%- endif -%}
     <p class="sub-meta"><a href="https://themoviedb.org/tv/{{ show.tmdb_id }}" title="View {{ show.title | escape }} on TMDB">View on TMDB</a></p>
   </div>
   {% if show.review %}