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

chore: icons + styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-08-15 14:04:50 -07:00
parent ff72a65b56
commit fc9e0f44b1
No known key found for this signature in database
12 changed files with 24 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

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

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "22.3.10", "version": "22.3.11",
"description": "The source for my personal site. Built using 11ty (and other tools).", "description": "The source for my personal site. Built using 11ty (and other tools).",
"type": "module", "type": "module",
"scripts": { "scripts": {

14
src/assets/styles/base/index.css
View file

@ -88,11 +88,11 @@ code {
&.books > svg { stroke: var(--books); } &.books > svg { stroke: var(--books); }
&.clock-hour-3 > svg { stroke: var(--now); } &.clock-hour-3 > svg { stroke: var(--now); }
&.coffee > svg { stroke: var(--brand-buy-me-a-coffee); } &.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); } &.favorite > svg { stroke: var(--favorite); }
&.headphones > svg { stroke: var(--music); } &.headphones > svg { stroke: var(--music); }
&.heart-handshake > svg { stroke: var(--webrings); } &.heart-handshake > svg { stroke: var(--webrings); }
&.info-circle > svg { stroke: var(--about); } &.info-square > svg { stroke: var(--about); }
&.json > svg { stroke: var(--json); } &.json > svg { stroke: var(--json); }
&.link > svg { stroke: var(--links); } &.link > svg { stroke: var(--links); }
&.mail-plus > svg { stroke: var(--newsletter); } &.mail-plus > svg { stroke: var(--newsletter); }
@ -453,14 +453,8 @@ article {
margin-right: var(--sizing-xs); margin-right: var(--sizing-xs);
} }
& .time-wrapper { & time {
gap: var(--sizing-xs); display: block;
& > svg {
width: var(--sizing-lg);
height: var(--sizing-lg);
stroke: var(--gray-dark);
}
} }
& [rel="author"] { & [rel="author"] {

2
src/includes/partials/blocks/modal.liquid
View file

@ -11,7 +11,7 @@
<div class="modal-wrapper"> <div class="modal-wrapper">
<div class="modal-body"> <div class="modal-body">
<label class="modal-close" for="{{ id }}"> <label class="modal-close" for="{{ id }}">
{% tablericon "x" "Close modal" %} {% tablericon "square-x" "Close modal" %}
</label> </label>
{{ content }} {{ content }}
</div> </div>

9
src/includes/partials/home/posts.liquid
View file

@ -8,12 +8,9 @@
</div> </div>
{%- for post in posts -%} {%- for post in posts -%}
<article class="h-entry"> <article class="h-entry">
<div class="time-wrapper flex-centered"> <time class="dt-published" datetime="{{ post.date }}">
{% tablericon "calendar-month" "Date" %} {{ post.date | date: "%B %e, %Y" }}
<time class="dt-published" datetime="{{ post.date }}"> </time>
{{ post.date | date: "%B %e, %Y" }}
</time>
</div>
<a href="{{ post.slug }}"> <a href="{{ post.slug }}">
<h3>{{ post.title }}</h3> <h3>{{ post.title }}</h3>
</a> </a>

4
src/includes/partials/nav/menu.liquid
View file

@ -1,8 +1,8 @@
<div class="flex-centered"> <div class="flex-centered">
<input id="menu-toggle" type="checkbox" aria-hidden="true" /> <input id="menu-toggle" type="checkbox" aria-hidden="true" />
<label class="menu-button-container" for="menu-toggle" tabindex="0"> <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-closed" aria-hidden="true">{% tablericon "menu-2" "Menu closed" %}</div>
<div class="menu-open" aria-hidden="true">{% tablericon "x" "Menu open" %}</div> <div class="menu-open" aria-hidden="true">{% tablericon "square-x" "Menu open" %}</div>
</label> </label>
<ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation"> <ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
{%- for link in nav.primary -%} {%- for link in nav.primary -%}

4
src/pages/dynamic/index.html
View file

@ -3,5 +3,5 @@ layout: default
permalink: / permalink: /
--- ---
{% render "partials/home/status.liquid" status:status, music:music, books:books.all, tv:tv %} {% 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: "pencil-star", title: "Featured", postData:posts, postType: "featured" %}
{% render "partials/home/posts.liquid" icon: "clock-hour-7", title: "Recent posts", postData:posts %} {% render "partials/home/posts.liquid" icon: "clock-2", title: "Recent posts", postData:posts %}

2
src/pages/dynamic/music/artists/artist.html
View file

@ -84,7 +84,7 @@ schema: artist
{% if venue %} at {{ venue }}{% endif %} {% if venue %} at {{ venue }}{% endif %}
{%- if concert.notes -%} {%- if concert.notes -%}
{% assign notes = concert.notes | prepend: "### Notes\n" | markdown %} {% 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 -%} {%- endif -%}
</li> </li>
{% endfor %} {% endfor %}

2
src/pages/dynamic/music/concerts.html
View file

@ -35,7 +35,7 @@ permalink: "/music/concerts/{% if pagination.pageNumber > 0 %}{{ pagination.page
{% if venue %} at {{ venue }}{% endif %} {% if venue %} at {{ venue }}{% endif %}
{%- if concert.notes -%} {%- if concert.notes -%}
{% assign notes = concert.notes | prepend: "### Notes\n" | markdown %} {% 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 -%} {%- endif -%}
</li> </li>
{%- endfor -%} {%- endfor -%}

9
src/pages/dynamic/posts/index.html
View file

@ -10,12 +10,9 @@ permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
<div class="posts-wrapper"> <div class="posts-wrapper">
{% for post in pagination.items %} {% for post in pagination.items %}
<article class="h-entry"> <article class="h-entry">
<div class="time-wrapper flex-centered"> <time class="dt-published" datetime="{{ post.date }}">
{% tablericon "calendar-month" "Date" %} {{ post.date | date: "%B %e, %Y" }}
<time class="dt-published" datetime="{{ post.date }}"> </time>
{{ post.date | date: "%B %e, %Y" }}
</time>
</div>
<a href="{{ post.slug }}"> <a href="{{ post.slug }}">
<h3>{{ post.title }}</h3> <h3>{{ post.title }}</h3>
</a> </a>

9
src/pages/dynamic/posts/post.html
View file

@ -8,12 +8,9 @@ permalink: "{{ post.slug }}/index.html"
schema: blog schema: blog
--- ---
<article class="h-entry standalone"> <article class="h-entry standalone">
<div class="time-wrapper flex-centered"> <time class="dt-published" datetime="{{ date }}">
{% tablericon "calendar-month" "Date" %} {{ post.date | date: "%B %e, %Y" }}
<time class="dt-published" datetime="{{ date }}"> </time>
{{ post.date | date: "%B %e, %Y" }}
</time>
</div>
<h3 class="p-name">{{ post.title }}</h3> <h3 class="p-name">{{ post.title }}</h3>
<span class="p-author h-card hidden">{{ globals.author }}</span> <span class="p-author h-card hidden">{{ globals.author }}</span>
<div class="p-summary hidden">{{ post.description }}</div> <div class="p-summary hidden">{{ post.description }}</div>

2
src/pages/dynamic/watching/index.html
View file

@ -21,7 +21,7 @@ schema: watching
{% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %} {% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
<h3 id="tv" class="section-header"> <h3 id="tv" class="section-header">
<a href="/watching/recent/shows"> <a href="/watching/recent/shows">
{% tablericon "device-tv" "Recent shows" %} {% tablericon "device-tv-old" "Recent shows" %}
Recent shows Recent shows
</a> </a>
</h3> </h3>