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

2
package.json
View file

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

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

@ -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"] {

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

@ -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>

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

@ -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>

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

@ -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 -%}

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

@ -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 %}
{% 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 %}

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

@ -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 %}

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 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 -%}

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

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

@ -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>

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 %}
<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>