chore: styles

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",

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": {

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,
+    a:has(svg):focus
-    button:has(svg):hover,
-    button:has(svg):active,
-    button:has(svg):focus
 ) svg {
   stroke: var(--accent-color-hover);
 }
@@ -326,30 +296,16 @@ th {
   }
 }
 
-/* nav */
+a:hover svg,
-a svg,
+a:active svg,
-button svg {
+a:focus 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 {
   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,23 +468,17 @@ 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 {
+  & li {
     margin-top: var(--sizing-lg);
     margin-bottom: var(--sizing-lg);
   }
+}
 
 /* images */
 .image-banner {
@@ -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); }

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); }

src/assets/styles/pages/watching.css

@@ -17,10 +17,6 @@
     height: auto;
   }
 
-  &.page-header {
-    margin-bottom: var(--sizing-base);
-  }
-
   &.hero {
     position: relative;
     overflow: hidden;

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 -%}
-<div class="home-status">
+<article class="status">
   <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>. 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>{{ status.emoji }} {{ status.content }}</p>
   {% render "partials/blocks/now-playing.liquid", music:music %}
-</div>
+</article>

src/pages/dynamic/books/book.html

@@ -11,7 +11,7 @@ schema: book
 {%- capture alt -%}
   {{ book.title }}{% if book.authors %}By {{ book.authors }}{% endif %}
 {%- endcapture -%}
-<a class="back-link-header" 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 href="/books" title="Go back to the books index page">{% tablericon "arrow-left" "Go back to the books index page" %} Back to books</a>
 <article class="book-focus">
   <div class="book-display">
     <img

src/pages/dynamic/books/year.html

@@ -13,7 +13,7 @@ schema: books-year
 {%- capture currentYear -%}{% currentYear %}{%- endcapture -%}
 {%- assign yearString = year.value | append: '' -%}
 {%- assign currentYearString = currentYear | append: '' -%}
-<a class="back-link-header" 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 href="/books" title="Go back to the books index page">{% tablericon "arrow-left" "Go back to the books index page" %} 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>

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
 ---
-<a class="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} 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>

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
 ---
-<a class="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} 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>

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
 ---
-<a class="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} 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>

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
 ---
-<a class="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} 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>

src/pages/dynamic/music/artists/artist.html

@@ -16,7 +16,7 @@ schema: artist
 {%- endcapture -%}
 <script>{{ js }}</script>
 <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="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 <article class="artist-focus">
   <div class="artist-display">
     <img

src/pages/dynamic/music/artists/this-month.html

@@ -9,7 +9,7 @@ permalink: "/music/artists/this-month/{% if pagination.pageNumber > 0 %}{{ pagin
 image: music.month.artists[0].image
 schema: music
 ---
-<a class="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} 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>

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
 ---
-<a class="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} 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>

src/pages/dynamic/music/genre.html

@@ -22,7 +22,7 @@ schema: genre
 {%- endcapture -%}
 <script>{{ js }}</script>
 <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="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
 <h2>{{ genre.name }}</h2>
 <article class="genre-focus">
   {%- if mediaLinks -%}

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
 ---
-<a class="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} 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>

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
 ---
-<a class="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} 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>

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
 ---
-<a class="back-link-header" 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 href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} 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>

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
 ---
-<a class="back-link-header" 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 href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="watching page-header">{{ title }}</h2>
+<h2 class="watching">{{ title }}</h2>
 <p>These are my favorite movies. There are many like them, but these are mine.</p>
 <hr />
 {% endif %}

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
 ---
-<a class="back-link-header" 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 href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="watching page-header">{{ title }}</h2>
+<h2 class="watching">{{ title }}</h2>
 <p>These are my favorite shows. There are many like them, but these are mine.</p>
 <hr />
 {% endif %}

src/pages/dynamic/watching/index.html

@@ -7,7 +7,7 @@ updated: "now"
 schema: watching
 ---
 {% assign featuredMovie = movies.recentlyWatched | featuredWatching: 1 | first %}
-<h2 class="watching page-header">{{ title }}</h2>
+<h2 class="watching">{{ title }}</h2>
 {% render "partials/media/watching/hero.liquid" movie:featuredMovie %}
 <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: "https://coryd.dev/feeds/movies", text: "Subscribe to my movies feed or follow along on this page" %}

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 -%}
-<a class="back-link-header" 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 href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a>
 <article class="watching-focus">
   <img
     srcset="

src/pages/dynamic/watching/recent/movies.html

@@ -8,9 +8,9 @@ pagination:
 permalink: "/watching/recent/movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
 schema: watching
 ---
-<a class="back-link-header" 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 href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="watching page-header">{{ title }}</h2>
+<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>
 <hr />
 {% endif %}

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
 ---
-<a class="back-link-header" 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 href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a>
 {% if pagination.pageNumber == 0 %}
-<h2 class="watching page-header">{{ title }}</h2>
+<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>
 <hr />
 {% endif %}

src/pages/dynamic/watching/show.html

@@ -11,7 +11,7 @@ schema: show
   {{ show.title }} / {{ show.year }}
 {%- endcapture -%}
 {% assign lastWatched = show | getLastWatched %}
-<a class="back-link-header" 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 href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a>
 <article class="watching-focus">
   <img
     srcset="

src/pages/static/about.md

@@ -29,7 +29,7 @@ permalink: /about.html
   />
   </div>
 </div>
-<h2 class="page-header text-centered">Hi, I'm Cory</h2>
+<h2 class="text-centered">Hi, I'm Cory</h2>
 
 <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, [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 <strong class="highlight-text">{{ artist.title }}</strong>, reading <strong class="highlight-text">{{ book.title }}</strong> and watching <strong class="highlight-text">{{ show.name }}</strong>.