cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: tables + icons

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-02 20:41:09 -07:00
parent 0a80ff3dff
commit 86205fd7e2
No known key found for this signature in database
45 changed files with 117 additions and 102 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "1.0.3", "version": "1.0.4",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "1.0.3", "version": "1.0.4",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.5.0", "@cdransf/api-text": "^1.5.0",
@ -18,7 +18,7 @@
"devDependencies": { "devDependencies": {
"@11ty/eleventy": "v3.0.0", "@11ty/eleventy": "v3.0.0",
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
"@cdransf/eleventy-plugin-tabler-icons": "^1.17.0", "@cdransf/eleventy-plugin-tabler-icons": "^2.0.3",
"@supabase/supabase-js": "^2.45.4", "@supabase/supabase-js": "^2.45.4",
"autoprefixer": "^10.4.20", "autoprefixer": "^10.4.20",
"cssnano": "^7.0.6", "cssnano": "^7.0.6",
@ -375,9 +375,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/@cdransf/eleventy-plugin-tabler-icons": { "node_modules/@cdransf/eleventy-plugin-tabler-icons": {
"version": "1.17.0", "version": "2.0.3",
"resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-1.17.0.tgz", "resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-2.0.3.tgz",
"integrity": "sha512-oA8etyNolfjBHQdNKEYUSP69b0hVgWtWJCArbae25BqLBAVpbDdoqjw/IifFFKxeIs1VqI3B5lSC9Eg+ug56QQ==", "integrity": "sha512-5wQqv/xwD6E/NrD1yh/XCnBBjE9k5SkYAUB2hxWXw/gtmph+RmNCjZJWvtelMgtfGTwlxAtRDIMIorlUYuxUeQ==",
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },

4
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "1.0.3", "version": "1.0.4",
"description": "The source for my personal site. Built using 11ty (and other tools).", "description": "The source for my personal site. Built using 11ty (and other tools).",
"type": "module", "type": "module",
"scripts": { "scripts": {
@ -31,7 +31,7 @@
"devDependencies": { "devDependencies": {
"@11ty/eleventy": "v3.0.0", "@11ty/eleventy": "v3.0.0",
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
"@cdransf/eleventy-plugin-tabler-icons": "^1.17.0", "@cdransf/eleventy-plugin-tabler-icons": "^2.0.3",
"@supabase/supabase-js": "^2.45.4", "@supabase/supabase-js": "^2.45.4",
"autoprefixer": "^10.4.20", "autoprefixer": "^10.4.20",
"cssnano": "^7.0.6", "cssnano": "^7.0.6",

39
src/assets/styles/base/index.css
View file

@ -224,20 +224,24 @@ hr {
/* tables */ /* tables */
table { table {
overflow-x: auto; display: block;
width: 100%;
border: var(--border-gray); border: var(--border-gray);
border-radius: var(--border-radius-slight); border-radius: var(--border-radius-slight);
overflow-x: scroll;
white-space: nowrap; white-space: nowrap;
caption-side: bottom; caption-side: bottom;
overscroll-behavior: none; overscroll-behavior: none;
} }
table,
tr {
width: 100%;
}
table, table,
th, th,
td { td {
border-collapse: collapse; border-collapse: collapse;
width: 100%;
} }
:is(th, td):not(:first-child, :last-child) { :is(th, td):not(:first-child, :last-child) {
@ -252,9 +256,7 @@ tr:not(:last-child) {
th, th,
td { td {
padding: var(--spacing-sm); padding: var(--spacing-sm);
min-width: max-content;
word-break: break-word; word-break: break-word;
width: 100%;
&:first-child { &:first-child {
position: sticky; position: sticky;
@ -276,11 +278,30 @@ td {
} }
} }
th {
font-weight: var(--font-weight-bold);
background-color: var(--gray-lighter);
text-align: left;
}
th:first-child,
td:first-child {
position: sticky;
left: 0;
white-space: nowrap;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}
td { td {
min-width: calc(var(--spacing-3xl) * 2); min-width: calc(var(--spacing-3xl) * 2);
white-space: nowrap;
overflow: hidden;
&:first-child { &:first-child {
background-color: var(--background-color); background: var(--background-color);
width: 100%;
} }
} }
@ -289,12 +310,6 @@ td:first-of-type,
border-inline-start: none; border-inline-start: none;
} }
th {
font-weight: var(--font-weight-bold);
background-color: var(--gray-lighter);
text-align: left;
}
/* header */ /* header */
.main-title { .main-title {
width: 100%; width: 100%;

12
src/includes/partials/blocks/associated-media.liquid
View file

@ -2,7 +2,7 @@
{% comment %} render related artists {% endcomment %} {% comment %} render related artists {% endcomment %}
{%- if artists -%} {%- if artists -%}
<p id="artists" class="music"> <p id="artists" class="music">
{% tablericon "headphones" "Related artist(s)" %} {% tablericon "headphones" %}
Related artist(s) Related artist(s)
</p> </p>
<ul> <ul>
@ -22,7 +22,7 @@
{% comment %} render related books {% endcomment %} {% comment %} render related books {% endcomment %}
{%- if books -%} {%- if books -%}
<p id="books" class="books"> <p id="books" class="books">
{% tablericon "books" "Related book(s)" %} {% tablericon "books" %}
Related book(s) Related book(s)
</p> </p>
<ul> <ul>
@ -35,7 +35,7 @@
{% comment %} render related genres {% endcomment %} {% comment %} render related genres {% endcomment %}
{%- if genres -%} {%- if genres -%}
<p id="genres" class="music"> <p id="genres" class="music">
{% tablericon "headphones" "Genre(s)" %} {% tablericon "headphones" %}
Related genre(s) Related genre(s)
</p> </p>
<ul> <ul>
@ -48,7 +48,7 @@
{% comment %} render related movies {% endcomment %} {% comment %} render related movies {% endcomment %}
{%- if movies -%} {%- if movies -%}
<p id="movies" class="movies"> <p id="movies" class="movies">
{% tablericon "movie" "Related movie(s)" %} {% tablericon "movie" %}
Related movie(s) Related movie(s)
</p> </p>
<ul> <ul>
@ -61,7 +61,7 @@
{% comment %} render related posts {% endcomment %} {% comment %} render related posts {% endcomment %}
{%- if posts -%} {%- if posts -%}
<p id="posts" class="article"> <p id="posts" class="article">
{% tablericon "article" "Related post(s)" %} {% tablericon "article" %}
Related post(s) Related post(s)
</p> </p>
<ul> <ul>
@ -74,7 +74,7 @@
{% comment %} render related shows {% endcomment %} {% comment %} render related shows {% endcomment %}
{%- if shows -%} {%- if shows -%}
<p id="tv" class="tv"> <p id="tv" class="tv">
{% tablericon "device-tv-old" "Related show(s)" %} {% tablericon "device-tv-old" %}
Related show(s) Related show(s)
</p> </p>
<ul> <ul>

2
src/includes/partials/blocks/banners/error.liquid
View file

@ -1,3 +1,3 @@
<div class="banner error"> <div class="banner error">
<p>{% tablericon "alert-circle" "Error" %}{{ text }}</p> <p>{% tablericon "alert-circle" %}{{ text }}</p>
</div> </div>

2
src/includes/partials/blocks/banners/github.liquid
View file

@ -1,3 +1,3 @@
<div class="banner github"> <div class="banner github">
<p>{% tablericon "brand-github" "GitHub repository" %}Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (Give it a star if you feel like it.)</p> <p>{% tablericon "brand-github" %}Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (Give it a star if you feel like it.)</p>
</div> </div>

2
src/includes/partials/blocks/banners/npm.liquid
View file

@ -1,3 +1,3 @@
<div class="banner npm"> <div class="banner npm">
<p>{% tablericon "brand-npm" "NPM package" %}<a href="{{ url }}">You can take a look at this package on NPM</a> or install it by running <code>{{ command }}</code>.</p> <p>{% tablericon "brand-npm" %}<a href="{{ url }}">You can take a look at this package on NPM</a> or install it by running <code>{{ command }}</code>.</p>
</div> </div>

2
src/includes/partials/blocks/banners/old-post.liquid
View file

@ -1,6 +1,6 @@
{%- assign isOldPost = date | oldPost -%} {%- assign isOldPost = date | oldPost -%}
{%- if isOldPost -%} {%- if isOldPost -%}
<div class="banner old-post"> <div class="banner old-post">
<p>{% tablericon "clock-x" "Old post" %}This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p> <p>{% tablericon "clock-x" %}This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p>
</div> </div>
{%- endif -%} {%- endif -%}

2
src/includes/partials/blocks/banners/rss.liquid
View file

@ -1,3 +1,3 @@
<div class="banner rss"> <div class="banner rss">
<p>{% tablericon "rss" "RSS feed" %}<a href="{{ url }}">{{ text }}</a>.</p> <p>{% tablericon "rss" %}<a href="{{ url }}">{{ text }}</a>.</p>
</div> </div>

2
src/includes/partials/blocks/banners/warning.liquid
View file

@ -1,3 +1,3 @@
<div class="banner warning"> <div class="banner warning">
<p>{% tablericon "alert-triangle" "Warning" %}{{ text }}</p> <p>{% tablericon "alert-triangle" %}{{ text }}</p>
</div> </div>

4
src/includes/partials/blocks/modal.liquid
View file

@ -1,6 +1,6 @@
{%- capture labelContent -%} {%- capture labelContent -%}
{%- if icon -%} {%- if icon -%}
{% tablericon icon label %} {% tablericon icon %}
{%- elsif label -%} {%- elsif label -%}
{{ label }} {{ label }}
{%- endif -%} {%- endif -%}
@ -11,7 +11,7 @@
<div class="modal-wrapper"> <div class="modal-wrapper">
<div class="modal-body"> <div class="modal-body">
<label class="modal-close" for="{{ id }}"> <label class="modal-close" for="{{ id }}">
{% tablericon "circle-x" "Close modal" %} {% tablericon "circle-x" %}
</label> </label>
{{ content }} {{ content }}
</div> </div>

2
src/includes/partials/home/recent-activity.liquid
View file

@ -5,7 +5,7 @@
{%- assign link = links | first -%} {%- assign link = links | first -%}
<article> <article>
<h2> <h2>
{% tablericon "activity" "Recent activity" %} {% tablericon "activity" %}
Recent activity Recent activity
</h2> </h2>
<ul> <ul>

6
src/includes/partials/home/recent-posts.liquid
View file

@ -1,11 +1,11 @@
<h2> <h2>
{% tablericon "clock" "Recent posts" %} {% tablericon "clock" %}
Recent posts Recent posts
</h2> </h2>
{%- for post in posts limit: 5 -%} {%- for post in posts limit: 5 -%}
<article> <article>
<div class="post-meta"> <div class="post-meta">
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%} {%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
<time datetime="{{ post.date }}"> <time datetime="{{ post.date }}">
{{ post.date | date: "%B %e, %Y" }} {{ post.date | date: "%B %e, %Y" }}
</time> </time>
@ -16,4 +16,4 @@
{{ post.description | normalize_whitespace | markdown | truncatewords: 50 }} {{ post.description | normalize_whitespace | markdown | truncatewords: 50 }}
</article> </article>
{%- endfor -%} {%- endfor -%}
<a class="icon-link" href="/posts">View all posts {% tablericon "arrow-right" "View all posts" %}</a> <a class="icon-link" href="/posts">View all posts {% tablericon "arrow-right" %}</a>

4
src/includes/partials/nav/link.liquid
View file

@ -2,7 +2,7 @@
{%- if categoryUrl | isLinkActive: page.url -%} {%- if categoryUrl | isLinkActive: page.url -%}
<span class="active {{ class }}" aria-current="page"> <span class="active {{ class }}" aria-current="page">
{%- if icon -%} {%- if icon -%}
{% tablericon icon title %} {% tablericon icon %}
<span>{{ title }}</span> <span>{{ title }}</span>
{%- else -%} {%- else -%}
{{ title }} {{ title }}
@ -11,7 +11,7 @@
{%- else -%} {%- else -%}
<a class="{% if icon %}{{ icon | downcase }} icon {% endif %}{{ class }}" href="{{ categoryUrl }}" rel="me"> <a class="{% if icon %}{{ icon | downcase }} icon {% endif %}{{ class }}" href="{{ categoryUrl }}" rel="me">
{%- if icon -%} {%- if icon -%}
{% tablericon icon title %} {% tablericon icon %}
<span>{{ title }}</span> <span>{{ title }}</span>
{%- else -%} {%- else -%}
{{ title }} {{ title }}

2
src/includes/partials/nav/linked-icon.liquid
View file

@ -4,5 +4,5 @@
rel="me" rel="me"
title="{{ title }}" title="{{ title }}"
tabindex="0"> tabindex="0">
{% tablericon icon title %} {% tablericon icon %}
</a> </a>

4
src/includes/partials/nav/menu.liquid
View file

@ -1,8 +1,8 @@
<menu> <menu>
<input id="menu-toggle" type="checkbox" aria-hidden="true" /> <input id="menu-toggle" type="checkbox" aria-hidden="true" />
<label class="menu-button-container" for="menu-toggle" tabindex="0"> <label class="menu-button-container" for="menu-toggle" tabindex="0">
<div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" "Menu closed" %}</div> <div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" %}</div>
<div class="menu-open" aria-hidden="true">{% tablericon "circle-x" "Menu open" %}</div> <div class="menu-open" aria-hidden="true">{% tablericon "circle-x" %}</div>
</label> </label>
<ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation"> <ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
{%- for link in nav.primary -%} {%- for link in nav.primary -%}

8
src/includes/partials/nav/paginator.liquid
View file

@ -2,14 +2,14 @@
<nav aria-label="Pagination" class="pagination"> <nav aria-label="Pagination" class="pagination">
{%- if pagination.href.previous -%} {%- if pagination.href.previous -%}
<a href="{{ pagination.href.previous }}" aria-label="Previous page"> <a href="{{ pagination.href.previous }}" aria-label="Previous page">
{% tablericon "arrow-left" "Previous" %} {% tablericon "arrow-left" %}
</a> </a>
{%- else -%} {%- else -%}
<span <span
class="disabled" class="disabled"
aria-label="Previous page (disabled)" aria-label="Previous page (disabled)"
disabled> disabled>
{% tablericon "arrow-left" "Prevous" %} {% tablericon "arrow-left" %}
</span> </span>
{%- endif -%} {%- endif -%}
<select-pagination> <select-pagination>
@ -26,14 +26,14 @@
</select-pagination> </select-pagination>
{%- if pagination.href.next -%} {%- if pagination.href.next -%}
<a href="{{ pagination.href.next }}" aria-label="Next page"> <a href="{{ pagination.href.next }}" aria-label="Next page">
{% tablericon "arrow-right" "Next" %} {% tablericon "arrow-right" %}
</a> </a>
{%- else -%} {%- else -%}
<span <span
class="disabled" class="disabled"
aria-label="Next page (disabled)" aria-label="Next page (disabled)"
disabled> disabled>
{% tablericon "arrow-right" "Next" %} {% tablericon "arrow-right" %}
</span> </span>
{%- endif -%} {%- endif -%}
</nav> </nav>

4
src/includes/partials/nav/theme-toggle.liquid
View file

@ -3,10 +3,10 @@
<theme-toggle> <theme-toggle>
<button class="theme-toggle"> <button class="theme-toggle">
<span class="light"> <span class="light">
{% tablericon "sun" "Toggle light theme" %} {% tablericon "sun" %}
</span> </span>
<span class="dark"> <span class="dark">
{% tablericon "moon" "Toggle dark theme" %} {% tablericon "moon" %}
</span> </span>
</button> </button>
</theme-toggle> </theme-toggle>

8
src/pages/dynamic/blogroll.html
View file

@ -18,16 +18,16 @@ description: These are awesome blogs that I enjoy and you may enjoy too.
<td><a href="{{ blog.url }}">{{ blog.url | replace: "https://", "" }}</a></td> <td><a href="{{ blog.url }}">{{ blog.url | replace: "https://", "" }}</a></td>
<td class="blog-roll-icons"> <td class="blog-roll-icons">
{%- if blog.rss_feed -%} {%- if blog.rss_feed -%}
<a class="rss" href="{{ blog.rss_feed }}">{% tablericon "rss" "Subscribe via RSS" %}</a>&nbsp; <a class="rss" href="{{ blog.rss_feed }}">{% tablericon "rss" %}</a>&nbsp;
{%- endif -%} {%- endif -%}
{%- if blog.json_feed -%} {%- if blog.json_feed -%}
<a class="json" href="{{ blog.json_feed }}">{% tablericon "json" "Subscribe via JSON" %}</a>&nbsp; <a class="json" href="{{ blog.json_feed }}">{% tablericon "json" %}</a>&nbsp;
{%- endif -%} {%- endif -%}
{%- if blog.newsletter -%} {%- if blog.newsletter -%}
<a class="mail-plus" href="{{ blog.newsletter }}">{% tablericon "mail-plus" "Newsletter subscription" %}</a>&nbsp; <a class="mail-plus" href="{{ blog.newsletter }}">{% tablericon "mail-plus" %}</a>&nbsp;
{%- endif -%} {%- endif -%}
{%- if blog.mastodon -%} {%- if blog.mastodon -%}
<a class="brand-mastodon" href="{{ blog.mastodon }}">{% tablericon "brand-mastodon" "Mastodon" %}</a>&nbsp; <a class="brand-mastodon" href="{{ blog.mastodon }}">{% tablericon "brand-mastodon" %}</a>&nbsp;
{%- endif -%} {%- endif -%}
</td> </td>
</tr> </tr>

6
src/pages/dynamic/books/book.html
View file

@ -11,7 +11,7 @@ schema: book
{%- capture alt -%} {%- capture alt -%}
{{ book.title }}{% if book.author %} by {{ book.author }}{% endif %} {{ book.title }}{% if book.author %} by {{ book.author }}{% endif %}
{%- endcapture -%} {%- endcapture -%}
<a class="icon-link" href="/books" title="Go back to the books index page">{% tablericon "arrow-left" "Go back to the books index page" %} Back to books</a> <a class="icon-link" href="/books" title="Go back to the books index page">{% tablericon "arrow-left" %} Back to books</a>
<article class="book-focus"> <article class="book-focus">
<div class="book-display"> <div class="book-display">
<img <img
@ -38,10 +38,10 @@ schema: book
<p class="sub-meta">By {{ book.author }}</p> <p class="sub-meta">By {{ book.author }}</p>
{% endif %} {% endif %}
{%- if book.favorite -%} {%- if book.favorite -%}
<p class="sub-meta favorite">{% tablericon "heart" "Favorite" %} This is one of my favorite books!</p> <p class="sub-meta favorite">{% tablericon "heart" %} This is one of my favorite books!</p>
{%- endif -%} {%- endif -%}
{%- if book.tattoo -%} {%- if book.tattoo -%}
<p class="sub-meta tattoo">{% tablericon "needle" "Tattoo" %} I have a tattoo inspired by this book!</p> <p class="sub-meta tattoo">{% tablericon "needle" %} I have a tattoo inspired by this book!</p>
{%- endif -%} {%- endif -%}
{% if book.status == 'finished' %} {% if book.status == 'finished' %}
<p class="sub-meta">Finished on: {{ book.date | date: "%B %e, %Y" }}</p> <p class="sub-meta">Finished on: {{ book.date | date: "%B %e, %Y" }}</p>

2
src/pages/dynamic/books/year.html
View file

@ -13,7 +13,7 @@ schema: books-year
{%- capture currentYear -%}{% currentYear %}{%- endcapture -%} {%- capture currentYear -%}{% currentYear %}{%- endcapture -%}
{%- assign yearString = year.value | append: '' -%} {%- assign yearString = year.value | append: '' -%}
{%- assign currentYearString = currentYear | append: '' -%} {%- assign currentYearString = currentYear | append: '' -%}
<a class="icon-link" href="/books" title="Go back to the books index page">{% tablericon "arrow-left" "Go back to the books index page" %} Back to books</a> <a class="icon-link" href="/books" title="Go back to the books index page">{% tablericon "arrow-left" %} Back to books</a>
<h2>{{ year.value }} / Books</h2> <h2>{{ year.value }} / Books</h2>
{% if yearString == currentYearString %} {% if yearString == currentYearString %}
<p>I've finished <strong class="highlight-text">{{ bookData.size }} books</strong> this year.{%- if favoriteBooks %} Among my favorites are {{ favoriteBooks }}.{%- endif -%}</p> <p>I've finished <strong class="highlight-text">{{ bookData.size }} books</strong> this year.{%- if favoriteBooks %} Among my favorites are {{ favoriteBooks }}.{%- endif -%}</p>

2
src/pages/dynamic/music/albums/3-months.html
View file

@ -9,7 +9,7 @@ permalink: "/music/albums/three-months/{% if pagination.pageNumber > 0 %}{{ pagi
image: music.threeMonth.artists[0].image image: music.threeMonth.artists[0].image
schema: music schema: music
--- ---
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p> <p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>

2
src/pages/dynamic/music/albums/this-month.html
View file

@ -9,7 +9,7 @@ permalink: "/music/albums/this-month/{% if pagination.pageNumber > 0 %}{{ pagina
image: music.month.artists[0].image image: music.month.artists[0].image
schema: music schema: music
--- ---
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p> <p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>

2
src/pages/dynamic/music/albums/this-week.html
View file

@ -9,7 +9,7 @@ permalink: "/music/albums/this-week/{% if pagination.pageNumber > 0 %}{{ paginat
image: music.week.artists[0].image image: music.week.artists[0].image
schema: music schema: music
--- ---
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p> <p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>

2
src/pages/dynamic/music/artists/3-months.html
View file

@ -9,7 +9,7 @@ permalink: "/music/artists/three-months/{% if pagination.pageNumber > 0 %}{{ pag
image: music.threeMonth.artists[0].image image: music.threeMonth.artists[0].image
schema: music schema: music
--- ---
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p> <p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>

10
src/pages/dynamic/music/artists/artist.html
View file

@ -19,7 +19,7 @@ schema: artist
{%- endif -%} {%- endif -%}
{%- endcapture -%} {%- endcapture -%}
<noscript><style>[data-toggle-content].text-toggle-hidden {height: unset !important;overflow: unset !important;margin-bottom: unset !important;}[data-toggle-content].text-toggle-hidden::after {display: none !important;}</style></noscript> <noscript><style>[data-toggle-content].text-toggle-hidden {height: unset !important;overflow: unset !important;margin-bottom: unset !important;}[data-toggle-content].text-toggle-hidden::after {display: none !important;}</style></noscript>
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
<article class="artist-focus"> <article class="artist-focus">
<div class="artist-display"> <div class="artist-display">
<img <img
@ -40,12 +40,12 @@ schema: artist
/> />
<div class="artist-meta"> <div class="artist-meta">
<p class="title"><strong>{{ artist.name }}</strong></p> <p class="title"><strong>{{ artist.name }}</strong></p>
<p class="sub-meta country">{% tablericon "map-pin" "Country" %} {{ artist.country }}</p> <p class="sub-meta country">{% tablericon "map-pin" %} {{ artist.country }}</p>
{%- if artist.favorite -%} {%- if artist.favorite -%}
<p class="sub-meta favorite">{% tablericon "heart" "Favorite" %} This is one of my favorite artists!</p> <p class="sub-meta favorite">{% tablericon "heart" %} This is one of my favorite artists!</p>
{%- endif -%} {%- endif -%}
{%- if artist.tattoo -%} {%- if artist.tattoo -%}
<p class="sub-meta tattoo">{% tablericon "needle" "Tattoo" %} I have a tattoo inspired by this artist!</p> <p class="sub-meta tattoo">{% tablericon "needle" %} I have a tattoo inspired by this artist!</p>
{%- endif -%} {%- endif -%}
{%- if artist.totalPlays > 0 -%} {%- if artist.totalPlays > 0 -%}
<p class="sub-meta"><strong class="highlight-text">{{ artist.totalPlays | formatNumber }} {{ playLabel }}</strong></p> <p class="sub-meta"><strong class="highlight-text">{{ artist.totalPlays | formatNumber }} {{ playLabel }}</strong></p>
@ -70,7 +70,7 @@ schema: artist
{%- if artist.concerts -%} {%- if artist.concerts -%}
<hr /> <hr />
<p id="concerts" class="concerts"> <p id="concerts" class="concerts">
{% tablericon "device-speaker" "concert" %} {% tablericon "device-speaker" %}
I've seen this artist live! I've seen this artist live!
</p> </p>
<ul> <ul>

2
src/pages/dynamic/music/artists/this-month.html
View file

@ -9,7 +9,7 @@ permalink: "/music/artists/this-month/{% if pagination.pageNumber > 0 %}{{ pagin
image: music.month.artists[0].image image: music.month.artists[0].image
schema: music schema: music
--- ---
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p> <p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>

2
src/pages/dynamic/music/artists/this-week.html
View file

@ -9,7 +9,7 @@ permalink: "/music/artists/this-week/{% if pagination.pageNumber > 0 %}{{ pagina
image: music.week.artists[0].image image: music.week.artists[0].image
schema: music schema: music
--- ---
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p> <p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>

2
src/pages/dynamic/music/concerts.html
View file

@ -35,7 +35,7 @@ permalink: "/music/concerts/{% if pagination.pageNumber > 0 %}{{ pagination.page
{% if venue %} at {{ venue }}{% endif %} {% if venue %} at {{ venue }}{% endif %}
{%- if concert.notes -%} {%- if concert.notes -%}
{% assign notes = concert.notes | prepend: "### Notes\n" | markdown %} {% assign notes = concert.notes | prepend: "### Notes\n" | markdown %}
{% render "partials/blocks/modal.liquid", label:"Concert info", icon:"info-circle", content:notes, id:concert.id %} {% render "partials/blocks/modal.liquid", icon:"info-circle", content:notes, id:concert.id %}
{%- endif -%} {%- endif -%}
</li> </li>
{%- endfor -%} {%- endfor -%}

2
src/pages/dynamic/music/genre.html
View file

@ -18,7 +18,7 @@ schema: genre
{%- endcapture -%} {%- endcapture -%}
{%- assign mediaLinks = genre.artists | sortByPlaysDescending: "total_plays" | mediaLinks: "artist", 5 -%} {%- assign mediaLinks = genre.artists | sortByPlaysDescending: "total_plays" | mediaLinks: "artist", 5 -%}
<noscript><style>[data-toggle-content].text-toggle-hidden {height: unset !important;overflow: unset !important;margin-bottom: unset !important;}[data-toggle-content].text-toggle-hidden::after {display: none !important;}</style></noscript> <noscript><style>[data-toggle-content].text-toggle-hidden {height: unset !important;overflow: unset !important;margin-bottom: unset !important;}[data-toggle-content].text-toggle-hidden::after {display: none !important;}</style></noscript>
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
<h2>{{ genre.name }}</h2> <h2>{{ genre.name }}</h2>
<article class="genre-focus"> <article class="genre-focus">
{%- if mediaLinks -%} {%- if mediaLinks -%}

8
src/pages/dynamic/music/index.html
View file

@ -14,21 +14,21 @@ schema: music-index
<hr /> <hr />
<h3 id="artists"> <h3 id="artists">
<a class="icon-link" href="/music/artists/this-week"> <a class="icon-link" href="/music/artists/this-week">
{% tablericon "microphone-2" "Artists" %} {% tablericon "microphone-2" %}
Artists Artists
</a> </a>
</h3> </h3>
{% render "partials/media/grid.liquid", data:music.week.artists, shape: "square", count: 8, loading: "eager" %} {% render "partials/media/grid.liquid", data:music.week.artists, shape: "square", count: 8, loading: "eager" %}
<h3 id="albums"> <h3 id="albums">
<a class="icon-link" href="/music/albums/this-week"> <a class="icon-link" href="/music/albums/this-week">
{% tablericon "vinyl" "Albums" %} {% tablericon "vinyl" %}
Albums Albums
</a> </a>
</h3> </h3>
{% render "partials/media/grid.liquid", data:music.week.albums, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:music.week.albums, shape: "square", count: 8 %}
<h3 id="tracks"> <h3 id="tracks">
<a class="icon-link" href="/music/tracks/this-week"> <a class="icon-link" href="/music/tracks/this-week">
{% tablericon "playlist" "Tracks" %} {% tablericon "playlist" %}
Tracks Tracks
</a> </a>
</h3> </h3>
@ -46,7 +46,7 @@ schema: music-index
</div> </div>
{% if albumReleases.size > 0 %} {% if albumReleases.size > 0 %}
<h3 id="album-releases"> <h3 id="album-releases">
{% tablericon "calendar-time" "Anticipated albums" %} {% tablericon "calendar-time" %}
Anticipated albums Anticipated albums
</h3> </h3>
{% render "partials/media/grid.liquid", data:albumReleases.upcoming, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:albumReleases.upcoming, shape: "square", count: 8 %}

6
src/pages/dynamic/music/periods/3-months.html
View file

@ -14,21 +14,21 @@ schema: music-period
<hr /> <hr />
<h3 id="artists"> <h3 id="artists">
<a class="icon-link" href="/music/artists/three-months"> <a class="icon-link" href="/music/artists/three-months">
{% tablericon "microphone-2" "Artists" %} {% tablericon "microphone-2" %}
Artists Artists
</a> </a>
</h3> </h3>
{% render "partials/media/grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8, loading: "eager" %} {% render "partials/media/grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8, loading: "eager" %}
<h3 id="albums"> <h3 id="albums">
<a class="icon-link" href="/music/albums/three-months"> <a class="icon-link" href="/music/albums/three-months">
{% tablericon "vinyl" "Albums" %} {% tablericon "vinyl" %}
Albums Albums
</a> </a>
</h3> </h3>
{% render "partials/media/grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %}
<h3 id="tracks"> <h3 id="tracks">
<a class="icon-link" href="/music/tracks/three-months"> <a class="icon-link" href="/music/tracks/three-months">
{% tablericon "playlist" "Tracks" %} {% tablericon "playlist" %}
Tracks Tracks
</a> </a>
</h3> </h3>

6
src/pages/dynamic/music/periods/this-month.html
View file

@ -14,21 +14,21 @@ schema: music-period
<hr /> <hr />
<h3 id="artists"> <h3 id="artists">
<a class="icon-link" href="/music/artists/this-month"> <a class="icon-link" href="/music/artists/this-month">
{% tablericon "microphone-2" "Artists" %} {% tablericon "microphone-2" %}
Artists Artists
</a> </a>
</h3> </h3>
{% render "partials/media/grid.liquid", data:music.month.artists, shape: "square", count: 8, loading: "eager" %} {% render "partials/media/grid.liquid", data:music.month.artists, shape: "square", count: 8, loading: "eager" %}
<h3 id="albums"> <h3 id="albums">
<a class="icon-link" href="/music/albums/this-month"> <a class="icon-link" href="/music/albums/this-month">
{% tablericon "vinyl" "Albums" %} {% tablericon "vinyl" %}
Albums Albums
</a> </a>
</h3> </h3>
{% render "partials/media/grid.liquid", data:music.month.albums, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:music.month.albums, shape: "square", count: 8 %}
<h3 id="tracks"> <h3 id="tracks">
<a class="icon-link" href="/music/tracks/this-month"> <a class="icon-link" href="/music/tracks/this-month">
{% tablericon "playlist" "Tracks" %} {% tablericon "playlist" %}
Tracks Tracks
</a> </a>
</h3> </h3>

2
src/pages/dynamic/music/tracks/3-months.html
View file

@ -9,7 +9,7 @@ permalink: "/music/tracks/three-months/{% if pagination.pageNumber > 0 %}{{ pagi
image: music.threeMonth.artists[0].image image: music.threeMonth.artists[0].image
schema: music schema: music
--- ---
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p> <p>I've listened to <strong class="highlight-text">{{ music.threeMonth.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.threeMonth.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.threeMonth.totalTracks }} tracks</strong> over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>

2
src/pages/dynamic/music/tracks/this-month.html
View file

@ -9,7 +9,7 @@ permalink: "/music/tracks/this-month/{% if pagination.pageNumber > 0 %}{{ pagina
image: music.month.artists[0].image image: music.month.artists[0].image
schema: music schema: music
--- ---
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p> <p>I've listened to <strong class="highlight-text">{{ music.month.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.month.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.month.totalTracks }} tracks</strong> this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>

2
src/pages/dynamic/music/tracks/this-week.html
View file

@ -9,7 +9,7 @@ permalink: "/music/tracks/this-week/{% if pagination.pageNumber > 0 %}{{ paginat
image: music.week.artists[0].image image: music.week.artists[0].image
schema: music schema: music
--- ---
<a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a> <a class="icon-link" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" %} Back to music</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p> <p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>

2
src/pages/dynamic/posts/index.html
View file

@ -10,7 +10,7 @@ permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
{% for post in pagination.items %} {% for post in pagination.items %}
<article> <article>
<div class="post-meta"> <div class="post-meta">
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%} {%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
<time datetime="{{ post.date }}"> <time datetime="{{ post.date }}">
{{ post.date | date: "%B %e, %Y" }} {{ post.date | date: "%B %e, %Y" }}
</time> </time>

2
src/pages/dynamic/posts/post.html
View file

@ -9,7 +9,7 @@ schema: blog
--- ---
<article class="standalone"> <article class="standalone">
<div class="post-meta"> <div class="post-meta">
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%} {%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
<time datetime="{{ post.date }}"> <time datetime="{{ post.date }}">
{{ post.date | date: "%B %e, %Y" }} {{ post.date | date: "%B %e, %Y" }}
</time> </time>

2
src/pages/dynamic/watching/favorites/movies.html
View file

@ -8,7 +8,7 @@ pagination:
permalink: "/watching/favorite-movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html" permalink: "/watching/favorite-movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
schema: watching schema: watching
--- ---
<a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a> <a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" %} Back to watching</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2 class="watching">{{ title }}</h2> <h2 class="watching">{{ title }}</h2>
<p>These are my favorite movies. There are many like them, but these are mine.</p> <p>These are my favorite movies. There are many like them, but these are mine.</p>

2
src/pages/dynamic/watching/favorites/shows.html
View file

@ -8,7 +8,7 @@ pagination:
permalink: "/watching/favorite-shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html" permalink: "/watching/favorite-shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
schema: watching schema: watching
--- ---
<a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a> <a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" %} Back to watching</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2 class="watching">{{ title }}</h2> <h2 class="watching">{{ title }}</h2>
<p>These are my favorite shows. There are many like them, but these are mine.</p> <p>These are my favorite shows. There are many like them, but these are mine.</p>

8
src/pages/dynamic/watching/index.html
View file

@ -14,21 +14,21 @@ schema: watching
<hr /> <hr />
<h3 id="movies"> <h3 id="movies">
<a class="icon-link" href="/watching/recent/movies"> <a class="icon-link" href="/watching/recent/movies">
{% tablericon "movie" "Recent movies" %} {% tablericon "movie" %}
Recent movies Recent movies
</a> </a>
</h3> </h3>
{% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %} {% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
<h3 id="tv"> <h3 id="tv">
<a class="icon-link" href="/watching/recent/shows"> <a class="icon-link" href="/watching/recent/shows">
{% tablericon "device-tv-old" "Recent shows" %} {% tablericon "device-tv-old" %}
Recent shows Recent shows
</a> </a>
</h3> </h3>
{% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %} {% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
<h3 id="favorite-movies"> <h3 id="favorite-movies">
<a class="icon-link" href="/watching/favorite-movies"> <a class="icon-link" href="/watching/favorite-movies">
{% tablericon "star" "Favorite movies" %} {% tablericon "star" %}
Favorite movies Favorite movies
</a> </a>
</h3> </h3>
@ -36,7 +36,7 @@ schema: watching
{% render "partials/media/watching/grid.liquid", mediaItems:favoriteMovies, count: 6 %} {% render "partials/media/watching/grid.liquid", mediaItems:favoriteMovies, count: 6 %}
<h3 id="favorite-shows"> <h3 id="favorite-shows">
<a class="icon-link" href="/watching/favorite-shows"> <a class="icon-link" href="/watching/favorite-shows">
{% tablericon "star" "Favorite shows" %} {% tablericon "star" %}
Favorite shows Favorite shows
</a> </a>
</h3> </h3>

8
src/pages/dynamic/watching/movie.html
View file

@ -10,7 +10,7 @@ schema: movie
{%- capture alt -%} {%- capture alt -%}
{{ movie.title }} / {{ movie.year }}{% if move.rating %} ({{ movie.rating }}){% endif %} {{ movie.title }} / {{ movie.year }}{% if move.rating %} ({{ movie.rating }}){% endif %}
{%- endcapture -%} {%- endcapture -%}
<a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a> <a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" %} Back to watching</a>
<article class="watching-focus"> <article class="watching-focus">
<img <img
srcset=" srcset="
@ -40,13 +40,13 @@ schema: movie
</p> </p>
{% endif -%} {% endif -%}
{%- if movie.favorite -%} {%- if movie.favorite -%}
<p class="sub-meta favorite">{% tablericon "heart" "Favorite" %} This is one of my favorite movies!</p> <p class="sub-meta favorite">{% tablericon "heart" %} This is one of my favorite movies!</p>
{%- endif -%} {%- endif -%}
{%- if movie.tattoo -%} {%- if movie.tattoo -%}
<p class="sub-meta tattoo">{% tablericon "needle" "Tattoo" %} I have a tattoo inspired by this movie!</p> <p class="sub-meta tattoo">{% tablericon "needle" %} I have a tattoo inspired by this movie!</p>
{%- endif -%} {%- endif -%}
{%- if movie.collected -%} {%- if movie.collected -%}
<p class="sub-meta collected">{% tablericon "circle-check" "Collection" %} This movie is in my collection!</p> <p class="sub-meta collected">{% tablericon "circle-check" %} This movie is in my collection!</p>
{%- endif -%} {%- endif -%}
{%- if movie.lastWatched -%}<p class="sub-meta">Last watched on {{ movie.lastWatched | date: "%B %e, %Y" }}.</p>{%- endif -%} {%- if movie.lastWatched -%}<p class="sub-meta">Last watched on {{ movie.lastWatched | date: "%B %e, %Y" }}.</p>{%- endif -%}
</div> </div>

2
src/pages/dynamic/watching/recent/movies.html
View file

@ -8,7 +8,7 @@ pagination:
permalink: "/watching/recent/movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html" permalink: "/watching/recent/movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
schema: watching schema: watching
--- ---
<a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a> <a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" %} Back to watching</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2 class="watching">{{ title }}</h2> <h2 class="watching">{{ title }}</h2>
<p>These are the movies I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p> <p>These are the movies I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p>

2
src/pages/dynamic/watching/recent/shows.html
View file

@ -8,7 +8,7 @@ pagination:
permalink: "/watching/recent/shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html" permalink: "/watching/recent/shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
schema: watching schema: watching
--- ---
<a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a> <a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" %} Back to watching</a>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2 class="watching">{{ title }}</h2> <h2 class="watching">{{ title }}</h2>
<p>These are the shows I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p> <p>These are the shows I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p>

8
src/pages/dynamic/watching/show.html
View file

@ -11,7 +11,7 @@ schema: show
{{ show.title }} / {{ show.year }} {{ show.title }} / {{ show.year }}
{%- endcapture -%} {%- endcapture -%}
{% assign lastWatched = show | getLastWatched %} {% assign lastWatched = show | getLastWatched %}
<a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a> <a class="icon-link" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" %} Back to watching</a>
<article class="watching-focus"> <article class="watching-focus">
<img <img
srcset=" srcset="
@ -33,13 +33,13 @@ schema: show
<div class="watching-meta"> <div class="watching-meta">
<p class="title"><strong>{{ show.title }}</strong>{%- if show.year %} ({{ show.year }}){%- endif -%}</p> <p class="title"><strong>{{ show.title }}</strong>{%- if show.year %} ({{ show.year }}){%- endif -%}</p>
{%- if show.favorite -%} {%- if show.favorite -%}
<p class="sub-meta favorite">{% tablericon "heart" "Favorite" %} This is one of my favorite shows!</p> <p class="sub-meta favorite">{% tablericon "heart" %} This is one of my favorite shows!</p>
{%- endif -%} {%- endif -%}
{%- if show.tattoo -%} {%- if show.tattoo -%}
<p class="sub-meta tattoo">{% tablericon "needle" "Tattoo" %} I have a tattoo inspired by this show!</p> <p class="sub-meta tattoo">{% tablericon "needle" %} I have a tattoo inspired by this show!</p>
{%- endif -%} {%- endif -%}
{%- if show.collected -%} {%- if show.collected -%}
<p class="sub-meta collected">{% tablericon "circle-check" "Collection" %} This show is in my collection!</p> <p class="sub-meta collected">{% tablericon "circle-check" %} This show is in my collection!</p>
{%- endif -%} {%- endif -%}
{%- if lastWatched -%} {%- if lastWatched -%}
{%- capture lastWatchedText -%} {%- capture lastWatchedText -%}