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", "name": "coryd.dev",
"version": "19.10.1", "version": "19.10.2",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.10.1", "version": "19.10.2",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.4.0", "@cdransf/api-text": "^1.4.0",

2
package.json
View file

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

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

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

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

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

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

@ -1,10 +1,15 @@
.blog-roll-icons { .blog-roll-icons {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: var(--sizing-xs);
& a { & a {
display: flex; display: flex;
align-items: center; 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><a href="{{ blog.url }}">{{ blog.url | replace: "https://", "" }}</a></td>
<td class="blog-roll-icons"> <td class="blog-roll-icons">
{%- if blog.rss_feed -%} {%- 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 -%} {%- endif -%}
{%- if blog.json_feed -%} {%- 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 -%} {%- endif -%}
{%- if blog.newsletter -%} {%- 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 -%} {%- endif -%}
{%- if blog.mastodon -%} {%- 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 -%} {%- endif -%}
</td> </td>
</tr> </tr>