From e33bc695567c38e780590551cd430ec9f1039254 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Wed, 14 Aug 2024 14:09:47 -0700 Subject: [PATCH] chore: styles --- package-lock.json | 4 +- package.json | 2 +- src/assets/styles/base/index.css | 116 +++++------------- src/assets/styles/components/theme-toggle.css | 5 - src/assets/styles/pages/watching.css | 4 - src/includes/partials/home/status.liquid | 4 +- src/pages/dynamic/books/book.html | 2 +- src/pages/dynamic/books/year.html | 2 +- src/pages/dynamic/music/albums/3-months.html | 2 +- .../dynamic/music/albums/this-month.html | 2 +- src/pages/dynamic/music/albums/this-week.html | 2 +- src/pages/dynamic/music/artists/3-months.html | 2 +- src/pages/dynamic/music/artists/artist.html | 2 +- .../dynamic/music/artists/this-month.html | 2 +- .../dynamic/music/artists/this-week.html | 2 +- src/pages/dynamic/music/genre.html | 2 +- src/pages/dynamic/music/tracks/3-months.html | 2 +- .../dynamic/music/tracks/this-month.html | 2 +- src/pages/dynamic/music/tracks/this-week.html | 2 +- .../dynamic/watching/favorites/movies.html | 4 +- .../dynamic/watching/favorites/shows.html | 4 +- src/pages/dynamic/watching/index.html | 2 +- src/pages/dynamic/watching/movie.html | 2 +- src/pages/dynamic/watching/recent/movies.html | 4 +- src/pages/dynamic/watching/recent/shows.html | 4 +- src/pages/dynamic/watching/show.html | 2 +- src/pages/static/about.md | 2 +- 27 files changed, 63 insertions(+), 122 deletions(-) diff --git a/package-lock.json b/package-lock.json index 256878a1..3c9979e9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "coryd.dev", - "version": "22.3.1", + "version": "22.3.2", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "coryd.dev", - "version": "22.3.1", + "version": "22.3.2", "license": "MIT", "dependencies": { "@cdransf/api-text": "^1.5.0", diff --git a/package.json b/package.json index a9779d45..2e6c463c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "coryd.dev", - "version": "22.3.1", + "version": "22.3.2", "description": "The source for my personal site. Built using 11ty (and other tools).", "type": "module", "scripts": { diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css index 69fcb629..846568d8 100644 --- a/src/assets/styles/base/index.css +++ b/src/assets/styles/base/index.css @@ -29,22 +29,6 @@ body { background: var(--accent-color); } -::-webkit-scrollbar { - width: var(--sizing-xs); - height: var(--sizing-xs); -} - -a:focus, -a:focus-within { - outline: var(--outline-default); - text-decoration: none; -} - -body::-webkit-scrollbar { - width: var(--sizing-md); - height: var(--sizing-md); -} - ::-webkit-scrollbar-thumb { background: var(--accent-color); } @@ -57,6 +41,18 @@ body::-webkit-scrollbar { background-color: var(--accent-color); } +::-webkit-scrollbar, +body::-webkit-scrollbar { + width: var(--sizing-sm); + height: var(--sizing-sm); +} + +a:focus, +a:focus-within { + outline: var(--outline-default); + text-decoration: none; +} + p { margin: var(--sizing-base) 0; @@ -70,7 +66,6 @@ p { blockquote { font-size: var(--font-size-lg); - word-break: break-word; color: var(--gray-dark); padding-left: var(--sizing-lg); border-left: var(--sizing-xs) solid var(--gray-dark); @@ -140,34 +135,12 @@ a { &[data-tablericon-name^="arrow-"]:hover, &[data-tablericon-name^="arrow-"]:active, &[data-tablericon-name^="arrow-"]:focus { - transform: rotate(0deg); stroke: var(--accent-color-hover); } } - - &.linked-header { - display: flex; - - & svg { - stroke: var(--accent-color); - } - } - - &.back-link-header { - display: inline-flex; - flex-direction: row; - align-items: center; - - & + .page-header, - & + .music-chart, - & + .media-grid { - margin-top: var(--sizing-base); - } - } } :is(a:hover, a:active, a:focus) svg[data-tablericon-name^="arrow-"] { - transform: rotate(0deg); stroke: var(--accent-color-hover); } @@ -186,10 +159,7 @@ a:active, :is( a:has(svg):hover, a:has(svg):active, - a:has(svg):focus, - button:has(svg):hover, - button:has(svg):active, - button:has(svg):focus + a:has(svg):focus ) svg { stroke: var(--accent-color-hover); } @@ -326,30 +296,16 @@ th { } } -/* nav */ -a svg, -button svg { - transform: rotate(0deg); - transition-property: transform; - transition-timing-function: var(--transition-ease-in-out); - transition-duration: var(--transition-duration-default); -} - -:is(a:hover, a:active, a:focus) svg, -a svg:hover, -a svg:active, -a svg:focus, -button:hover svg, -button svg:hover { - transform: rotate(8deg); -} - -a svg:hover, -a svg:active, -a svg:focus { +a:hover svg, +a:active svg, +a:focus svg { stroke: var(--accent-color-hover); } +a svg { + stroke: var(--accent-color); +} + a:has(svg) { display: inline-flex; align-items: center; @@ -362,11 +318,11 @@ a:has(svg) { &:hover svg, &:active svg, &:focus svg { - transform: rotate(0deg); stroke: var(--accent-color-hover); } } +/* nav */ .menu-primary .active, .menu-primary .active svg, nav .active, @@ -396,6 +352,10 @@ nav .active svg { & > h2 { margin-top: 0; } + + & > a + h2 { + margin-top: var(--sizing-base); + } } .main-wrapper { @@ -411,17 +371,17 @@ main { margin-right: auto; } -.home-status, +.status, article { margin-bottom: var(--sizing-base); } -.home-status, +.status, .posts-wrapper article { border-bottom: 1px solid var(--gray-light); } -.home-status p:first-child { +.status p:first-child { margin-top: 0; } @@ -508,22 +468,16 @@ article { } } -/* icons */ -.icon-center-vertical > svg { - display: inline; - vertical-align: middle; -} - /* lists */ ul, ol { list-style-position: inside; margin: var(--sizing-base) 0; padding-left: var(--sizing-base); -} -li { - margin-top: var(--sizing-lg); - margin-bottom: var(--sizing-lg); + & li { + margin-top: var(--sizing-lg); + margin-bottom: var(--sizing-lg); + } } /* images */ @@ -559,10 +513,6 @@ li { justify-content: center; } -.flex-wrap { - flex-wrap: wrap; -} - @media screen and (min-width: 768px) { h1 { font-size: var(--font-size-3xl); } h2 { font-size: var(--font-size-2xl); } @@ -574,4 +524,4 @@ li { main { max-width: 768px; } -} +} \ No newline at end of file diff --git a/src/assets/styles/components/theme-toggle.css b/src/assets/styles/components/theme-toggle.css index 2459c790..bd035995 100644 --- a/src/assets/styles/components/theme-toggle.css +++ b/src/assets/styles/components/theme-toggle.css @@ -11,10 +11,6 @@ theme-toggle { & svg { cursor: pointer; - transform: rotate(0deg); - transition-property: transform; - transition-timing-function: var(--transition-ease-in-out); - transition-duration: var(--transition-duration-default); } &:hover svg, @@ -22,7 +18,6 @@ theme-toggle { &:focus-within svg, &:active svg { stroke: var(--accent-color-hover); - transform: rotate(8deg); } & > .light svg { stroke: var(--sun); } diff --git a/src/assets/styles/pages/watching.css b/src/assets/styles/pages/watching.css index 0d5e1488..23958d6a 100644 --- a/src/assets/styles/pages/watching.css +++ b/src/assets/styles/pages/watching.css @@ -17,10 +17,6 @@ height: auto; } - &.page-header { - margin-bottom: var(--sizing-base); - } - &.hero { position: relative; overflow: hidden; diff --git a/src/includes/partials/home/status.liquid b/src/includes/partials/home/status.liquid index 9aa6e4e9..a3011b04 100644 --- a/src/includes/partials/home/status.liquid +++ b/src/includes/partials/home/status.liquid @@ -1,8 +1,8 @@ {%- assign artist = music.week.artists | first -%} {%- assign book = books | bookStatus: 'started' | reverse | first -%} {%- assign show = tv.recentlyWatched | first -%} -
+

I'm a software developer based in Camarillo, California. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, music, writing, reading, tv and movies. Lately I've been listening to a lot of {{ artist.title }}, reading {{ book.title }} and watching {{ show.name }}.

{{ status.emoji }} {{ status.content }}

{% render "partials/blocks/now-playing.liquid", music:music %} -
\ No newline at end of file + \ No newline at end of file diff --git a/src/pages/dynamic/books/book.html b/src/pages/dynamic/books/book.html index e0f31b3a..97cee234 100644 --- a/src/pages/dynamic/books/book.html +++ b/src/pages/dynamic/books/book.html @@ -11,7 +11,7 @@ schema: book {%- capture alt -%} {{ book.title }}{% if book.authors %}By {{ book.authors }}{% endif %} {%- endcapture -%} -{% tablericon "arrow-left" "Go back to the books index page" %} Back to books +{% tablericon "arrow-left" "Go back to the books index page" %} Back to books
{% tablericon "arrow-left" "Go back to the books index page" %} Back to books +{% tablericon "arrow-left" "Go back to the books index page" %} Back to books

{{ year.value }} / Books

{% if yearString == currentYearString %}

I've finished {{ bookData.size }} books this year.{%- if favoriteBooks %} Among my favorites are {{ favoriteBooks }}.{%- endif -%}

diff --git a/src/pages/dynamic/music/albums/3-months.html b/src/pages/dynamic/music/albums/3-months.html index d4c5b02f..47e1f0df 100644 --- a/src/pages/dynamic/music/albums/3-months.html +++ b/src/pages/dynamic/music/albums/3-months.html @@ -9,7 +9,7 @@ permalink: "/music/albums/three-months/{% if pagination.pageNumber > 0 %}{{ pagi image: music.threeMonth.artists[0].image schema: music --- -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music {% if pagination.pageNumber == 0 %}

{{ title }}

I've listened to {{ music.threeMonth.artists.size }} artists, {{ music.threeMonth.albums.size }} albums and {{ music.threeMonth.totalTracks }} tracks over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.

diff --git a/src/pages/dynamic/music/albums/this-month.html b/src/pages/dynamic/music/albums/this-month.html index 35778aa2..884123bc 100644 --- a/src/pages/dynamic/music/albums/this-month.html +++ b/src/pages/dynamic/music/albums/this-month.html @@ -9,7 +9,7 @@ permalink: "/music/albums/this-month/{% if pagination.pageNumber > 0 %}{{ pagina image: music.month.artists[0].image schema: music --- -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music {% if pagination.pageNumber == 0 %}

{{ title }}

I've listened to {{ music.month.artists.size }} artists, {{ music.month.albums.size }} albums and {{ music.month.totalTracks }} tracks this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.

diff --git a/src/pages/dynamic/music/albums/this-week.html b/src/pages/dynamic/music/albums/this-week.html index 6a316e45..6fb5d84b 100644 --- a/src/pages/dynamic/music/albums/this-week.html +++ b/src/pages/dynamic/music/albums/this-week.html @@ -9,7 +9,7 @@ permalink: "/music/albums/this-week/{% if pagination.pageNumber > 0 %}{{ paginat image: music.week.artists[0].image schema: music --- -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music {% if pagination.pageNumber == 0 %}

{{ title }}

I've listened to {{ music.week.artists.size }} artists, {{ music.week.albums.size }} albums and {{ music.week.totalTracks }} tracks this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.

diff --git a/src/pages/dynamic/music/artists/3-months.html b/src/pages/dynamic/music/artists/3-months.html index 8b3ddd0b..a480f54b 100644 --- a/src/pages/dynamic/music/artists/3-months.html +++ b/src/pages/dynamic/music/artists/3-months.html @@ -9,7 +9,7 @@ permalink: "/music/artists/three-months/{% if pagination.pageNumber > 0 %}{{ pag image: music.threeMonth.artists[0].image schema: music --- -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music {% if pagination.pageNumber == 0 %}

{{ title }}

I've listened to {{ music.threeMonth.artists.size }} artists, {{ music.threeMonth.albums.size }} albums and {{ music.threeMonth.totalTracks }} tracks over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.

diff --git a/src/pages/dynamic/music/artists/artist.html b/src/pages/dynamic/music/artists/artist.html index cb28e808..b570a750 100644 --- a/src/pages/dynamic/music/artists/artist.html +++ b/src/pages/dynamic/music/artists/artist.html @@ -16,7 +16,7 @@ schema: artist {%- endcapture -%} -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music
0 %}{{ pagin image: music.month.artists[0].image schema: music --- -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music {% if pagination.pageNumber == 0 %}

{{ title }}

I've listened to {{ music.month.artists.size }} artists, {{ music.month.albums.size }} albums and {{ music.month.totalTracks }} tracks this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.

diff --git a/src/pages/dynamic/music/artists/this-week.html b/src/pages/dynamic/music/artists/this-week.html index 9e09daa6..0ee8992f 100644 --- a/src/pages/dynamic/music/artists/this-week.html +++ b/src/pages/dynamic/music/artists/this-week.html @@ -9,7 +9,7 @@ permalink: "/music/artists/this-week/{% if pagination.pageNumber > 0 %}{{ pagina image: music.week.artists[0].image schema: music --- -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music {% if pagination.pageNumber == 0 %}

{{ title }}

I've listened to {{ music.week.artists.size }} artists, {{ music.week.albums.size }} albums and {{ music.week.totalTracks }} tracks this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.

diff --git a/src/pages/dynamic/music/genre.html b/src/pages/dynamic/music/genre.html index 9b790c6d..00bc431f 100644 --- a/src/pages/dynamic/music/genre.html +++ b/src/pages/dynamic/music/genre.html @@ -22,7 +22,7 @@ schema: genre {%- endcapture -%} -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music

{{ genre.name }}

{%- if mediaLinks -%} diff --git a/src/pages/dynamic/music/tracks/3-months.html b/src/pages/dynamic/music/tracks/3-months.html index 9607d466..2d55dc69 100644 --- a/src/pages/dynamic/music/tracks/3-months.html +++ b/src/pages/dynamic/music/tracks/3-months.html @@ -9,7 +9,7 @@ permalink: "/music/tracks/three-months/{% if pagination.pageNumber > 0 %}{{ pagi image: music.threeMonth.artists[0].image schema: music --- -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music {% if pagination.pageNumber == 0 %}

{{ title }}

I've listened to {{ music.threeMonth.artists.size }} artists, {{ music.threeMonth.albums.size }} albums and {{ music.threeMonth.totalTracks }} tracks over the last 3 months. Most of that has been {{ music.threeMonth.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.

diff --git a/src/pages/dynamic/music/tracks/this-month.html b/src/pages/dynamic/music/tracks/this-month.html index 486bc7c8..7fe92c4e 100644 --- a/src/pages/dynamic/music/tracks/this-month.html +++ b/src/pages/dynamic/music/tracks/this-month.html @@ -9,7 +9,7 @@ permalink: "/music/tracks/this-month/{% if pagination.pageNumber > 0 %}{{ pagina image: music.month.artists[0].image schema: music --- -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music {% if pagination.pageNumber == 0 %}

{{ title }}

I've listened to {{ music.month.artists.size }} artists, {{ music.month.albums.size }} albums and {{ music.month.totalTracks }} tracks this month. Most of that has been {{ music.month.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.

diff --git a/src/pages/dynamic/music/tracks/this-week.html b/src/pages/dynamic/music/tracks/this-week.html index 3a3713ba..ce5ec48c 100644 --- a/src/pages/dynamic/music/tracks/this-week.html +++ b/src/pages/dynamic/music/tracks/this-week.html @@ -9,7 +9,7 @@ permalink: "/music/tracks/this-week/{% if pagination.pageNumber > 0 %}{{ paginat image: music.week.artists[0].image schema: music --- -{% tablericon "arrow-left" "Go back to the music index page" %} Back to music +{% tablericon "arrow-left" "Go back to the music index page" %} Back to music {% if pagination.pageNumber == 0 %}

{{ title }}

I've listened to {{ music.week.artists.size }} artists, {{ music.week.albums.size }} albums and {{ music.week.totalTracks }} tracks this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.

diff --git a/src/pages/dynamic/watching/favorites/movies.html b/src/pages/dynamic/watching/favorites/movies.html index 3d06c054..f20d30aa 100644 --- a/src/pages/dynamic/watching/favorites/movies.html +++ b/src/pages/dynamic/watching/favorites/movies.html @@ -8,9 +8,9 @@ pagination: permalink: "/watching/favorite-movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html" schema: watching --- -{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching +{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching {% if pagination.pageNumber == 0 %} -

{{ title }}

+

{{ title }}

These are my favorite movies. There are many like them, but these are mine.

{% endif %} diff --git a/src/pages/dynamic/watching/favorites/shows.html b/src/pages/dynamic/watching/favorites/shows.html index 7ff32440..b653060c 100644 --- a/src/pages/dynamic/watching/favorites/shows.html +++ b/src/pages/dynamic/watching/favorites/shows.html @@ -8,9 +8,9 @@ pagination: permalink: "/watching/favorite-shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html" schema: watching --- -{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching +{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching {% if pagination.pageNumber == 0 %} -

{{ title }}

+

{{ title }}

These are my favorite shows. There are many like them, but these are mine.

{% endif %} diff --git a/src/pages/dynamic/watching/index.html b/src/pages/dynamic/watching/index.html index 937b739e..423875d0 100644 --- a/src/pages/dynamic/watching/index.html +++ b/src/pages/dynamic/watching/index.html @@ -7,7 +7,7 @@ updated: "now" schema: watching --- {% assign featuredMovie = movies.recentlyWatched | featuredWatching: 1 | first %} -

{{ title }}

+

{{ title }}

{% render "partials/media/watching/hero.liquid" movie:featuredMovie %}

Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion.

{% render "partials/blocks/banners/rss.liquid", url: "https://coryd.dev/feeds/movies", text: "Subscribe to my movies feed or follow along on this page" %} diff --git a/src/pages/dynamic/watching/movie.html b/src/pages/dynamic/watching/movie.html index f992ff94..263882f8 100644 --- a/src/pages/dynamic/watching/movie.html +++ b/src/pages/dynamic/watching/movie.html @@ -10,7 +10,7 @@ schema: movie {%- capture alt -%} {{ movie.title }} / {{ movie.year }}{% if move.rating %} ({{ movie.rating }}){% endif %} {%- endcapture -%} -{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching +{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching
0 %}{{ pagination.pageNumber }}/{% endif %}index.html" schema: watching --- -{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching +{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching {% if pagination.pageNumber == 0 %} -

{{ title }}

+

{{ title }}

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).

{% endif %} diff --git a/src/pages/dynamic/watching/recent/shows.html b/src/pages/dynamic/watching/recent/shows.html index 7a884609..f57d7be5 100644 --- a/src/pages/dynamic/watching/recent/shows.html +++ b/src/pages/dynamic/watching/recent/shows.html @@ -8,9 +8,9 @@ pagination: permalink: "/watching/recent/shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html" schema: watching --- -{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching +{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching {% if pagination.pageNumber == 0 %} -

{{ title }}

+

{{ title }}

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).

{% endif %} diff --git a/src/pages/dynamic/watching/show.html b/src/pages/dynamic/watching/show.html index b7d32142..9be83716 100644 --- a/src/pages/dynamic/watching/show.html +++ b/src/pages/dynamic/watching/show.html @@ -11,7 +11,7 @@ schema: show {{ show.title }} / {{ show.year }} {%- endcapture -%} {% assign lastWatched = show | getLastWatched %} -{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching +{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching
Hi, I'm Cory +

Hi, I'm Cory

I'm a software developer based in Camarillo, California. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, [music](https://coryd.dev/music), [writing](https://coryd.dev/posts), [reading](https://coryd.dev/books), [tv](https://coryd.dev/watching#tv) and [movies](https://coryd.dev/watching#movies). Lately I've been listening to a lot of {{ artist.title }}, reading {{ book.title }} and watching {{ show.name }}.