chore: headers and such

This commit is contained in:
Cory Dransfeldt 2024-06-20 15:00:13 -07:00
parent d7dd1a0d0b
commit 7e86d2275c
No known key found for this signature in database
14 changed files with 42 additions and 46 deletions

4
package-lock.json generated
View file

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

View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.5.13", "version": "19.5.14",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

View file

@ -15,7 +15,7 @@
</time> </time>
</div> </div>
<a href="{{ post.slug }}"> <a href="{{ post.slug }}">
<h2 class="flex-centered">{{ post.title }}</h2> <h3 class="flex-centered">{{ post.title }}</h3>
</a> </a>
<span class="p-author h-card hidden">{{ meta.siteName }}</span> <span class="p-author h-card hidden">{{ meta.siteName }}</span>
<div class="p-summary hidden">{{ post.data.post_excerpt }}</div> <div class="p-summary hidden">{{ post.data.post_excerpt }}</div>

View file

@ -1,8 +1,8 @@
{% if popularPosts.size > 0 %} {% if popularPosts.size > 0 %}
<h2 class="link-list-header flex-centered"> <h3 class="link-list-header flex-centered">
{% tablericon "flame" "Popular" %} {% tablericon "flame" "Popular" %}
Popular posts Popular posts
</h2> </h3>
<ul class="link-list"> <ul class="link-list">
{% for post in popularPosts limit: 5 %} {% for post in popularPosts limit: 5 %}
<li> <li>

View file

@ -1,8 +1,8 @@
{% if links.size > 0 %} {% if links.size > 0 %}
<h2 id="links" class="link-list-header flex-centered"> <h3 id="links" class="link-list-header flex-centered">
{% tablericon "link" "Links" %} {% tablericon "link" "Links" %}
Recent links Recent links
</h2> </h3>
<ul class="link-list"> <ul class="link-list">
{% for link in links limit: 5 %} {% for link in links limit: 5 %}
<li> <li>

View file

@ -187,10 +187,6 @@ h6 { font-size: var(--font-size-sm) }
.section-header { .section-header {
margin: var(--sizing-xl) 0 var(--sizing-lg); margin: var(--sizing-xl) 0 var(--sizing-lg);
&.reduced-margin {
margin: var(--sizing-md) 0 var(--sizing-lg);
}
&.no-top-margin { &.no-top-margin {
margin: 0 0 var(--sizing-lg); margin: 0 0 var(--sizing-lg);
} }
@ -611,7 +607,7 @@ li {
flex-direction: row; flex-direction: row;
} }
article h2 { article h3 {
margin: 0 0 var(--sizing-xs); margin: 0 0 var(--sizing-xs);
} }

View file

@ -53,7 +53,7 @@ schema: book
<hr /> <hr />
{% endif %} {% endif %}
{% if book.description %} {% if book.description %}
<h2>Overview</h2> <h3>Overview</h3>
{{ book.description | markdown }} {{ book.description | markdown }}
{% endif %} {% endif %}
</article> </article>

View file

@ -15,28 +15,28 @@ schema: music-index
<p><strong class="highlight-text">See more of the</strong> <a href="/music/artists/this-week/">artists</a>, <a href="/music/albums/this-week/">albums</a> or <a href="/music/tracks/this-week/">tracks</a> I've listened to this week. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music/this-month">this month</a> or <a href="/music/three-months">over the last 3 months</a></p> <p><strong class="highlight-text">See more of the</strong> <a href="/music/artists/this-week/">artists</a>, <a href="/music/albums/this-week/">albums</a> or <a href="/music/tracks/this-week/">tracks</a> I've listened to this week. <strong class="highlight-text">Or take a look at what I've listened to</strong> <a href="/music/this-month">this month</a> or <a href="/music/three-months">over the last 3 months</a></p>
{% render "partials/widgets/now-playing.liquid" %} {% render "partials/widgets/now-playing.liquid" %}
<hr /> <hr />
<h2 id="artists" class="section-header no-top-margin"> <h3 id="artists" class="section-header no-top-margin">
<a class="link-icon" href="/music/artists/this-week"> <a class="link-icon" href="/music/artists/this-week">
{% tablericon "microphone-2" "Artists" %} {% tablericon "microphone-2" "Artists" %}
Artists Artists
</a> </a>
</h2> </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" %}
<h2 id="albums" class="section-header reduced-margin"> <h3 id="albums" class="section-header">
<a class="link-icon" href="/music/albums/this-week"> <a class="link-icon" href="/music/albums/this-week">
{% tablericon "vinyl" "Albums" %} {% tablericon "vinyl" "Albums" %}
Albums Albums
</a> </a>
</h2> </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 %}
<div class="section-header-wrapper"> <div class="section-header-wrapper">
<h2 id="tracks" class="section-header reduced-margin"> <h3 id="tracks" class="section-header">
<a class="link-icon" href="/music/tracks/this-week"> <a class="link-icon" href="/music/tracks/this-week">
{% tablericon "playlist" "Tracks" %} {% tablericon "playlist" "Tracks" %}
Tracks Tracks
</a> </a>
</h2> </h3>
<div class="section-header-buttons reduced-margin client-side"> <div class="section-header-buttons client-side">
<button class="small active" data-toggle="tracks-recent">Recent</button> <button class="small active" data-toggle="tracks-recent">Recent</button>
<button class="small secondary" data-toggle="tracks-window">This week</button> <button class="small secondary" data-toggle="tracks-window">This week</button>
</div> </div>
@ -48,9 +48,9 @@ schema: music-index
{% render "partials/media/music/chart.liquid", data:music.week.tracks, mostPlayed:music.week.tracks[0].plays, count: 10 %} {% render "partials/media/music/chart.liquid", data:music.week.tracks, mostPlayed:music.week.tracks[0].plays, count: 10 %}
</div> </div>
{% if albumReleases.size > 0 %} {% if albumReleases.size > 0 %}
<h2 id="album-releases" class="section-header flex-centered"> <h3 id="album-releases" class="section-header flex-centered">
{% tablericon "calendar-time" "Anticipated albums" %} {% tablericon "calendar-time" "Anticipated albums" %}
Anticipated albums Anticipated albums
</h2> </h3>
{% render "partials/media/grid.liquid", data:albumReleases, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:albumReleases, shape: "square", count: 8 %}
{% endif %} {% endif %}

View file

@ -11,24 +11,24 @@ schema: music-period
<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>
<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><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>
<hr /> <hr />
<h2 id="artists" class="section-header no-top-margin"> <h3 id="artists" class="section-header no-top-margin">
<a class="link-icon" href="/music/artists/three-months"> <a class="link-icon" href="/music/artists/three-months">
{% tablericon "microphone-2" "Artists" %} {% tablericon "microphone-2" "Artists" %}
Artists Artists
</a> </a>
</h2> </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" %}
<h2 id="albums" class="section-header reduced-margin"> <h3 id="albums" class="section-header">
<a class="link-icon" href="/music/albums/three-months"> <a class="link-icon" href="/music/albums/three-months">
{% tablericon "vinyl" "Albums" %} {% tablericon "vinyl" "Albums" %}
Albums Albums
</a> </a>
</h2> </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 %}
<h2 id="tracks" class="section-header reduced-margin"> <h3 id="tracks" class="section-header">
<a class="link-icon" href="/music/tracks/three-months"> <a class="link-icon" href="/music/tracks/three-months">
{% tablericon "playlist" "Tracks" %} {% tablericon "playlist" "Tracks" %}
Tracks Tracks
</a> </a>
</h2> </h3>
{% render "partials/media/music/chart.liquid", data:music.threeMonth.tracks, mostPlayed:music.threeMonth.tracks[0].plays, count: 10 %} {% render "partials/media/music/chart.liquid", data:music.threeMonth.tracks, mostPlayed:music.threeMonth.tracks[0].plays, count: 10 %}

View file

@ -11,24 +11,24 @@ schema: music-period
<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>
<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><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>
<hr /> <hr />
<h2 id="artists" class="section-header no-top-margin"> <h3 id="artists" class="section-header no-top-margin">
<a class="link-icon" href="/music/artists/this-month"> <a class="link-icon" href="/music/artists/this-month">
{% tablericon "microphone-2" "Artists" %} {% tablericon "microphone-2" "Artists" %}
Artists Artists
</a> </a>
</h2> </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" %}
<h2 id="albums" class="section-header reduced-margin"> <h3 id="albums" class="section-header">
<a class="link-icon" href="/music/albums/this-month"> <a class="link-icon" href="/music/albums/this-month">
{% tablericon "vinyl" "Albums" %} {% tablericon "vinyl" "Albums" %}
Albums Albums
</a> </a>
</h2> </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 %}
<h2 id="tracks" class="section-header reduced-margin"> <h3 id="tracks" class="section-header">
<a class="link-icon" href="/music/tracks/this-month"> <a class="link-icon" href="/music/tracks/this-month">
{% tablericon "playlist" "Tracks" %} {% tablericon "playlist" "Tracks" %}
Tracks Tracks
</a> </a>
</h2> </h3>
{% render "partials/media/music/chart.liquid", data:music.month.tracks, mostPlayed:music.month.tracks[0].plays, count: 10 %} {% render "partials/media/music/chart.liquid", data:music.month.tracks, mostPlayed:music.month.tracks[0].plays, count: 10 %}

View file

@ -17,7 +17,7 @@ permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
</time> </time>
</div> </div>
<a href="{{ post.slug }}"> <a href="{{ post.slug }}">
<h2 class="flex-centered">{{ post.title }}</h2> <h3 class="flex-centered">{{ post.title }}</h3>
</a> </a>
<span class="p-author h-card hidden">{{ meta.siteName }}</span> <span class="p-author h-card hidden">{{ meta.siteName }}</span>
<div class="p-summary hidden">{{ post.description }}</div> <div class="p-summary hidden">{{ post.description }}</div>

View file

@ -12,33 +12,33 @@ schema: watching
<p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion. You can also take a look at the <a href="/watching/movies-to-watch">movies</a> and <a href="/watching/shows-to-watch">shows</a> I'm planning to watch.</p> <p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion. You can also take a look at the <a href="/watching/movies-to-watch">movies</a> and <a href="/watching/shows-to-watch">shows</a> I'm planning to watch.</p>
{% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-movies", text: "Subscribe to my movies feed or follow along on this page" %} {% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-movies", text: "Subscribe to my movies feed or follow along on this page" %}
<hr /> <hr />
<h2 id="movies" class="section-header no-top-margin"> <h3 id="movies" class="section-header no-top-margin">
<a class="link-icon" href="/watching/recent/movies"> <a class="link-icon" href="/watching/recent/movies">
{% tablericon "movie" "Recent movies" %} {% tablericon "movie" "Recent movies" %}
Recent movies Recent movies
</a> </a>
</h2> </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 %}
<h2 id="tv" class="section-header reduced-margin"> <h3 id="tv" class="section-header">
<a class="link-icon" href="/watching/recent/shows"> <a class="link-icon" href="/watching/recent/shows">
{% tablericon "device-tv" "Recent shows" %} {% tablericon "device-tv" "Recent shows" %}
Recent shows Recent shows
</a> </a>
</h2> </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 %}
<h2 id="favorite-movies" class="section-header reduced-margin"> <h3 id="favorite-movies" class="section-header">
<a class="link-icon" href="/watching/favorite-movies"> <a class="link-icon" href="/watching/favorite-movies">
{% tablericon "star" "Favorite movies" %} {% tablericon "star" "Favorite movies" %}
Favorite movies Favorite movies
</a> </a>
</h2> </h3>
{% assign favoriteMovies = movies.favorites | featuredWatching: 6 %} {% assign favoriteMovies = movies.favorites | featuredWatching: 6 %}
{% render "partials/media/watching/grid.liquid", mediaItems:favoriteMovies, count: 6 %} {% render "partials/media/watching/grid.liquid", mediaItems:favoriteMovies, count: 6 %}
<h2 id="favorite-shows" class="section-header reduced-margin"> <h3 id="favorite-shows" class="section-header">
<a class="link-icon" href="/watching/favorite-shows"> <a class="link-icon" href="/watching/favorite-shows">
{% tablericon "star" "Favorite shows" %} {% tablericon "star" "Favorite shows" %}
Favorite shows Favorite shows
</a> </a>
</h2> </h3>
{% assign favoriteShows = tv.favorites | featuredWatching: 6 %} {% assign favoriteShows = tv.favorites | featuredWatching: 6 %}
{% render "partials/media/watching/grid.liquid", mediaItems:favoriteShows, count: 6 %} {% render "partials/media/watching/grid.liquid", mediaItems:favoriteShows, count: 6 %}

View file

@ -43,7 +43,7 @@ schema: movie
<hr /> <hr />
{% endif %} {% endif %}
{% if movie.description %} {% if movie.description %}
<h2>Overview</h2> <h3>Overview</h3>
{{ movie.description | markdown }} {{ movie.description | markdown }}
{% endif %} {% endif %}
</article> </article>

View file

@ -42,7 +42,7 @@ schema: show
<hr /> <hr />
{% endif %} {% endif %}
{% if show.description %} {% if show.description %}
<h2>Overview</h2> <h3>Overview</h3>
{{ show.description | markdown }} {{ show.description | markdown }}
{% endif %} {% endif %}
</article> </article>