chore: pulling weeds
This commit is contained in:
parent
067ac95a64
commit
6e2694157c
24 changed files with 194 additions and 287 deletions
4
package-lock.json
generated
4
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "coryd.dev",
|
||||
"version": "24.19.1",
|
||||
"version": "24.19.2",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "coryd.dev",
|
||||
"version": "24.19.1",
|
||||
"version": "24.19.2",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@cdransf/api-text": "^1.5.0",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "coryd.dev",
|
||||
"version": "24.19.1",
|
||||
"version": "24.19.2",
|
||||
"description": "The source for my personal site. Built using 11ty (and other tools).",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -25,35 +25,6 @@ body {
|
|||
background: var(--accent-color);
|
||||
}
|
||||
|
||||
.books,
|
||||
.collected,
|
||||
.concerts,
|
||||
.country,
|
||||
.favorite,
|
||||
.link,
|
||||
.movies,
|
||||
.tv,
|
||||
.music,
|
||||
.posts,
|
||||
.tattoo {
|
||||
&.books { --section-color: var(--books); }
|
||||
&.collected { --section-color: var(--collected); }
|
||||
&.concerts { --section-color: var(--concerts); }
|
||||
&.country { --section-color: var(--country); }
|
||||
&.favorite { --section-color: var(--favorite); }
|
||||
&.link { --section-color: var(--link); }
|
||||
&.movies, &.tv { --section-color: var(--tv); }
|
||||
&.music { --section-color: var(--music); }
|
||||
&.posts { --section-color: var(--posts); }
|
||||
&.tattoo { --section-color: var(--tattoo); }
|
||||
|
||||
color: var(--section-color);
|
||||
|
||||
& svg {
|
||||
stroke: var(--section-color);
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin: var(--margin-vertical-base-horizontal-zero);
|
||||
overflow: visible;
|
||||
|
|
@ -116,38 +87,66 @@ svg {
|
|||
stroke-width: var(--stroke-width-default);
|
||||
}
|
||||
|
||||
/* brand colors */
|
||||
.article,
|
||||
.books,
|
||||
.brand-github,
|
||||
.brand-mastodon,
|
||||
.brand-npm,
|
||||
.coffee,
|
||||
.collected,
|
||||
.concerts,
|
||||
.country,
|
||||
.device-tv-old,
|
||||
.device-watch,
|
||||
.favorite,
|
||||
.headphones,
|
||||
.heart-handshake,
|
||||
.info-circle,
|
||||
.link,
|
||||
.mail,
|
||||
.mail-plus,
|
||||
.movies,
|
||||
.music,
|
||||
.rss,
|
||||
.search,
|
||||
.tattoo,
|
||||
.tv {
|
||||
&.article { --section-color: var(--article); }
|
||||
&.books { --section-color: var(--books); }
|
||||
&.brand-github { --section-color: var(--brand-github); }
|
||||
&.brand-mastodon { --section-color: var(--brand-mastodon); }
|
||||
&.brand-npm { --section-color: var(--brand-npm); }
|
||||
&.coffee { --section-color: var(--brand-buy-me-a-coffee); }
|
||||
&.collected { --section-color: var(--collected); }
|
||||
&.concerts { --section-color: var(--concerts); }
|
||||
&.country { --section-color: var(--country); }
|
||||
&.device-tv-old { --section-color: var(--tv); }
|
||||
&.device-watch { --section-color: var(--now); }
|
||||
&.favorite { --section-color: var(--favorite); }
|
||||
&.headphones { --section-color: var(--music); }
|
||||
&.heart-handshake { --section-color: var(--webrings); }
|
||||
&.info-circle { --section-color: var(--about); }
|
||||
&.link { --section-color: var(--link); }
|
||||
&.mail { --section-color: var(--brand-gmail); }
|
||||
&.mail-plus { --section-color: var(--newsletter); }
|
||||
&.movies, &.tv { --section-color: var(--tv); }
|
||||
&.music { --section-color: var(--music); }
|
||||
&.rss { --section-color: var(--brand-rss); }
|
||||
&.search { --section-color: var(--search); }
|
||||
&.tattoo { --section-color: var(--tattoo); }
|
||||
|
||||
color: var(--section-color);
|
||||
|
||||
& svg {
|
||||
stroke: var(--section-color);
|
||||
}
|
||||
}
|
||||
|
||||
/* links */
|
||||
a {
|
||||
color: var(--accent-color);
|
||||
text-decoration: none;
|
||||
|
||||
&.mail > svg { stroke: var(--brand-gmail); }
|
||||
&.brand-github > svg { stroke: var(--brand-github); }
|
||||
&.brand-npm > svg { stroke: var(--brand-npm); }
|
||||
&.brand-mastodon > svg { stroke: var(--brand-mastodon); }
|
||||
&.article > svg { stroke: var(--posts); }
|
||||
&.books > svg { stroke: var(--books); }
|
||||
&.device-watch > svg { stroke: var(--now); }
|
||||
&.coffee > svg { stroke: var(--brand-buy-me-a-coffee); }
|
||||
&.device-tv-old > svg { stroke: var(--tv); }
|
||||
&.favorite > svg { stroke: var(--favorite); }
|
||||
&.headphones > svg { stroke: var(--music); }
|
||||
&.heart-handshake > svg { stroke: var(--webrings); }
|
||||
&.info-circle > svg { stroke: var(--about); }
|
||||
&.link > svg { stroke: var(--link); }
|
||||
&.mail-plus > svg { stroke: var(--newsletter); }
|
||||
&.rss > svg { stroke: var(--brand-rss); }
|
||||
&.search > svg { stroke: var(--search); }
|
||||
|
||||
& svg {
|
||||
stroke: var(--accent-color);
|
||||
|
||||
&[data-tablericon-name^="arrow-"]:hover,
|
||||
&[data-tablericon-name^="arrow-"]:active,
|
||||
&[data-tablericon-name^="arrow-"]:focus {
|
||||
stroke: var(--accent-color-hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:is(a:hover, a:active, a:focus) svg[data-tablericon-name^="arrow-"] {
|
||||
|
|
@ -197,69 +196,20 @@ h1, h2, h3, h4, h5, h6 {
|
|||
margin: var(--margin-vertical-base-horizontal-zero);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: var(--font-size-2xl);
|
||||
h1 { font-size: var(--font-size-2xl); }
|
||||
h2 { font-size: var(--font-size-xl); }
|
||||
h3 { font-size: var(--font-size-lg); }
|
||||
h4 { font-size: var(--font-size-base); }
|
||||
h5 { font-size: var(--font-size-md); }
|
||||
h6 { font-size: var(--font-size-sm); }
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
font-size: var(--font-size-3xl);
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: var(--font-size-xl);
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
font-size: var(--font-size-2xl);
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: var(--font-size-lg);
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
font-size: var(--font-size-xl);
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
font-size: var(--font-size-base);
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
font-size: var(--font-size-lg);
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: var(--font-size-md);
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: var(--font-size-sm);
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
font-size: var(--font-size-md);
|
||||
}
|
||||
}
|
||||
|
||||
.section-header-wrapper {
|
||||
justify-content: space-between;
|
||||
margin: var(--spacing-xl) 0 var(--spacing-lg);
|
||||
|
||||
& .section-header {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.section-header {
|
||||
margin: var(--spacing-xl) 0 var(--spacing-lg);
|
||||
line-height: var(--line-height-sm);
|
||||
|
||||
&.posts {
|
||||
margin: 0 0 var(--spacing-lg);
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
h1 { font-size: var(--font-size-3xl); }
|
||||
h2 { font-size: var(--font-size-2xl); }
|
||||
h3 { font-size: var(--font-size-xl); }
|
||||
h4 { font-size: var(--font-size-lg); }
|
||||
h5 { font-size: var(--font-size-base); }
|
||||
h6 { font-size: var(--font-size-md); }
|
||||
}
|
||||
|
||||
/* dividers */
|
||||
|
|
@ -268,15 +218,10 @@ hr {
|
|||
background-color: var(--gray-light);
|
||||
border: 0;
|
||||
margin: var(--margin-vertical-base-horizontal-zero);
|
||||
|
||||
& + .section-header {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* tables */
|
||||
table {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
width: 100%;
|
||||
border: var(--border-gray);
|
||||
|
|
@ -375,11 +320,6 @@ th {
|
|||
.default-wrapper {
|
||||
padding-top: var(--spacing-2xl);
|
||||
|
||||
& .posts-wrapper article:last-of-type,
|
||||
& .article-widget-wrapper:last-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
& > h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
|
@ -410,29 +350,6 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
.status,
|
||||
article {
|
||||
margin-bottom: var(--spacing-base);
|
||||
}
|
||||
|
||||
.status,
|
||||
.posts-wrapper article {
|
||||
border-bottom: var(--border-gray);
|
||||
}
|
||||
|
||||
.status p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.article-widget-wrapper {
|
||||
border-bottom: var(--border-gray);
|
||||
margin-bottom: var(--spacing-base);
|
||||
|
||||
& article {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
& .updated {
|
||||
text-align: center;
|
||||
|
|
@ -482,21 +399,36 @@ footer {
|
|||
|
||||
/* articles */
|
||||
article {
|
||||
margin-bottom: var(--spacing-base);
|
||||
border-bottom: var(--border-gray);
|
||||
|
||||
&:last-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
& h3 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
& time {
|
||||
&:not(:has(h3)) p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
& .post-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--spacing-sm);
|
||||
color: var(--gray-dark);
|
||||
font-size: var(--font-size-sm);
|
||||
|
||||
& svg {
|
||||
stroke: var(--gray-dark);
|
||||
width: var(--sizing-svg-sm);
|
||||
height: var(--sizing-svg-sm);
|
||||
}
|
||||
|
||||
& time {
|
||||
color: var(--gray-dark);
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -34,16 +34,4 @@ button,
|
|||
transition-timing-function: var(--transition-ease-in-out);
|
||||
transition-duration: var(--transition-duration-default);
|
||||
}
|
||||
|
||||
&.secondary {
|
||||
color: var(--accent-color);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
&.secondary:not(.theme-toggle):hover,
|
||||
&.secondary:not(.theme-toggle):active,
|
||||
&.secondary:not(.theme-toggle):focus {
|
||||
color: var(--accent-color-hover);
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
|
@ -15,10 +15,9 @@
|
|||
.media-grid {
|
||||
display: grid;
|
||||
gap: var(--spacing-sm);
|
||||
margin-bottom: var(--spacing-base);
|
||||
|
||||
&.no-pagination {
|
||||
margin-bottom: 0;
|
||||
& ~ .pagination {
|
||||
margin-top: var(--spacing-base);
|
||||
}
|
||||
|
||||
&.square {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
inset: 0;
|
||||
background: var(--gray-dark-transparent);
|
||||
background: color-mix(in srgb, var(--gray-dark), transparent 10%);
|
||||
position: fixed;
|
||||
z-index: 3;
|
||||
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
max-width: 40%;
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
margin-left: var(--spacing-lg);
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -55,18 +55,17 @@
|
|||
}
|
||||
}
|
||||
|
||||
& .presentation .info {
|
||||
& .info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--spacing-sm);
|
||||
gap: var(--spacing-xs);
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
max-width: calc(75% - var(--sizing-lg));
|
||||
}
|
||||
}
|
||||
|
||||
& .meta,
|
||||
& .presentation {
|
||||
& .meta {
|
||||
justify-content: start;
|
||||
gap: var(--spacing-md);
|
||||
|
||||
|
|
@ -97,7 +96,10 @@
|
|||
|
||||
& .title {
|
||||
font-weight: var(--font-weight-bold);
|
||||
line-height: var(--line-height-md);
|
||||
|
||||
&.window {
|
||||
margin-bottom: calc(var(--spacing-sm) * -1);
|
||||
}
|
||||
}
|
||||
|
||||
& .title,
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
|
||||
& span.disabled svg[data-tablericon-name^="arrow-"] {
|
||||
cursor: not-allowed;
|
||||
stroke: color-mix(in srgb, var(--text-color), transparent 50%);
|
||||
stroke: var(--gray-medium);
|
||||
stroke-width: var(--stroke-width-default);
|
||||
}
|
||||
}
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
display: flex;
|
||||
height: var(--sizing-lg);
|
||||
width: 100%;
|
||||
background-color: var(--gray-light-transparent);
|
||||
background-color: var(--gray-light);
|
||||
border-radius: var(--border-radius-full);
|
||||
overflow: hidden;
|
||||
|
||||
|
|
|
|||
|
|
@ -19,14 +19,6 @@ input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-window"]) {
|
|||
margin-right: var(--spacing-xs);
|
||||
}
|
||||
|
||||
#tracks-recent:not(:checked) ~ [for="tracks-recent"]:hover,
|
||||
#tracks-recent:not(:checked) ~ [for="tracks-recent"]:active,
|
||||
#tracks-window:not(:checked) ~ [for="tracks-window"]:hover,
|
||||
#tracks-window:not(:checked) ~ [for="tracks-window"]:active {
|
||||
color: var(--accent-color-hover);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#tracks-recent:checked ~ [for="tracks-recent"],
|
||||
#tracks-window:checked ~ [for="tracks-window"] {
|
||||
cursor: not-allowed;
|
||||
|
|
@ -38,4 +30,11 @@ input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-window"]) {
|
|||
#tracks-window:not(:checked) ~ [for="tracks-window"] {
|
||||
color: var(--accent-color);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#tracks-recent:not(:checked) ~ [for="tracks-recent"]:hover,
|
||||
#tracks-recent:not(:checked) ~ [for="tracks-recent"]:active,
|
||||
#tracks-window:not(:checked) ~ [for="tracks-window"]:hover,
|
||||
#tracks-window:not(:checked) ~ [for="tracks-window"]:active {
|
||||
color: var(--accent-color-hover);
|
||||
}
|
||||
|
|
@ -28,12 +28,9 @@
|
|||
|
||||
--gray-light: var(--gray-200);
|
||||
--gray-lighter: var(--gray-100);
|
||||
--gray-medium: var(--gray-500);
|
||||
--gray-dark: var(--gray-950);
|
||||
|
||||
/* semi-transparent overlay color */
|
||||
--gray-dark-transparent: #000000b3;
|
||||
--gray-light-transparent: #d9dee499;
|
||||
|
||||
/* base theme */
|
||||
--color-lightest: var(--gray-50);
|
||||
--color-darkest: var(--gray-1000);
|
||||
|
|
@ -52,6 +49,7 @@
|
|||
--brand-buy-me-a-coffee: #40dca5;
|
||||
--brand-rss: #f26522;
|
||||
|
||||
--article: #008080;
|
||||
--about: #ff6347;
|
||||
--books: #32cd32;
|
||||
--collected: #b5651d;
|
||||
|
|
@ -64,7 +62,6 @@
|
|||
--music: #1e90ff;
|
||||
--newsletter: #40e0d0;
|
||||
--now: #ff1493;
|
||||
--posts: #008080;
|
||||
--search: #4682b4;
|
||||
--sun: #ffa500;
|
||||
--tattoo: #b22222;
|
||||
|
|
@ -72,9 +69,6 @@
|
|||
--warning: #ff8c00;
|
||||
--webrings: #da70d6;
|
||||
|
||||
/* outline */
|
||||
--outline-default: 2px dashed var(--accent-color);
|
||||
|
||||
/* borders */
|
||||
--border-default: 1px solid var(--accent-color);
|
||||
--border-gray: 1px solid var(--gray-light);
|
||||
|
|
|
|||
|
|
@ -1,6 +1,4 @@
|
|||
<article class="status">
|
||||
<article>
|
||||
<p><strong class="highlight-text">I'm a software developer based in Camarillo, California</strong>. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, <a href="/music">music</a>, <a href="/posts">writing</a>, <a href="/books">reading</a>, <a href="/watching#tv">tv</a> and <a href="/watching#movies">movies</a>.</p>
|
||||
{% render "partials/blocks/now-playing.liquid", music:music %}
|
||||
<hr />
|
||||
{% render "partials/home/recent-activity.liquid" music:music, books:books, tv:tv, movies:movies, links:links %}
|
||||
</article>
|
||||
|
|
@ -3,15 +3,17 @@
|
|||
{%- assign movie = movies.recentlyWatched | first -%}
|
||||
{%- assign book = books | bookStatus: 'finished' | bookSortDescending | first -%}
|
||||
{%- assign link = links | first -%}
|
||||
<h2 class="section-header">
|
||||
{% tablericon "activity" "Recent activity" %}
|
||||
Recent activity
|
||||
</h2>
|
||||
<ul>
|
||||
<li><span class="music">Top track this week:</span> <a href="{{ track.url }}">{{ track.title }} by {{ track.artist }}</a></li>
|
||||
<li><span class="tv">Last episode watched:</span> <strong class="highlight-text">S{{ show.season }}E{{ show.episode }}</strong> of <a href="{{ show.url }}">{{ show.name }}</a></li>
|
||||
<li><span class="movies">Last movie watched:</span> <a href="{{ movie.url }}">{{ movie.title }}</a>{%- if movie.rating %} ({{ movie.rating }}){%- endif -%}</li>
|
||||
<li><span class="books">Last book finished:</span> <a href="{{ book.url }}">{{ book.title }}</a> by {{ book.author }}{%- if book.rating %} ({{ book.rating }}){%- endif -%}</li>
|
||||
<li><span class="link">Last link shared:</span> <a href="{{ link.link }}">{{ link.title }}</a>{% if link.authors %} via <a href="{{ link.authors.url }}">{{ link.authors.name }}</a>{% endif %}</li>
|
||||
</ul>
|
||||
{% render "partials/blocks/banners/rss.liquid", url: "/feeds", text: "Subscribe to my movies, books, links or activity feed(s)" %}
|
||||
<article>
|
||||
<h2>
|
||||
{% tablericon "activity" "Recent activity" %}
|
||||
Recent activity
|
||||
</h2>
|
||||
<ul>
|
||||
<li><span class="music">Top track this week:</span> <a href="{{ track.url }}">{{ track.title }} by {{ track.artist }}</a></li>
|
||||
<li><span class="tv">Last episode watched:</span> <strong class="highlight-text">S{{ show.season }}E{{ show.episode }}</strong> of <a href="{{ show.url }}">{{ show.name }}</a></li>
|
||||
<li><span class="movies">Last movie watched:</span> <a href="{{ movie.url }}">{{ movie.title }}</a>{%- if movie.rating %} ({{ movie.rating }}){%- endif -%}</li>
|
||||
<li><span class="books">Last book finished:</span> <a href="{{ book.url }}">{{ book.title }}</a> by {{ book.author }}{%- if book.rating %} ({{ book.rating }}){%- endif -%}</li>
|
||||
<li><span class="link">Last link shared:</span> <a href="{{ link.link }}">{{ link.title }}</a>{% if link.authors %} via <a href="{{ link.authors.url }}">{{ link.authors.name }}</a>{% endif %}</li>
|
||||
</ul>
|
||||
{% render "partials/blocks/banners/rss.liquid", url: "/feeds", text: "Subscribe to my movies, books, links or activity feed(s)" %}
|
||||
</article>
|
||||
|
|
@ -1,21 +1,19 @@
|
|||
<div class="article-widget-wrapper">
|
||||
<div class="section-header-wrapper">
|
||||
<h2 class="section-header">
|
||||
{% tablericon "clock" "Recent posts" %}
|
||||
Recent posts
|
||||
</h2>
|
||||
</div>
|
||||
{%- for post in posts limit: 5 -%}
|
||||
<article>
|
||||
<h2>
|
||||
{% tablericon "clock" "Recent posts" %}
|
||||
Recent posts
|
||||
</h2>
|
||||
{%- for post in posts limit: 5 -%}
|
||||
<article>
|
||||
<div class="post-meta">
|
||||
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%}
|
||||
<time datetime="{{ post.date }}">
|
||||
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%}
|
||||
{{ post.date | date: "%B %e, %Y" }}
|
||||
</time>
|
||||
<h3>
|
||||
<a href="{{ post.slug }}">{{ post.title }}</a>
|
||||
</h3>
|
||||
{{ 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>
|
||||
</div>
|
||||
</div>
|
||||
<h3>
|
||||
<a href="{{ post.slug }}">{{ post.title }}</a>
|
||||
</h3>
|
||||
{{ 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>
|
||||
|
|
@ -6,21 +6,17 @@
|
|||
{%- assign percentage = item.plays | calculatePlayPercentage: playTotal -%}
|
||||
<li value="{{ item.rank }}">
|
||||
<div class="item">
|
||||
<div class="presentation">
|
||||
<div class="info">
|
||||
<div class="title">
|
||||
<a href="{{ item.url }}">{{ item.title }}</a>
|
||||
</div>
|
||||
{%- capture playsLabel -%}
|
||||
{%- if item.plays > 1 -%}
|
||||
plays
|
||||
{%- else -%}
|
||||
play
|
||||
{%- endif -%}
|
||||
{%- endcapture -%}
|
||||
<div class="subtext">{{ item.artist }}</div>
|
||||
<div class="subtext">{{ item.plays }} {{ playsLabel }}</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<a class="title window" href="{{ item.url }}">{{ item.title }}</a>
|
||||
{%- capture playsLabel -%}
|
||||
{%- if item.plays > 1 -%}
|
||||
plays
|
||||
{%- else -%}
|
||||
play
|
||||
{%- endif -%}
|
||||
{%- endcapture -%}
|
||||
<span class="subtext">{{ item.artist }}</span>
|
||||
<span class="subtext">{{ item.plays }} {{ playsLabel }}</span>
|
||||
</div>
|
||||
{% render "partials/media/progress-bar.liquid", percentage:percentage %}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -19,10 +19,8 @@
|
|||
/>
|
||||
</a>
|
||||
<div class="meta-text">
|
||||
<div class="title">
|
||||
<a href="{{ item.url }}">{{ item.title }}</a>
|
||||
</div>
|
||||
<div class="subtext">{{ item.artist }}</div>
|
||||
<a class="title" href="{{ item.url }}">{{ item.title }}</a>
|
||||
<span class="subtext">{{ item.artist }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timestamp">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{%- assign hidePagination = count or data.pages.size <= 1 -%}
|
||||
<div class="watching grid{% if hidePagination %} no-pagination {% endif %}">
|
||||
<div class="watching grid">
|
||||
{%- assign items = data.items | default: mediaItems -%}
|
||||
{%- for item in items limit: count -%}
|
||||
{%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %}
|
||||
|
|
|
|||
|
|
@ -2,5 +2,6 @@
|
|||
layout: default
|
||||
permalink: /
|
||||
---
|
||||
{% render "partials/home/status.liquid" music:music, books:books.all, tv:tv, movies:movies, links:links %}
|
||||
{% render "partials/home/intro.liquid" music:music %}
|
||||
{% render "partials/home/recent-activity.liquid" music:music, books:books.all, tv:tv, movies:movies, links:links %}
|
||||
{% render "partials/home/recent-posts.liquid" posts:posts %}
|
||||
|
|
@ -12,28 +12,26 @@ schema: music-index
|
|||
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
|
||||
{% render "partials/blocks/now-playing.liquid", music:music %}
|
||||
<hr />
|
||||
<h3 id="artists" class="section-header">
|
||||
<h3 id="artists">
|
||||
<a class="icon-link" href="/music/artists/this-week">
|
||||
{% tablericon "microphone-2" "Artists" %}
|
||||
Artists
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.week.artists, shape: "square", count: 8, loading: "eager" %}
|
||||
<h3 id="albums" class="section-header">
|
||||
<h3 id="albums">
|
||||
<a class="icon-link" href="/music/albums/this-week">
|
||||
{% tablericon "vinyl" "Albums" %}
|
||||
Albums
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.week.albums, shape: "square", count: 8 %}
|
||||
<div class="section-header-wrapper">
|
||||
<h3 id="tracks" class="section-header">
|
||||
<a class="icon-link" href="/music/tracks/this-week">
|
||||
{% tablericon "playlist" "Tracks" %}
|
||||
Tracks
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
<h3 id="tracks">
|
||||
<a class="icon-link" href="/music/tracks/this-week">
|
||||
{% tablericon "playlist" "Tracks" %}
|
||||
Tracks
|
||||
</a>
|
||||
</h3>
|
||||
<div class="track-display">
|
||||
<input id="tracks-recent" name="track-options" type="radio" aria-hidden="true" checked />
|
||||
<input id="tracks-window" name="track-options" type="radio" aria-hidden="true" />
|
||||
|
|
@ -47,7 +45,7 @@ schema: music-index
|
|||
</div>
|
||||
</div>
|
||||
{% if albumReleases.size > 0 %}
|
||||
<h3 id="album-releases" class="section-header">
|
||||
<h3 id="album-releases">
|
||||
{% tablericon "calendar-time" "Anticipated albums" %}
|
||||
Anticipated albums
|
||||
</h3>
|
||||
|
|
|
|||
|
|
@ -12,21 +12,21 @@ schema: music-period
|
|||
<p><strong class="highlight-text">See more of the</strong> <a href="/music/artists/three-months/">artists</a>, <a href="/music/albums/three-months/">albums</a> or <a href="/music/tracks/three-months/">tracks</a> I've listened to over the last 3 months. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/this-month">this month</a>.</p>
|
||||
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
|
||||
<hr />
|
||||
<h3 id="artists" class="section-header">
|
||||
<h3 id="artists">
|
||||
<a class="icon-link" href="/music/artists/three-months">
|
||||
{% tablericon "microphone-2" "Artists" %}
|
||||
Artists
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8, loading: "eager" %}
|
||||
<h3 id="albums" class="section-header">
|
||||
<h3 id="albums">
|
||||
<a class="icon-link" href="/music/albums/three-months">
|
||||
{% tablericon "vinyl" "Albums" %}
|
||||
Albums
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %}
|
||||
<h3 id="tracks" class="section-header">
|
||||
<h3 id="tracks">
|
||||
<a class="icon-link" href="/music/tracks/three-months">
|
||||
{% tablericon "playlist" "Tracks" %}
|
||||
Tracks
|
||||
|
|
|
|||
|
|
@ -12,21 +12,21 @@ schema: music-period
|
|||
<p><strong class="highlight-text">See more of the</strong> <a href="/music/artists/this-month/">artists</a>, <a href="/music/albums/this-month/">albums</a> or <a href="/music/tracks/this-month/">tracks</a> I've listened to this month. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music">this week</a> or <a href="/music/three-months">over the last 3 months</a>.</p>
|
||||
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
|
||||
<hr />
|
||||
<h3 id="artists" class="section-header">
|
||||
<h3 id="artists">
|
||||
<a class="icon-link" href="/music/artists/this-month">
|
||||
{% tablericon "microphone-2" "Artists" %}
|
||||
Artists
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.month.artists, shape: "square", count: 8, loading: "eager" %}
|
||||
<h3 id="albums" class="section-header">
|
||||
<h3 id="albums">
|
||||
<a class="icon-link" href="/music/albums/this-month">
|
||||
{% tablericon "vinyl" "Albums" %}
|
||||
Albums
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:music.month.albums, shape: "square", count: 8 %}
|
||||
<h3 id="tracks" class="section-header">
|
||||
<h3 id="tracks">
|
||||
<a class="icon-link" href="/music/tracks/this-month">
|
||||
{% tablericon "playlist" "Tracks" %}
|
||||
Tracks
|
||||
|
|
|
|||
|
|
@ -7,18 +7,18 @@ pagination:
|
|||
alias: posts
|
||||
permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
|
||||
---
|
||||
<div class="posts-wrapper">
|
||||
{% for post in pagination.items %}
|
||||
<article>
|
||||
{% for post in pagination.items %}
|
||||
<article>
|
||||
<div class="post-meta">
|
||||
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%}
|
||||
<time datetime="{{ post.date }}">
|
||||
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%}
|
||||
{{ post.date | date: "%B %e, %Y" }}
|
||||
</time>
|
||||
<h3>
|
||||
<a href="{{ post.slug }}">{{ post.title }}</a>
|
||||
</h3>
|
||||
<p>{{ post.description }}</p>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<h3>
|
||||
<a href="{{ post.slug }}">{{ post.title }}</a>
|
||||
</h3>
|
||||
<p>{{ post.description }}</p>
|
||||
</article>
|
||||
{% endfor %}
|
||||
{% render "partials/nav/paginator.liquid", pagination:pagination %}
|
||||
|
|
@ -8,10 +8,12 @@ permalink: "{{ post.slug }}/index.html"
|
|||
schema: blog
|
||||
---
|
||||
<article class="standalone">
|
||||
<time datetime="{{ post.date }}">
|
||||
<div class="post-meta">
|
||||
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%}
|
||||
{{ post.date | date: "%B %e, %Y" }}
|
||||
</time>
|
||||
<time datetime="{{ post.date }}">
|
||||
{{ post.date | date: "%B %e, %Y" }}
|
||||
</time>
|
||||
</div>
|
||||
<h3>
|
||||
{{ post.title }}
|
||||
</h3>
|
||||
|
|
|
|||
|
|
@ -12,21 +12,21 @@ schema: watching
|
|||
<p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion.</p>
|
||||
{% render "partials/blocks/banners/rss.liquid", url: "/feeds/movies", text: "Subscribe to my movies feed or follow along on this page" %}
|
||||
<hr />
|
||||
<h3 id="movies" class="section-header">
|
||||
<h3 id="movies">
|
||||
<a class="icon-link" href="/watching/recent/movies">
|
||||
{% tablericon "movie" "Recent movies" %}
|
||||
Recent movies
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
|
||||
<h3 id="tv" class="section-header">
|
||||
<h3 id="tv">
|
||||
<a class="icon-link" href="/watching/recent/shows">
|
||||
{% tablericon "device-tv-old" "Recent shows" %}
|
||||
Recent shows
|
||||
</a>
|
||||
</h3>
|
||||
{% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
|
||||
<h3 id="favorite-movies" class="section-header">
|
||||
<h3 id="favorite-movies">
|
||||
<a class="icon-link" href="/watching/favorite-movies">
|
||||
{% tablericon "star" "Favorite movies" %}
|
||||
Favorite movies
|
||||
|
|
@ -34,7 +34,7 @@ schema: watching
|
|||
</h3>
|
||||
{% assign favoriteMovies = movies.favorites | featuredWatching: 6 %}
|
||||
{% render "partials/media/watching/grid.liquid", mediaItems:favoriteMovies, count: 6 %}
|
||||
<h3 id="favorite-shows" class="section-header">
|
||||
<h3 id="favorite-shows">
|
||||
<a class="icon-link" href="/watching/favorite-shows">
|
||||
{% tablericon "star" "Favorite shows" %}
|
||||
Favorite shows
|
||||
|
|
|
|||
Reference in a new issue