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

chore: cleanup

Browse source
This commit is contained in:
Cory Dransfeldt 2024-08-29 20:07:12 -07:00
parent 1c445a6275
commit 360111c784
No known key found for this signature in database
7 changed files with 22 additions and 22 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": "24.4.0", "version": "24.4.1",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "24.4.0", "version": "24.4.1",
"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": "24.4.0", "version": "24.4.1",
"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": {

12
src/assets/styles/components/media-grid.css
View file

@ -40,13 +40,13 @@
} }
} }
& .item-wrapper { & .item {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
display: flex; display: flex;
&.shadow::after { &::after {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
content: ''; content: '';
@ -63,13 +63,13 @@
} }
} }
& a:hover .item-wrapper.shadow::after, & a:hover .item::after,
& a:active .item-wrapper.shadow::after { & a:active .item::after {
border-color: var(--accent-color-hover) border-color: var(--accent-color-hover)
} }
& a:focus .item-wrapper.shadow::after, & a:focus .item::after,
& a:focus-within .item-wrapper.shadow::after { & a:focus-within .item::after {
border: 0; border: 0;
outline: var(----outline-default); outline: var(----outline-default);
} }

20
src/assets/styles/pages/watching.css
View file

@ -1,11 +1,11 @@
a:focus > .watching.hero.shadow::after, a:focus > .watching.hero::after,
a:focus-within > .watching.hero.shadow::after { a:focus-within > .watching.hero::after {
border: 0; border: 0;
outline: var(--outline-default); outline: var(--outline-default);
} }
a:hover > .watching.hero.shadow::after, a:hover > .watching.hero::after,
a:active > .watching.hero.shadow::after { a:active > .watching.hero::after {
border-color: var(--accent-color-hover); border-color: var(--accent-color-hover);
} }
@ -52,7 +52,7 @@ a:active > .watching.hero.shadow::after {
} }
} }
&.shadow::after { &::after {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
content: ''; content: '';
@ -80,13 +80,13 @@ a:active > .watching.hero.shadow::after {
aspect-ratio: var(--aspect-ratio-banner); aspect-ratio: var(--aspect-ratio-banner);
} }
& a:hover .item.shadow::after, & a:hover .item::after,
& a:active .item-wrapper.shadow::after { & a:active .item::after {
border-color: var(--accent-color-hover) border-color: var(--accent-color-hover)
} }
& a:focus .item.shadow::after, & a:focus .item::after,
& a:focus-within .item.shadow::after { & a:focus-within .item::after {
border: 0; border: 0;
outline: var(----outline-default); outline: var(----outline-default);
} }
@ -134,7 +134,7 @@ a:active > .watching.hero.shadow::after {
overflow: hidden; overflow: hidden;
aspect-ratio: var(--aspect-ratio-banner); aspect-ratio: var(--aspect-ratio-banner);
&.shadow::after { &::after {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
content: ''; content: '';

2
src/includes/partials/media/grid.liquid
View file

@ -5,7 +5,7 @@
{%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %} {%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %}
{%- assign alt = item.alt | strip | escape -%} {%- assign alt = item.alt | strip | escape -%}
<a href="{{ item.url }}" title="{{ alt }}"> <a href="{{ item.url }}" title="{{ alt }}">
<div class="item-wrapper shadow"> <div class="item">
<div class="meta-text"> <div class="meta-text">
{%- if item.title -%} {%- if item.title -%}
<div class="header">{{ item.title }}</div> <div class="header">{{ item.title }}</div>

2
src/includes/partials/media/watching/grid.liquid
View file

@ -4,7 +4,7 @@
{%- for item in items limit: count -%} {%- for item in items limit: count -%}
{%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %} {%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %}
<a href="{{ item.url }}"> <a href="{{ item.url }}">
<div class="watching item shadow"> <div class="watching item">
<div class="meta-text"> <div class="meta-text">
{%- if item.type == 'movie' -%} {%- if item.type == 'movie' -%}
<div class="header">{{ item.title }}</div> <div class="header">{{ item.title }}</div>

2
src/includes/partials/media/watching/hero.liquid
View file

@ -1,6 +1,6 @@
{%- capture alt -%}{{ movie.title | escape }} ({{ movie.year }}){%- endcapture -%} {%- capture alt -%}{{ movie.title | escape }} ({{ movie.year }}){%- endcapture -%}
<a href="{{ movie.url }}"> <a href="{{ movie.url }}">
<div class="watching hero shadow"> <div class="watching hero">
<div class="meta-text"> <div class="meta-text">
<div class="header">{{ movie.title }} ({{ movie.year }})</div> <div class="header">{{ movie.title }} ({{ movie.year }})</div>
<div class="subheader"> <div class="subheader">