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

chore: cleanup + organize

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-19 14:40:22 -07:00
parent ac9a617fcd
commit 1852951f24
No known key found for this signature in database
21 changed files with 38 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "16.0.1", "version": "16.0.2",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "16.0.1", "version": "16.0.2",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.2.2", "@cdransf/api-text": "^1.2.2",
@ -1158,9 +1158,9 @@
"integrity": "sha512-6AMQ/tl6uI3wXknv8exYJguym/bPHxIW5XOYg7aWCQtMbP4XUDAsWp2pv4o9wtesIF8K7CssNPR93qFOh7D8lw==" "integrity": "sha512-6AMQ/tl6uI3wXknv8exYJguym/bPHxIW5XOYg7aWCQtMbP4XUDAsWp2pv4o9wtesIF8K7CssNPR93qFOh7D8lw=="
}, },
"node_modules/@emnapi/runtime": { "node_modules/@emnapi/runtime": {
"version": "1.1.1", "version": "1.2.0",
"resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.1.1.tgz", "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.2.0.tgz",
"integrity": "sha512-3bfqkzuR1KLx57nZfjr2NLnFOobvyS0aTszaEGCGqmYMVDRaGvgIZbjGSV/MHSSmLgQ/b9JFHQ5xm5WRZYd+XQ==", "integrity": "sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==",
"dev": true, "dev": true,
"optional": true, "optional": true,
"dependencies": { "dependencies": {

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "16.0.1", "version": "16.0.2",
"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": {

2
src/_includes/book-year.liquid
View file

@ -14,4 +14,4 @@ layout: default
<p>I finished <strong class="highlight-text">{{ bookData.size }} books</strong> in {{ year }}</p> <p>I finished <strong class="highlight-text">{{ bookData.size }} books</strong> in {{ year }}</p>
{% endif %} {% endif %}
<hr class="large-spacing" /> <hr class="large-spacing" />
{% render "partials/now/media-grid.liquid", data:bookData, shape: "vertical", count: 200, loading: "eager" %} {% render "partials/media/grid.liquid", data:bookData, shape: "vertical", count: 200, loading: "eager" %}

2
src/_includes/partials/home/status.liquid
View file

@ -3,6 +3,6 @@
{%- assign show = tv.recentlyWatched | first -%} {%- assign show = tv.recentlyWatched | first -%}
<div class="now-topper"> <div class="now-topper">
<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="https://coryd.dev/music">music</a>, writing, <a href="https://coryd.dev/books">reading</a>, <a href="https://coryd.dev/watching#tv">tv</a> and <a href="https://coryd.dev/watching#movies">movies</a>. Lately I've been listening to a lot of <strong class="highlight-text">{{ artist.title }}</strong>, reading <strong class="highlight-text">{{ book.title }}</strong> and watching <strong class="highlight-text">{{ show.name }}</strong>.</p> <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="https://coryd.dev/music">music</a>, writing, <a href="https://coryd.dev/books">reading</a>, <a href="https://coryd.dev/watching#tv">tv</a> and <a href="https://coryd.dev/watching#movies">movies</a>. Lately I've been listening to a lot of <strong class="highlight-text">{{ artist.title }}</strong>, reading <strong class="highlight-text">{{ book.title }}</strong> and watching <strong class="highlight-text">{{ show.name }}</strong>.</p>
{% render "partials/now/status.liquid", status:status %} <p>{{ status.emoji }} {{ status.content }}</p>
{% render "partials/widgets/now-playing.liquid" %} {% render "partials/widgets/now-playing.liquid" %}
</div> </div>

0
src/_includes/partials/now/album-releases.liquid → src/_includes/partials/media/album-releases.liquid
View file

0
src/_includes/partials/now/media-grid.liquid → src/_includes/partials/media/grid.liquid
View file

0
src/_includes/partials/now/progress-bar.liquid → src/_includes/partials/media/progress-bar.liquid
View file

2
src/_includes/partials/now/track-chart.liquid → src/_includes/partials/media/track-chart.liquid
View file

@ -12,7 +12,7 @@
<div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div> <div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div>
</div> </div>
</div> </div>
{% render "partials/now/progress-bar.liquid", percentage:percentage %} {% render "partials/media/progress-bar.liquid", percentage:percentage %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

0
src/_includes/partials/now/tracks-recent.liquid → src/_includes/partials/media/tracks-recent.liquid
View file

1
src/_includes/partials/now/status.liquid
View file

@ -1 +0,0 @@
<p>{{ status.emoji }} {{ status.content }}</p>

10
src/_includes/partials/widgets/post-graph.liquid
View file

@ -1,10 +0,0 @@
<div class="post-graph">
{% assign years = postYears | reverse %}
{%- for year in years %}
<div class="wrapper">
<div class="year">{{ year.year }}</div>
<div class="progress" style="width: {{ year.yearProgress }}%"></div>
<div class="data">{{ year.postCount }}</div>
</div>
{% endfor %}
</div>

25
src/assets/styles/components/post-graph.css
View file

@ -1,25 +0,0 @@
.post-graph {
margin-top: var(--sizing-base);
margin-bottom: var(--sizing-base);
& .wrapper {
display: flex;
align-items: center;
height: var(--sizing-3xl);
margin-bottom: var(--sizing-sm);
& .year {
font-family: var(--font-mono);
}
& .progress {
background-color: var(--accent-color);
height: 100%;
}
& .progress,
& .data {
margin-left: var(--sizing-sm);
}
}
}

1
src/assets/styles/index.css
View file

@ -36,7 +36,6 @@
@import url('./components/media-grid.css') layer(components); @import url('./components/media-grid.css') layer(components);
@import url('./components/menu.css') layer(components); @import url('./components/menu.css') layer(components);
@import url('./components/paginator.css') layer(components); @import url('./components/paginator.css') layer(components);
@import url('./components/post-graph.css') layer(components);
@import url('./components/progress-bar.css') layer(components); @import url('./components/progress-bar.css') layer(components);
@import url('./components/share-button.css') layer(components); @import url('./components/share-button.css') layer(components);
@import url('./components/theme-toggle.css') layer(components); @import url('./components/theme-toggle.css') layer(components);

28
src/pages/main/music/index.html
View file

@ -24,16 +24,16 @@ permalink: "/music/index.html"
</div> </div>
</div> </div>
<div id="artists-window"> <div id="artists-window">
{% render "partials/now/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" %}
</div> </div>
<div class="hidden" id="artists-month"> <div class="hidden" id="artists-month">
{% render "partials/now/media-grid.liquid", data:music.month.artists, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:music.month.artists, shape: "square", count: 8 %}
</div> </div>
<div class="hidden" id="artists-three-months"> <div class="hidden" id="artists-three-months">
{% render "partials/now/media-grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8 %}
</div> </div>
<div class="hidden" id="artists-all-time"> <div class="hidden" id="artists-all-time">
{% render "partials/now/media-grid.liquid", data:music.allTime.artists, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:music.allTime.artists, shape: "square", count: 8 %}
</div> </div>
<p><strong class="highlight-text">More:</strong> <a href="/music/artists/this-week/">This week</a> • <a href="/music/artists/this-month/">This month</a> • <a href="/music/artists/three-months/">3 months</a> • <a href="/music/artists/all-time/">All time</a></p> <p><strong class="highlight-text">More:</strong> <a href="/music/artists/this-week/">This week</a> • <a href="/music/artists/this-month/">This month</a> • <a href="/music/artists/three-months/">3 months</a> • <a href="/music/artists/all-time/">All time</a></p>
<div class="section-header-wrapper"> <div class="section-header-wrapper">
@ -49,16 +49,16 @@ permalink: "/music/index.html"
</div> </div>
</div> </div>
<div id="albums-window"> <div id="albums-window">
{% render "partials/now/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> </div>
<div class="hidden" id="albums-month"> <div class="hidden" id="albums-month">
{% render "partials/now/media-grid.liquid", data:music.month.albums, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:music.month.albums, shape: "square", count: 8 %}
</div> </div>
<div class="hidden" id="albums-three-months"> <div class="hidden" id="albums-three-months">
{% render "partials/now/media-grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %}
</div> </div>
<div class="hidden" id="albums-all-time"> <div class="hidden" id="albums-all-time">
{% render "partials/now/media-grid.liquid", data:music.allTime.albums, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:music.allTime.albums, shape: "square", count: 8 %}
</div> </div>
<p><strong class="highlight-text">More:</strong> <a href="/music/albums/this-week/">This week</a> • <a href="/music/albums/this-month/">This month</a> • <a href="/music/albums/three-months/">3 months</a> • <a href="/music/albums/all-time/">All time</a></p> <p><strong class="highlight-text">More:</strong> <a href="/music/albums/this-week/">This week</a> • <a href="/music/albums/this-month/">This month</a> • <a href="/music/albums/three-months/">3 months</a> • <a href="/music/albums/all-time/">All time</a></p>
<div class="section-header-wrapper"> <div class="section-header-wrapper">
@ -75,20 +75,20 @@ permalink: "/music/index.html"
</div> </div>
</div> </div>
<div id="tracks-recent"> <div id="tracks-recent">
{% render "partials/now/tracks-recent.liquid", data:music.recent.tracksChronological %} {% render "partials/media/tracks-recent.liquid", data:music.recent.tracksChronological %}
</div> </div>
<div class="hidden" id="tracks-window"> <div class="hidden" id="tracks-window">
{% render "partials/now/track-chart.liquid", data:music.week.tracks, mostPlayed:music.week.tracks[0].plays %} {% render "partials/media/track-chart.liquid", data:music.week.tracks, mostPlayed:music.week.tracks[0].plays %}
</div> </div>
<div class="hidden" id="tracks-month"> <div class="hidden" id="tracks-month">
{% render "partials/now/track-chart.liquid", data:music.month.tracks, mostPlayed:music.month.tracks[0].plays %} {% render "partials/media/track-chart.liquid", data:music.month.tracks, mostPlayed:music.month.tracks[0].plays %}
</div> </div>
<div class="hidden" id="tracks-three-months"> <div class="hidden" id="tracks-three-months">
{% render "partials/now/track-chart.liquid", data:music.threeMonth.tracks, mostPlayed:music.threeMonth.tracks[0].plays %} {% render "partials/media/track-chart.liquid", data:music.threeMonth.tracks, mostPlayed:music.threeMonth.tracks[0].plays %}
</div> </div>
<div class="hidden" id="tracks-all-time"> <div class="hidden" id="tracks-all-time">
{% render "partials/now/track-chart.liquid", data:music.allTime.tracks, mostPlayed:music.allTime.tracks[0].plays %} {% render "partials/media/track-chart.liquid", data:music.allTime.tracks, mostPlayed:music.allTime.tracks[0].plays %}
</div> </div>
<p><strong class="highlight-text">More:</strong> <a href="/music/tracks/this-week/">This week</a> • <a href="/music/tracks/this-month/">This month</a> • <a href="/music/tracks/three-months/">3 months</a> • <a href="/music/tracks/all-time/">All time</a></p> <p><strong class="highlight-text">More:</strong> <a href="/music/tracks/this-week/">This week</a> • <a href="/music/tracks/this-month/">This month</a> • <a href="/music/tracks/three-months/">3 months</a> • <a href="/music/tracks/all-time/">All time</a></p>
{% render "partials/now/album-releases.liquid", albumReleases:albumReleases %} {% render "partials/media/album-releases.liquid", albumReleases:albumReleases %}
<p class="explainer text-small text-centered"><em>This page was last updated on {{ "now" | date: "%B %-d, %-I:%M%p", "America/Los_Angeles" }}. It typically updates once an hour.</em></p> <p class="explainer text-small text-centered"><em>This page was last updated on {{ "now" | date: "%B %-d, %-I:%M%p", "America/Los_Angeles" }}. It typically updates once an hour.</em></p>

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

@ -24,7 +24,7 @@ permalink: "/music/tracks/three-months/{% if pagination.pageNumber > 0 %}{{ pagi
<div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div> <div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div>
</div> </div>
</div> </div>
{% render "partials/now/progress-bar.liquid", percentage:percentage %} {% render "partials/media/progress-bar.liquid", percentage:percentage %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

2
src/pages/main/music/tracks/all-time.html
View file

@ -24,7 +24,7 @@ permalink: "/music/tracks/all-time/{% if pagination.pageNumber > 0 %}{{ paginati
<div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div> <div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div>
</div> </div>
</div> </div>
{% render "partials/now/progress-bar.liquid", percentage:percentage %} {% render "partials/media/progress-bar.liquid", percentage:percentage %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

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

@ -24,7 +24,7 @@ permalink: "/music/tracks/this-month/{% if pagination.pageNumber > 0 %}{{ pagina
<div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div> <div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div>
</div> </div>
</div> </div>
{% render "partials/now/progress-bar.liquid", percentage:percentage %} {% render "partials/media/progress-bar.liquid", percentage:percentage %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

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

@ -24,7 +24,7 @@ permalink: "/music/tracks/this-week/{% if pagination.pageNumber > 0 %}{{ paginat
<div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div> <div class="subtext">{{ item.artist }} • {{ item.plays }} plays</div>
</div> </div>
</div> </div>
{% render "partials/now/progress-bar.liquid", percentage:percentage %} {% render "partials/media/progress-bar.liquid", percentage:percentage %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

4
src/pages/main/watching/index.html
View file

@ -12,12 +12,12 @@ permalink: "/watching/index.html"
{% tablericon "movie" "Recent movies" %} {% tablericon "movie" "Recent movies" %}
Recent movies Recent movies
</h2> </h2>
{% render "partials/now/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 flex-centered"> <h2 id="tv" class="section-header flex-centered">
{% tablericon "device-tv" "Recent shows" %} {% tablericon "device-tv" "Recent shows" %}
Recent shows Recent shows
</h2> </h2>
{% render "partials/now/media-grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %} {% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
<a class="link-icon flex-centered" href="/watching/favorite-movies"> <a class="link-icon flex-centered" href="/watching/favorite-movies">
<h2 class="section-header flex-centered"> <h2 class="section-header flex-centered">
{% tablericon "star" "Favorite movies" %} {% tablericon "star" "Favorite movies" %}

4
src/posts/2023/2023-in-review.html
View file

@ -18,12 +18,12 @@ tags: ['books', 'music', 'development', 'Eleventy']
{% tablericon "books" "Favorite books" %} {% tablericon "books" "Favorite books" %}
Favorite books Favorite books
</h2> </h2>
{% render "partials/now/media-grid.liquid", data:roundups['2023'].books, shape: "vertical", count: 6 %} {% render "partials/media/grid.liquid", data:roundups['2023'].books, shape: "vertical", count: 6 %}
<h2 class="section-header flex-centered"> <h2 class="section-header flex-centered">
{% tablericon "vinyl" "Favorite albums" %} {% tablericon "vinyl" "Favorite albums" %}
Favorite books Favorite books
</h2> </h2>
{% render "partials/now/media-grid.liquid", data:roundups['2023'].albums, shape: "square", count: 8 %} {% render "partials/media/grid.liquid", data:roundups['2023'].albums, shape: "square", count: 8 %}
<p><strong><a href="https://coryd.dev">I wrote some things:</a></strong></p> <p><strong><a href="https://coryd.dev">I wrote some things:</a></strong></p>
<ul> <ul>

14
src/posts/2023/drying-up-now-page-templates-eleventy.md
View file

@ -119,7 +119,7 @@ Now, leveraging this looks like the following:
{% raw %} {% raw %}
```liquid ```liquid
{% render "partials/now/media-grid.liquid", data:artists, icon: "microphone-2", title: "Artists", shape: "square", count: 8, loading: 'eager' %} {% render "partials/media/grid.liquid", data:artists, icon: "microphone-2", title: "Artists", shape: "square", count: 8, loading: 'eager' %}
``` ```
{% endraw %} {% endraw %}
@ -134,13 +134,13 @@ layout: main
--- ---
{% render "partials/header.liquid", meta: meta, page: page, nav: nav %} {% render "partials/header.liquid", meta: meta, page: page, nav: nav %}
{{ content }} {{ content }}
{% render "partials/now/media-grid.liquid", data:artists, icon: "microphone-2", title: "Artists", shape: "square", count: 8, loading: 'eager' %} {% render "partials/media/grid.liquid", data:artists, icon: "microphone-2", title: "Artists", shape: "square", count: 8, loading: 'eager' %}
{% render "partials/now/media-grid.liquid", data:albums, icon: "vinyl", title: "Albums", shape: "square", count: 8, loading: 'lazy' %} {% render "partials/media/grid.liquid", data:albums, icon: "vinyl", title: "Albums", shape: "square", count: 8, loading: 'lazy' %}
{% render "partials/now/album-releases.liquid", albumReleases:albumReleases %} {% render "partials/media/album-releases.liquid", albumReleases:albumReleases %}
{% render "partials/now/media-grid.liquid", data:books, icon: "books", title: "Books", shape: "vertical", count: 6, loading: 'lazy' %} {% render "partials/media/grid.liquid", data:books, icon: "books", title: "Books", shape: "vertical", count: 6, loading: 'lazy' %}
{% render "partials/now/links.liquid", links:links %} {% render "partials/now/links.liquid", links:links %}
{% render "partials/now/media-grid.liquid", data:movies, icon: "movie", title: "Movies", shape: "vertical", count: 6, loading: 'lazy' %} {% render "partials/media/grid.liquid", data:movies, icon: "movie", title: "Movies", shape: "vertical", count: 6, loading: 'lazy' %}
{% render "partials/now/media-grid.liquid", data:tv, icon: "device-tv", title: "TV", shape: "vertical", count: 6, loading: 'lazy' %} {% render "partials/media/grid.liquid", data:tv, icon: "device-tv", title: "TV", shape: "vertical", count: 6, loading: 'lazy' %}
<p class="text-xs text-centered pt-6">This is a <p class="text-xs text-centered pt-6">This is a
<a href="https://nownownow.com/about">now page</a>, and if you have your own site, <a href="https://nownownow.com/about">now page</a>, and if you have your own site,
<a href="https://nownownow.com/about">you should make one too</a>.</p> <a href="https://nownownow.com/about">you should make one too</a>.</p>