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

feat: tattoo callout

Browse source
This commit is contained in:
Cory Dransfeldt 2024-07-02 19:40:31 -07:00
parent e6c960b3dc
commit 9bd8e0c348
No known key found for this signature in database
6 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
package-lock.json generated
View file

@ -20,7 +20,7 @@
"@11ty/eleventy-fetch": "^4.0.1", "@11ty/eleventy-fetch": "^4.0.1",
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
"@11tyrocks/eleventy-plugin-lightningcss": "^1.4.0", "@11tyrocks/eleventy-plugin-lightningcss": "^1.4.0",
"@cdransf/eleventy-plugin-tabler-icons": "^1.7.0", "@cdransf/eleventy-plugin-tabler-icons": "^1.8.0",
"@supabase/supabase-js": "^2.44.2", "@supabase/supabase-js": "^2.44.2",
"dotenv-flow": "^4.1.0", "dotenv-flow": "^4.1.0",
"html-minifier-terser": "^7.2.0", "html-minifier-terser": "^7.2.0",
@ -270,9 +270,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/@cdransf/eleventy-plugin-tabler-icons": { "node_modules/@cdransf/eleventy-plugin-tabler-icons": {
"version": "1.7.0", "version": "1.8.0",
"resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-1.7.0.tgz", "resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-1.8.0.tgz",
"integrity": "sha512-rC0exJmeoiM6C27i7/zIC7A76tUPPeZqOcGe4/Pf/rbywdKQL7eeHMQjkC5I+y5Bn94JJ04PDc4BaHcNfZlpMA==", "integrity": "sha512-s3cYbldRrdMRSnWbf/F/Y8mViV8CCcH4e3vBbYDrM/frrvAC3SwHGtl6amMeKtlZTZ+brbGcZxiKrm84v7QiAQ==",
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },

2
package.json
View file

@ -30,7 +30,7 @@
"@11ty/eleventy-fetch": "^4.0.1", "@11ty/eleventy-fetch": "^4.0.1",
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
"@11tyrocks/eleventy-plugin-lightningcss": "^1.4.0", "@11tyrocks/eleventy-plugin-lightningcss": "^1.4.0",
"@cdransf/eleventy-plugin-tabler-icons": "^1.7.0", "@cdransf/eleventy-plugin-tabler-icons": "^1.8.0",
"@supabase/supabase-js": "^2.44.2", "@supabase/supabase-js": "^2.44.2",
"dotenv-flow": "^4.1.0", "dotenv-flow": "^4.1.0",
"html-minifier-terser": "^7.2.0", "html-minifier-terser": "^7.2.0",

2
src/_data/artists.js
View file

@ -54,7 +54,7 @@ const fetchGenreMapping = async () => {
export default async function () { export default async function () {
const genreMapping = await fetchGenreMapping() const genreMapping = await fetchGenreMapping()
const artists = await fetchPaginatedData('artists', 'id, mbid, name_string, image, total_plays, country, description, favorite, genres') const artists = await fetchPaginatedData('artists', 'id, mbid, name_string, image, total_plays, country, description, favorite, tattoo, genres')
const albums = await fetchPaginatedData('albums', 'mbid, name, release_year, total_plays, artist') const albums = await fetchPaginatedData('albums', 'mbid, name, release_year, total_plays, artist')
const albumsByArtist = albums.reduce((acc, album) => { const albumsByArtist = albums.reduce((acc, album) => {
if (!acc[album.artist]) acc[album.artist] = [] if (!acc[album.artist]) acc[album.artist] = []

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

@ -61,6 +61,7 @@
--posts: #008080; --posts: #008080;
--search: #4682b4; --search: #4682b4;
--sun: #ffa500; --sun: #ffa500;
--tattoo: #b22222;
--tv: #ff4500; --tv: #ff4500;
--warning: #ff8c00; --warning: #ff8c00;
--webrings: #da70d6; --webrings: #da70d6;

8
src/assets/styles/pages/music.css
View file

@ -52,6 +52,14 @@
} }
} }
&.tattoo {
color: var(--tattoo);
& svg {
stroke: var(--tattoo);
}
}
&.brain:focus, &.brain:focus,
&.brain:focus-within { &.brain:focus-within {
outline: 0; outline: 0;

3
src/pages/main/music/artists/artist.html
View file

@ -42,6 +42,9 @@ schema: artist
{%- if artist.favorite -%} {%- if artist.favorite -%}
<p class="sub-meta favorite flex-centered">{% tablericon "heart" "Favorite" %} This is one of my favorite artists!</p> <p class="sub-meta favorite flex-centered">{% tablericon "heart" "Favorite" %} This is one of my favorite artists!</p>
{%- endif -%} {%- endif -%}
{%- if artist.tattoo -%}
<p class="sub-meta tattoo flex-centered">{% tablericon "needle" "Tattoo" %} I have a tattoo inspired by this artist!</p>
{%- endif -%}
{%- if artist.total_plays > 0 -%} {%- if artist.total_plays > 0 -%}
<p class="sub-meta"><strong class="highlight-text">{{ artist.total_plays }} plays</strong></p> <p class="sub-meta"><strong class="highlight-text">{{ artist.total_plays }} plays</strong></p>
{%- endif -%} {%- endif -%}