feat: host tv + movies

src/_includes/partials/home/posts.liquid

@@ -23,6 +23,6 @@
   </article>
   {% endfor %}
   {% if postType != 'featured' %}
-    <a class="link-arrow flex-centered" href="/posts">View all posts {% tablericon "arrow-right" "View all posts" %}</a>
+    <a class="link-icon flex-centered" href="/posts">View all posts {% tablericon "arrow-right" "View all posts" %}</a>
   {% endif %}
 </div>

src/_includes/partials/watching/favorites-grid.liquid

@@ -0,0 +1,23 @@
+{% if favorites.size > 0 %}
+  <div class="watching grid">
+    {% for favorite in favorites limit: count %}
+      {% capture alt %}{{ favorite.title | escape }} ({{ favorite.year }}){% endcapture %}
+      <a href="{{ favorite.url }}">
+        <div class="watching item shadow">
+          <div class="meta-text">
+            {% if favorite.type == 'movie' %}
+              <div class="header">{{ favorite.title }}</div>
+              <div class="subheader">{{ favorite.year }}</div>
+            {% else %}
+              <div class="header">{{ favorite.name }}</div>
+            {% endif %}
+          </div>
+          {%- capture loadingStrategy -%}
+            {%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
+          {%- endcapture -%}
+          <img src="https://coryd.dev/.netlify/images/?url={{ favorite.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=75" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" width="256" height="144" />
+        </div>
+      </a>
+    {% endfor %}
+  </div>
+{% endif %}

src/_includes/partials/watching/hero.liquid

@@ -0,0 +1,7 @@
+{% capture alt %}{{ movie.title | escape }} ({{ movie.year }}){% endcapture %}
+<a href="{{ movie.url }}">
+  <div class="watching hero shadow">
+    <span>{{ movie.title }} ({{ movie.year }})</span>
+    <img src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1200&h=675&fm=webp&q=75" alt="{{ alt }}" loading="eager" decoding="async" width="1200" height="765" />
+  </div>
+</a>