fix: tables + icons
This commit is contained in:
parent
0a80ff3dff
commit
86205fd7e2
45 changed files with 117 additions and 102 deletions
12
package-lock.json
generated
12
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "coryd.dev",
|
||||
"version": "1.0.3",
|
||||
"version": "1.0.4",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "coryd.dev",
|
||||
"version": "1.0.3",
|
||||
"version": "1.0.4",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@cdransf/api-text": "^1.5.0",
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
"devDependencies": {
|
||||
"@11ty/eleventy": "v3.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",
|
||||
"autoprefixer": "^10.4.20",
|
||||
"cssnano": "^7.0.6",
|
||||
|
|
@ -375,9 +375,9 @@
|
|||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@cdransf/eleventy-plugin-tabler-icons": {
|
||||
"version": "1.17.0",
|
||||
"resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-1.17.0.tgz",
|
||||
"integrity": "sha512-oA8etyNolfjBHQdNKEYUSP69b0hVgWtWJCArbae25BqLBAVpbDdoqjw/IifFFKxeIs1VqI3B5lSC9Eg+ug56QQ==",
|
||||
"version": "2.0.3",
|
||||
"resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-2.0.3.tgz",
|
||||
"integrity": "sha512-5wQqv/xwD6E/NrD1yh/XCnBBjE9k5SkYAUB2hxWXw/gtmph+RmNCjZJWvtelMgtfGTwlxAtRDIMIorlUYuxUeQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "coryd.dev",
|
||||
"version": "1.0.3",
|
||||
"version": "1.0.4",
|
||||
"description": "The source for my personal site. Built using 11ty (and other tools).",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
"devDependencies": {
|
||||
"@11ty/eleventy": "v3.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",
|
||||
"autoprefixer": "^10.4.20",
|
||||
"cssnano": "^7.0.6",
|
||||
|
|
|
|||
|
|
@ -224,20 +224,24 @@ hr {
|
|||
|
||||
/* tables */
|
||||
table {
|
||||
overflow-x: auto;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border: var(--border-gray);
|
||||
border-radius: var(--border-radius-slight);
|
||||
overflow-x: scroll;
|
||||
white-space: nowrap;
|
||||
caption-side: bottom;
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
|
||||
table,
|
||||
tr {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table,
|
||||
th,
|
||||
td {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
:is(th, td):not(:first-child, :last-child) {
|
||||
|
|
@ -252,9 +256,7 @@ tr:not(:last-child) {
|
|||
th,
|
||||
td {
|
||||
padding: var(--spacing-sm);
|
||||
min-width: max-content;
|
||||
word-break: break-word;
|
||||
width: 100%;
|
||||
|
||||
&:first-child {
|
||||
position: sticky;
|
||||
|
|
@ -276,23 +278,36 @@ 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 {
|
||||
min-width: calc(var(--spacing-3xl) * 2);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
||||
&:first-child {
|
||||
background-color: var(--background-color);
|
||||
background: var(--background-color);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
td:first-of-type,
|
||||
:where(thead, tfoot) th:nth-child(2) {
|
||||
border-inline-start: none;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: var(--font-weight-bold);
|
||||
background-color: var(--gray-lighter);
|
||||
text-align: left;
|
||||
border-inline-start: none;
|
||||
}
|
||||
|
||||
/* header */
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
{% comment %} render related artists {% endcomment %}
|
||||
{%- if artists -%}
|
||||
<p id="artists" class="music">
|
||||
{% tablericon "headphones" "Related artist(s)" %}
|
||||
{% tablericon "headphones" %}
|
||||
Related artist(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
{% comment %} render related books {% endcomment %}
|
||||
{%- if books -%}
|
||||
<p id="books" class="books">
|
||||
{% tablericon "books" "Related book(s)" %}
|
||||
{% tablericon "books" %}
|
||||
Related book(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
{% comment %} render related genres {% endcomment %}
|
||||
{%- if genres -%}
|
||||
<p id="genres" class="music">
|
||||
{% tablericon "headphones" "Genre(s)" %}
|
||||
{% tablericon "headphones" %}
|
||||
Related genre(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
{% comment %} render related movies {% endcomment %}
|
||||
{%- if movies -%}
|
||||
<p id="movies" class="movies">
|
||||
{% tablericon "movie" "Related movie(s)" %}
|
||||
{% tablericon "movie" %}
|
||||
Related movie(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
{% comment %} render related posts {% endcomment %}
|
||||
{%- if posts -%}
|
||||
<p id="posts" class="article">
|
||||
{% tablericon "article" "Related post(s)" %}
|
||||
{% tablericon "article" %}
|
||||
Related post(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
{% comment %} render related shows {% endcomment %}
|
||||
{%- if shows -%}
|
||||
<p id="tv" class="tv">
|
||||
{% tablericon "device-tv-old" "Related show(s)" %}
|
||||
{% tablericon "device-tv-old" %}
|
||||
Related show(s)
|
||||
</p>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<div class="banner error">
|
||||
<p>{% tablericon "alert-circle" "Error" %}{{ text }}</p>
|
||||
<p>{% tablericon "alert-circle" %}{{ text }}</p>
|
||||
</div>
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
<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>
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
<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>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{%- assign isOldPost = date | oldPost -%}
|
||||
{%- if isOldPost -%}
|
||||
<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>
|
||||
{%- endif -%}
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
<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>
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
<div class="banner warning">
|
||||
<p>{% tablericon "alert-triangle" "Warning" %}{{ text }}</p>
|
||||
<p>{% tablericon "alert-triangle" %}{{ text }}</p>
|
||||
</div>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{%- capture labelContent -%}
|
||||
{%- if icon -%}
|
||||
{% tablericon icon label %}
|
||||
{% tablericon icon %}
|
||||
{%- elsif label -%}
|
||||
{{ label }}
|
||||
{%- endif -%}
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
<div class="modal-wrapper">
|
||||
<div class="modal-body">
|
||||
<label class="modal-close" for="{{ id }}">
|
||||
{% tablericon "circle-x" "Close modal" %}
|
||||
{% tablericon "circle-x" %}
|
||||
</label>
|
||||
{{ content }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
{%- assign link = links | first -%}
|
||||
<article>
|
||||
<h2>
|
||||
{% tablericon "activity" "Recent activity" %}
|
||||
{% tablericon "activity" %}
|
||||
Recent activity
|
||||
</h2>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<h2>
|
||||
{% tablericon "clock" "Recent posts" %}
|
||||
{% tablericon "clock" %}
|
||||
Recent posts
|
||||
</h2>
|
||||
{%- for post in posts limit: 5 -%}
|
||||
<article>
|
||||
<div class="post-meta">
|
||||
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%}
|
||||
{%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
|
||||
<time datetime="{{ post.date }}">
|
||||
{{ post.date | date: "%B %e, %Y" }}
|
||||
</time>
|
||||
|
|
@ -16,4 +16,4 @@
|
|||
{{ post.description | normalize_whitespace | markdown | truncatewords: 50 }}
|
||||
</article>
|
||||
{%- 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>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
{%- if categoryUrl | isLinkActive: page.url -%}
|
||||
<span class="active {{ class }}" aria-current="page">
|
||||
{%- if icon -%}
|
||||
{% tablericon icon title %}
|
||||
{% tablericon icon %}
|
||||
<span>{{ title }}</span>
|
||||
{%- else -%}
|
||||
{{ title }}
|
||||
|
|
@ -11,7 +11,7 @@
|
|||
{%- else -%}
|
||||
<a class="{% if icon %}{{ icon | downcase }} icon {% endif %}{{ class }}" href="{{ categoryUrl }}" rel="me">
|
||||
{%- if icon -%}
|
||||
{% tablericon icon title %}
|
||||
{% tablericon icon %}
|
||||
<span>{{ title }}</span>
|
||||
{%- else -%}
|
||||
{{ title }}
|
||||
|
|
|
|||
|
|
@ -4,5 +4,5 @@
|
|||
rel="me"
|
||||
title="{{ title }}"
|
||||
tabindex="0">
|
||||
{% tablericon icon title %}
|
||||
{% tablericon icon %}
|
||||
</a>
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
<menu>
|
||||
<input id="menu-toggle" type="checkbox" aria-hidden="true" />
|
||||
<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-open" aria-hidden="true">{% tablericon "circle-x" "Menu open" %}</div>
|
||||
<div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" %}</div>
|
||||
<div class="menu-open" aria-hidden="true">{% tablericon "circle-x" %}</div>
|
||||
</label>
|
||||
<ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
|
||||
{%- for link in nav.primary -%}
|
||||
|
|
|
|||
|
|
@ -2,14 +2,14 @@
|
|||
<nav aria-label="Pagination" class="pagination">
|
||||
{%- if pagination.href.previous -%}
|
||||
<a href="{{ pagination.href.previous }}" aria-label="Previous page">
|
||||
{% tablericon "arrow-left" "Previous" %}
|
||||
{% tablericon "arrow-left" %}
|
||||
</a>
|
||||
{%- else -%}
|
||||
<span
|
||||
class="disabled"
|
||||
aria-label="Previous page (disabled)"
|
||||
disabled>
|
||||
{% tablericon "arrow-left" "Prevous" %}
|
||||
{% tablericon "arrow-left" %}
|
||||
</span>
|
||||
{%- endif -%}
|
||||
<select-pagination>
|
||||
|
|
@ -26,14 +26,14 @@
|
|||
</select-pagination>
|
||||
{%- if pagination.href.next -%}
|
||||
<a href="{{ pagination.href.next }}" aria-label="Next page">
|
||||
{% tablericon "arrow-right" "Next" %}
|
||||
{% tablericon "arrow-right" %}
|
||||
</a>
|
||||
{%- else -%}
|
||||
<span
|
||||
class="disabled"
|
||||
aria-label="Next page (disabled)"
|
||||
disabled>
|
||||
{% tablericon "arrow-right" "Next" %}
|
||||
{% tablericon "arrow-right" %}
|
||||
</span>
|
||||
{%- endif -%}
|
||||
</nav>
|
||||
|
|
@ -3,10 +3,10 @@
|
|||
<theme-toggle>
|
||||
<button class="theme-toggle">
|
||||
<span class="light">
|
||||
{% tablericon "sun" "Toggle light theme" %}
|
||||
{% tablericon "sun" %}
|
||||
</span>
|
||||
<span class="dark">
|
||||
{% tablericon "moon" "Toggle dark theme" %}
|
||||
{% tablericon "moon" %}
|
||||
</span>
|
||||
</button>
|
||||
</theme-toggle>
|
||||
|
|
|
|||
|
|
@ -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 class="blog-roll-icons">
|
||||
{%- if blog.rss_feed -%}
|
||||
<a class="rss" href="{{ blog.rss_feed }}">{% tablericon "rss" "Subscribe via RSS" %}</a>
|
||||
<a class="rss" href="{{ blog.rss_feed }}">{% tablericon "rss" %}</a>
|
||||
{%- endif -%}
|
||||
{%- if blog.json_feed -%}
|
||||
<a class="json" href="{{ blog.json_feed }}">{% tablericon "json" "Subscribe via JSON" %}</a>
|
||||
<a class="json" href="{{ blog.json_feed }}">{% tablericon "json" %}</a>
|
||||
{%- endif -%}
|
||||
{%- if blog.newsletter -%}
|
||||
<a class="mail-plus" href="{{ blog.newsletter }}">{% tablericon "mail-plus" "Newsletter subscription" %}</a>
|
||||
<a class="mail-plus" href="{{ blog.newsletter }}">{% tablericon "mail-plus" %}</a>
|
||||
{%- endif -%}
|
||||
{%- if blog.mastodon -%}
|
||||
<a class="brand-mastodon" href="{{ blog.mastodon }}">{% tablericon "brand-mastodon" "Mastodon" %}</a>
|
||||
<a class="brand-mastodon" href="{{ blog.mastodon }}">{% tablericon "brand-mastodon" %}</a>
|
||||
{%- endif -%}
|
||||
</td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ schema: book
|
|||
{%- capture alt -%}
|
||||
{{ book.title }}{% if book.author %} by {{ book.author }}{% endif %}
|
||||
{%- 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">
|
||||
<div class="book-display">
|
||||
<img
|
||||
|
|
@ -38,10 +38,10 @@ schema: book
|
|||
<p class="sub-meta">By {{ book.author }}</p>
|
||||
{% endif %}
|
||||
{%- 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 -%}
|
||||
{%- 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 -%}
|
||||
{% if book.status == 'finished' %}
|
||||
<p class="sub-meta">Finished on: {{ book.date | date: "%B %e, %Y" }}</p>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ schema: books-year
|
|||
{%- capture currentYear -%}{% currentYear %}{%- endcapture -%}
|
||||
{%- assign yearString = year.value | 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>
|
||||
{% 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>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ permalink: "/music/albums/three-months/{% if pagination.pageNumber > 0 %}{{ pagi
|
|||
image: music.threeMonth.artists[0].image
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ permalink: "/music/albums/this-month/{% if pagination.pageNumber > 0 %}{{ pagina
|
|||
image: music.month.artists[0].image
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ permalink: "/music/albums/this-week/{% if pagination.pageNumber > 0 %}{{ paginat
|
|||
image: music.week.artists[0].image
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ permalink: "/music/artists/three-months/{% if pagination.pageNumber > 0 %}{{ pag
|
|||
image: music.threeMonth.artists[0].image
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ schema: artist
|
|||
{%- endif -%}
|
||||
{%- 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>
|
||||
<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">
|
||||
<div class="artist-display">
|
||||
<img
|
||||
|
|
@ -40,12 +40,12 @@ schema: artist
|
|||
/>
|
||||
<div class="artist-meta">
|
||||
<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 -%}
|
||||
<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 -%}
|
||||
{%- 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 -%}
|
||||
{%- if artist.totalPlays > 0 -%}
|
||||
<p class="sub-meta"><strong class="highlight-text">{{ artist.totalPlays | formatNumber }} {{ playLabel }}</strong></p>
|
||||
|
|
@ -70,7 +70,7 @@ schema: artist
|
|||
{%- if artist.concerts -%}
|
||||
<hr />
|
||||
<p id="concerts" class="concerts">
|
||||
{% tablericon "device-speaker" "concert" %}
|
||||
{% tablericon "device-speaker" %}
|
||||
I've seen this artist live!
|
||||
</p>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ permalink: "/music/artists/this-month/{% if pagination.pageNumber > 0 %}{{ pagin
|
|||
image: music.month.artists[0].image
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ permalink: "/music/artists/this-week/{% if pagination.pageNumber > 0 %}{{ pagina
|
|||
image: music.week.artists[0].image
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ permalink: "/music/concerts/{% if pagination.pageNumber > 0 %}{{ pagination.page
|
|||
{% if venue %} at {{ venue }}{% endif %}
|
||||
{%- if concert.notes -%}
|
||||
{% 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 -%}
|
||||
</li>
|
||||
{%- endfor -%}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ schema: genre
|
|||
{%- endcapture -%}
|
||||
{%- 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>
|
||||
<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>
|
||||
<article class="genre-focus">
|
||||
{%- if mediaLinks -%}
|
||||
|
|
|
|||
|
|
@ -14,21 +14,21 @@ schema: music-index
|
|||
<hr />
|
||||
<h3 id="artists">
|
||||
<a class="icon-link" href="/music/artists/this-week">
|
||||
{% tablericon "microphone-2" "Artists" %}
|
||||
{% tablericon "microphone-2" %}
|
||||
Artists
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.week.artists, shape: "square", count: 8, loading: "eager" %}
|
||||
<h3 id="albums">
|
||||
<a class="icon-link" href="/music/albums/this-week">
|
||||
{% tablericon "vinyl" "Albums" %}
|
||||
{% tablericon "vinyl" %}
|
||||
Albums
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.week.albums, shape: "square", count: 8 %}
|
||||
<h3 id="tracks">
|
||||
<a class="icon-link" href="/music/tracks/this-week">
|
||||
{% tablericon "playlist" "Tracks" %}
|
||||
{% tablericon "playlist" %}
|
||||
Tracks
|
||||
</a>
|
||||
</h3>
|
||||
|
|
@ -46,7 +46,7 @@ schema: music-index
|
|||
</div>
|
||||
{% if albumReleases.size > 0 %}
|
||||
<h3 id="album-releases">
|
||||
{% tablericon "calendar-time" "Anticipated albums" %}
|
||||
{% tablericon "calendar-time" %}
|
||||
Anticipated albums
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:albumReleases.upcoming, shape: "square", count: 8 %}
|
||||
|
|
|
|||
|
|
@ -14,21 +14,21 @@ schema: music-period
|
|||
<hr />
|
||||
<h3 id="artists">
|
||||
<a class="icon-link" href="/music/artists/three-months">
|
||||
{% tablericon "microphone-2" "Artists" %}
|
||||
{% tablericon "microphone-2" %}
|
||||
Artists
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8, loading: "eager" %}
|
||||
<h3 id="albums">
|
||||
<a class="icon-link" href="/music/albums/three-months">
|
||||
{% tablericon "vinyl" "Albums" %}
|
||||
{% tablericon "vinyl" %}
|
||||
Albums
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %}
|
||||
<h3 id="tracks">
|
||||
<a class="icon-link" href="/music/tracks/three-months">
|
||||
{% tablericon "playlist" "Tracks" %}
|
||||
{% tablericon "playlist" %}
|
||||
Tracks
|
||||
</a>
|
||||
</h3>
|
||||
|
|
|
|||
|
|
@ -14,21 +14,21 @@ schema: music-period
|
|||
<hr />
|
||||
<h3 id="artists">
|
||||
<a class="icon-link" href="/music/artists/this-month">
|
||||
{% tablericon "microphone-2" "Artists" %}
|
||||
{% tablericon "microphone-2" %}
|
||||
Artists
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.month.artists, shape: "square", count: 8, loading: "eager" %}
|
||||
<h3 id="albums">
|
||||
<a class="icon-link" href="/music/albums/this-month">
|
||||
{% tablericon "vinyl" "Albums" %}
|
||||
{% tablericon "vinyl" %}
|
||||
Albums
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.month.albums, shape: "square", count: 8 %}
|
||||
<h3 id="tracks">
|
||||
<a class="icon-link" href="/music/tracks/this-month">
|
||||
{% tablericon "playlist" "Tracks" %}
|
||||
{% tablericon "playlist" %}
|
||||
Tracks
|
||||
</a>
|
||||
</h3>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ permalink: "/music/tracks/three-months/{% if pagination.pageNumber > 0 %}{{ pagi
|
|||
image: music.threeMonth.artists[0].image
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ permalink: "/music/tracks/this-month/{% if pagination.pageNumber > 0 %}{{ pagina
|
|||
image: music.month.artists[0].image
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ permalink: "/music/tracks/this-week/{% if pagination.pageNumber > 0 %}{{ paginat
|
|||
image: music.week.artists[0].image
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
|
|||
{% for post in pagination.items %}
|
||||
<article>
|
||||
<div class="post-meta">
|
||||
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%}
|
||||
{%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
|
||||
<time datetime="{{ post.date }}">
|
||||
{{ post.date | date: "%B %e, %Y" }}
|
||||
</time>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ schema: blog
|
|||
---
|
||||
<article class="standalone">
|
||||
<div class="post-meta">
|
||||
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%}
|
||||
{%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
|
||||
<time datetime="{{ post.date }}">
|
||||
{{ post.date | date: "%B %e, %Y" }}
|
||||
</time>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ pagination:
|
|||
permalink: "/watching/favorite-movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
|
||||
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 %}
|
||||
<h2 class="watching">{{ title }}</h2>
|
||||
<p>These are my favorite movies. There are many like them, but these are mine.</p>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ pagination:
|
|||
permalink: "/watching/favorite-shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
|
||||
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 %}
|
||||
<h2 class="watching">{{ title }}</h2>
|
||||
<p>These are my favorite shows. There are many like them, but these are mine.</p>
|
||||
|
|
|
|||
|
|
@ -14,21 +14,21 @@ schema: watching
|
|||
<hr />
|
||||
<h3 id="movies">
|
||||
<a class="icon-link" href="/watching/recent/movies">
|
||||
{% tablericon "movie" "Recent movies" %}
|
||||
{% tablericon "movie" %}
|
||||
Recent movies
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
|
||||
<h3 id="tv">
|
||||
<a class="icon-link" href="/watching/recent/shows">
|
||||
{% tablericon "device-tv-old" "Recent shows" %}
|
||||
{% tablericon "device-tv-old" %}
|
||||
Recent shows
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
|
||||
<h3 id="favorite-movies">
|
||||
<a class="icon-link" href="/watching/favorite-movies">
|
||||
{% tablericon "star" "Favorite movies" %}
|
||||
{% tablericon "star" %}
|
||||
Favorite movies
|
||||
</a>
|
||||
</h3>
|
||||
|
|
@ -36,7 +36,7 @@ schema: watching
|
|||
{% render "partials/media/watching/grid.liquid", mediaItems:favoriteMovies, count: 6 %}
|
||||
<h3 id="favorite-shows">
|
||||
<a class="icon-link" href="/watching/favorite-shows">
|
||||
{% tablericon "star" "Favorite shows" %}
|
||||
{% tablericon "star" %}
|
||||
Favorite shows
|
||||
</a>
|
||||
</h3>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ schema: movie
|
|||
{%- capture alt -%}
|
||||
{{ movie.title }} / {{ movie.year }}{% if move.rating %} ({{ movie.rating }}){% endif %}
|
||||
{%- 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">
|
||||
<img
|
||||
srcset="
|
||||
|
|
@ -40,13 +40,13 @@ schema: movie
|
|||
</p>
|
||||
{% endif -%}
|
||||
{%- 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 -%}
|
||||
{%- 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 -%}
|
||||
{%- 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 -%}
|
||||
{%- if movie.lastWatched -%}<p class="sub-meta">Last watched on {{ movie.lastWatched | date: "%B %e, %Y" }}.</p>{%- endif -%}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ pagination:
|
|||
permalink: "/watching/recent/movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ pagination:
|
|||
permalink: "/watching/recent/shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
|
||||
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 %}
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ schema: show
|
|||
{{ show.title }} / {{ show.year }}
|
||||
{%- endcapture -%}
|
||||
{% 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">
|
||||
<img
|
||||
srcset="
|
||||
|
|
@ -33,13 +33,13 @@ schema: show
|
|||
<div class="watching-meta">
|
||||
<p class="title"><strong>{{ show.title }}</strong>{%- if show.year %} ({{ show.year }}){%- endif -%}</p>
|
||||
{%- 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 -%}
|
||||
{%- 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 -%}
|
||||
{%- 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 -%}
|
||||
{%- if lastWatched -%}
|
||||
{%- capture lastWatchedText -%}
|
||||
|
|
|
|||
Reference in a new issue