From fc9e0f44b1af2cbc596020eb9503d543e6e16f98 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Thu, 15 Aug 2024 14:04:50 -0700
Subject: [PATCH] chore: icons + styles
---
package-lock.json | 4 ++--
package.json | 2 +-
src/assets/styles/base/index.css | 14 ++++----------
src/includes/partials/blocks/modal.liquid | 2 +-
src/includes/partials/home/posts.liquid | 9 +++------
src/includes/partials/nav/menu.liquid | 4 ++--
src/pages/dynamic/index.html | 4 ++--
src/pages/dynamic/music/artists/artist.html | 2 +-
src/pages/dynamic/music/concerts.html | 2 +-
src/pages/dynamic/posts/index.html | 9 +++------
src/pages/dynamic/posts/post.html | 9 +++------
src/pages/dynamic/watching/index.html | 2 +-
12 files changed, 24 insertions(+), 39 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 376e47aa..e1b4e85d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "coryd.dev",
- "version": "22.3.10",
+ "version": "22.3.11",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
- "version": "22.3.10",
+ "version": "22.3.11",
"license": "MIT",
"dependencies": {
"@cdransf/api-text": "^1.5.0",
diff --git a/package.json b/package.json
index 4222086a..46d6b5a9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "coryd.dev",
- "version": "22.3.10",
+ "version": "22.3.11",
"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 d1b7905e..db399e39 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -88,11 +88,11 @@ code {
&.books > svg { stroke: var(--books); }
&.clock-hour-3 > svg { stroke: var(--now); }
&.coffee > svg { stroke: var(--brand-buy-me-a-coffee); }
- &.device-tv > svg { stroke: var(--tv); }
+ &.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); }
+ &.info-square > svg { stroke: var(--about); }
&.json > svg { stroke: var(--json); }
&.link > svg { stroke: var(--links); }
&.mail-plus > svg { stroke: var(--newsletter); }
@@ -453,14 +453,8 @@ article {
margin-right: var(--sizing-xs);
}
- & .time-wrapper {
- gap: var(--sizing-xs);
-
- & > svg {
- width: var(--sizing-lg);
- height: var(--sizing-lg);
- stroke: var(--gray-dark);
- }
+ & time {
+ display: block;
}
& [rel="author"] {
diff --git a/src/includes/partials/blocks/modal.liquid b/src/includes/partials/blocks/modal.liquid
index 8ec8043b..518417df 100644
--- a/src/includes/partials/blocks/modal.liquid
+++ b/src/includes/partials/blocks/modal.liquid
@@ -11,7 +11,7 @@
<div class="modal-wrapper">
<div class="modal-body">
<label class="modal-close" for="{{ id }}">
- {% tablericon "x" "Close modal" %}
+ {% tablericon "square-x" "Close modal" %}
</label>
{{ content }}
</div>
diff --git a/src/includes/partials/home/posts.liquid b/src/includes/partials/home/posts.liquid
index a8c38ee4..d0ba0cf4 100644
--- a/src/includes/partials/home/posts.liquid
+++ b/src/includes/partials/home/posts.liquid
@@ -8,12 +8,9 @@
</div>
{%- for post in posts -%}
<article class="h-entry">
- <div class="time-wrapper flex-centered">
- {% tablericon "calendar-month" "Date" %}
- <time class="dt-published" datetime="{{ post.date }}">
- {{ post.date | date: "%B %e, %Y" }}
- </time>
- </div>
+ <time class="dt-published" datetime="{{ post.date }}">
+ {{ post.date | date: "%B %e, %Y" }}
+ </time>
<a href="{{ post.slug }}">
<h3>{{ post.title }}</h3>
</a>
diff --git a/src/includes/partials/nav/menu.liquid b/src/includes/partials/nav/menu.liquid
index f1566baf..a946d33f 100644
--- a/src/includes/partials/nav/menu.liquid
+++ b/src/includes/partials/nav/menu.liquid
@@ -1,8 +1,8 @@
<div class="flex-centered">
<input id="menu-toggle" type="checkbox" aria-hidden="true" />
<label class="menu-button-container" for="menu-toggle" tabindex="0">
- <div class="menu-closed" aria-hidden="true">{% tablericon "menu" "Menu closed" %}</div>
- <div class="menu-open" aria-hidden="true">{% tablericon "x" "Menu open" %}</div>
+ <div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" "Menu closed" %}</div>
+ <div class="menu-open" aria-hidden="true">{% tablericon "square-x" "Menu open" %}</div>
</label>
<ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
{%- for link in nav.primary -%}
diff --git a/src/pages/dynamic/index.html b/src/pages/dynamic/index.html
index a36537dc..6969ad08 100644
--- a/src/pages/dynamic/index.html
+++ b/src/pages/dynamic/index.html
@@ -3,5 +3,5 @@ layout: default
permalink: /
---
{% render "partials/home/status.liquid" status:status, music:music, books:books.all, tv:tv %}
-{% render "partials/home/posts.liquid" icon: "star", title: "Featured", postData:posts, postType: "featured" %}
-{% render "partials/home/posts.liquid" icon: "clock-hour-7", title: "Recent posts", postData:posts %}
\ No newline at end of file
+{% render "partials/home/posts.liquid" icon: "pencil-star", title: "Featured", postData:posts, postType: "featured" %}
+{% render "partials/home/posts.liquid" icon: "clock-2", title: "Recent posts", postData:posts %}
\ No newline at end of file
diff --git a/src/pages/dynamic/music/artists/artist.html b/src/pages/dynamic/music/artists/artist.html
index b570a750..38696647 100644
--- a/src/pages/dynamic/music/artists/artist.html
+++ b/src/pages/dynamic/music/artists/artist.html
@@ -84,7 +84,7 @@ schema: artist
{% if venue %} at {{ venue }}{% endif %}
{%- if concert.notes -%}
{% assign notes = concert.notes | prepend: "### Notes\n" | markdown %}
- {% render "partials/blocks/modal.liquid", label:"Concert info", icon:"info-circle", content:notes, id:concert.id %}
+ {% render "partials/blocks/modal.liquid", label:"Concert info", icon:"info-square", content:notes, id:concert.id %}
{%- endif -%}
</li>
{% endfor %}
diff --git a/src/pages/dynamic/music/concerts.html b/src/pages/dynamic/music/concerts.html
index 6693cbf4..fddc6b3d 100644
--- a/src/pages/dynamic/music/concerts.html
+++ b/src/pages/dynamic/music/concerts.html
@@ -35,7 +35,7 @@ permalink: "/music/concerts/{% if pagination.pageNumber > 0 %}{{ pagination.page
{% if venue %} at {{ venue }}{% endif %}
{%- if concert.notes -%}
{% assign notes = concert.notes | prepend: "### Notes\n" | markdown %}
- {% render "partials/blocks/modal.liquid", label:"Concert info", icon:"info-circle", content:notes, id:concert.id %}
+ {% render "partials/blocks/modal.liquid", label:"Concert info", icon:"info-square", content:notes, id:concert.id %}
{%- endif -%}
</li>
{%- endfor -%}
diff --git a/src/pages/dynamic/posts/index.html b/src/pages/dynamic/posts/index.html
index 5e7f5ac1..e0eceb51 100644
--- a/src/pages/dynamic/posts/index.html
+++ b/src/pages/dynamic/posts/index.html
@@ -10,12 +10,9 @@ permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
<div class="posts-wrapper">
{% for post in pagination.items %}
<article class="h-entry">
- <div class="time-wrapper flex-centered">
- {% tablericon "calendar-month" "Date" %}
- <time class="dt-published" datetime="{{ post.date }}">
- {{ post.date | date: "%B %e, %Y" }}
- </time>
- </div>
+ <time class="dt-published" datetime="{{ post.date }}">
+ {{ post.date | date: "%B %e, %Y" }}
+ </time>
<a href="{{ post.slug }}">
<h3>{{ post.title }}</h3>
</a>
diff --git a/src/pages/dynamic/posts/post.html b/src/pages/dynamic/posts/post.html
index 812a5f81..60da4859 100644
--- a/src/pages/dynamic/posts/post.html
+++ b/src/pages/dynamic/posts/post.html
@@ -8,12 +8,9 @@ permalink: "{{ post.slug }}/index.html"
schema: blog
---
<article class="h-entry standalone">
- <div class="time-wrapper flex-centered">
- {% tablericon "calendar-month" "Date" %}
- <time class="dt-published" datetime="{{ date }}">
- {{ post.date | date: "%B %e, %Y" }}
- </time>
- </div>
+ <time class="dt-published" datetime="{{ date }}">
+ {{ post.date | date: "%B %e, %Y" }}
+ </time>
<h3 class="p-name">{{ post.title }}</h3>
<span class="p-author h-card hidden">{{ globals.author }}</span>
<div class="p-summary hidden">{{ post.description }}</div>
diff --git a/src/pages/dynamic/watching/index.html b/src/pages/dynamic/watching/index.html
index 423875d0..c25df7ed 100644
--- a/src/pages/dynamic/watching/index.html
+++ b/src/pages/dynamic/watching/index.html
@@ -21,7 +21,7 @@ schema: watching
{% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
<h3 id="tv" class="section-header">
<a href="/watching/recent/shows">
- {% tablericon "device-tv" "Recent shows" %}
+ {% tablericon "device-tv-old" "Recent shows" %}
Recent shows
</a>
</h3>