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

fix: styles + spacing

Browse source
This commit is contained in:
Cory Dransfeldt 2024-07-04 17:56:49 -07:00
parent 00080afdc3
commit 3cd99c5ff7
No known key found for this signature in database
6 changed files with 34 additions and 25 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": "19.10.1",
"version": "19.10.2",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
"version": "19.10.1",
"version": "19.10.2",
"license": "MIT",
"dependencies": {
"@cdransf/api-text": "^1.4.0",

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "coryd.dev",
"version": "19.10.1",
"version": "19.10.2",
"description": "The source for my personal site. Built using 11ty.",
"type": "module",
"scripts": {

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

@ -85,23 +85,25 @@ code {
/* social icons */
:is(body, html, nav) a {
&.at > svg { stroke: var(--brand-proton); }
&.brand-github > svg { stroke: var(--brand-github); }
&.brand-npm > svg { stroke: var(--brand-npm); }
&.brand-mastodon > svg { stroke: var(--brand-mastodon); }
&.article > svg { stroke: var(--posts) }
&.books > svg { stroke: var(--books); }
&.brain > svg { stroke: var(--brand-listenbrainz); }
&.clock-hour-3 > svg { stroke: var(--now); }
&.coffee > svg { stroke: var(--brand-buy-me-a-coffee); }
&.device-tv > 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) }
&.link > svg { stroke: var(--links); }
&.rss > svg { stroke: var(--brand-rss); }
&.search > svg { stroke: var(--search) }
&.at > svg { stroke: var(--brand-proton) !important; }
&.brand-github > svg { stroke: var(--brand-github) !important; }
&.brand-npm > svg { stroke: var(--brand-npm) !important; }
&.brand-mastodon > svg { stroke: var(--brand-mastodon) !important; }
&.article > svg { stroke: var(--posts) !important; }
&.books > svg { stroke: var(--books) !important; }
&.brain > svg { stroke: var(--brand-listenbrainz) !important; }
&.clock-hour-3 > svg { stroke: var(--now) !important; }
&.coffee > svg { stroke: var(--brand-buy-me-a-coffee) !important; }
&.device-tv > svg { stroke: var(--tv) !important; }
&.favorite > svg { stroke: var(--favorite) !important; }
&.headphones > svg { stroke: var(--music) !important; }
&.heart-handshake > svg { stroke: var(--webrings) !important; }
&.info-circle > svg { stroke: var(--about) !important; }
&.json > svg { stroke: var(--json) !important; }
&.link > svg { stroke: var(--links) !important; }
&.mail-plus > svg { stroke: var(--newsletter) !important; }
&.rss > svg { stroke: var(--brand-rss) !important; }
&.search > svg { stroke: var(--search) !important; }
}
:is(body, html, nav .search) svg {

2
src/assets/styles/defaults/vars.css
View file

@ -54,9 +54,11 @@
--books: #32cd32;
--error: #d92525;
--favorite: #ff69b4;
--json: #4169E1;
--links: #9370db;
--moon: #6a5acd;
--music: #1e90ff;
--newsletter: #40e0d0;
--now: #ff1493;
--posts: #008080;
--search: #4682b4;

7
src/assets/styles/pages/blogroll.css
View file

@ -1,10 +1,15 @@
.blog-roll-icons {
display: flex;
flex-direction: row;
gap: var(--sizing-xs);
& a {
display: flex;
align-items: center;
outline: 0;
&:focus svg,
&:focus-within svg {
outline: var(--outline)
}
}
}

8
src/pages/secondary/blogroll.html
View file

@ -19,16 +19,16 @@ description: These are awesome blogs that I enjoy and you may enjoy too.
<td><a href="{{ blog.url }}">{{ blog.url | replace: "https://", "" }}</a></td>
<td class="blog-roll-icons">
{%- if blog.rss_feed -%}
<a href="{{ blog.rss_feed }}">{% tablericon "rss" "Subscribe via RSS" %}</a>
<a class="rss" href="{{ blog.rss_feed }}">{% tablericon "rss" "Subscribe via RSS" %}</a>&nbsp;
{%- endif -%}
{%- if blog.json_feed -%}
/ <a href="{{ blog.json_feed }}">{% tablericon "json" "Subscribe via JSON" %}</a>
<a class="json" href="{{ blog.json_feed }}">{% tablericon "json" "Subscribe via JSON" %}</a>&nbsp;
{%- endif -%}
{%- if blog.newsletter -%}
/ <a href="{{ blog.newsletter }}">{% tablericon "mail-plus" "Newsletter subscription" %}</a>
<a class="mail-plus" href="{{ blog.newsletter }}">{% tablericon "mail-plus" "Newsletter subscription" %}</a>&nbsp;
{%- endif -%}
{%- if blog.mastodon -%}
/ <a href="{{ blog.mastodon }}">{% tablericon "brand-mastodon" "Mastodon" %}</a>
<a class="brand-mastodon" href="{{ blog.mastodon }}">{% tablericon "brand-mastodon" "Mastodon" %}</a>&nbsp;
{%- endif -%}
</td>
</tr>