Mix scaffolding

eleventy.config.js

@@ -15,7 +15,7 @@ dotenv.config();
 import yaml from 'js-yaml';
 
 //  config import
-import {getAllPosts, showInSitemap, tagList, goPages} from './src/_config/collections.js';
+import {getAllPosts, showInSitemap, tagList, goPages, tracksByProject} from './src/_config/collections.js';
 import events from './src/_config/events.js';
 import filters from './src/_config/filters.js';
 import plugins from './src/_config/plugins.js';
@@ -43,6 +43,7 @@ export default async function (eleventyConfig) {
   eleventyConfig.addCollection('showInSitemap', showInSitemap);
   eleventyConfig.addCollection('tagList', tagList);
   eleventyConfig.addCollection('goPages', goPages);
+  eleventyConfig.addCollection('tracksByProject', tracksByProject);
 
   // ---------------------  Plugins
   eleventyConfig.addPlugin(plugins.htmlConfig);

src/_config/filters/markdown-format.js

@@ -5,5 +5,8 @@ import markdownParser from 'markdown-it';
 const markdown = markdownParser();
 
 export const markdownFormat = string => {
+  if (typeof string === 'string') {
     return markdown.render(string);
+  }
+  return '';
 };

src/_includes/partials/card-mix-track.njk

@@ -1,14 +1,20 @@
-{% set headingLevel = headingLevel | default("h2") %}
-{% set definedDate = definedDate | default(item.date) %}
+{% set headingLevel = headingLevel | default(false) %}
 
-<custom-card no-padding>
-  <{{ headingLevel }} slot="headline" class="text-step-2">
-    <a href="{{ item.url | url }}">{{ item.data.title }}</a>
+<details class="details flow" id="{{ item.data.title }}">
+  <summary>
+    <{{ headingLevel }}>
+      {{ item.data.track_number }}. {{ item.data.title }} by {{ item.data.artist }}
     </{{ headingLevel }}>
-  <span slot="date">{%- if item.data.draft -%}<span class="button" data-small-button data-button-variant='tertiary'>draft</span>{%- endif %} {% include "partials/date.njk" %}</span>
-  <div slot="content" webc:nokeep>{{ item.data.description | markdownFormat | safe }}</div>
-</custom-card>
+  </summary>
+  <div class="flow">
+    {{- item.templateContent | safe -}}
+  </div>
+</details>
 
 {% css "local" %}
-  {% include "css/custom-card.css" %}
+  {% include "css/details.css" %}
 {% endcss %}
+
+{% js "defer" %}
+  {% include "scripts/details.js" %}
+{% endjs %}

src/_layouts/mix.njk

@@ -4,17 +4,17 @@ layout: base
 
 <div class="region" style="--region-space-top: var(--space-xl-2xl)">
   <div class="wrapper flow prose">
-    <h1 class="gradient-text">{{ title }}</h1>
+    <h1>{{ title }}</h1>
     {{ content | safe }}
 
-    <h2>Tracks</h2>
     <div class="feature |  region region-space-l">
-      <custom-masonry layout="50-50">
+      
         {% set projectTracks = collections.tracksByProject[project] %}
         {% for track in projectTracks %}
+          {% set item = track %}
           {% include "partials/card-mix-track.njk" %}
         {% endfor %}
-      </custom-masonry>
+      
     </div>
   </div>
 </div>

src/pages/projects/mixes/tomorrowsbacon/01-greenpeace.md

@@ -0,0 +1,61 @@
+---
+title: "Greenpeace"
+artist: "James"
+album: "Whiplash"
+date: 1997-02-24
+project: TomorrowsBacon
+track_number: 01
+---
+
+{% imageKeys {
+  "src": "/pages/projects/mixes/tomorrowsbacon/james-whiplash.jpg",
+  "alt": "Whiplash by James",
+  "loading": "lazy",
+  "widths": [200, 400],
+  "sizes": "(min-width:30em) 50vw, 100vw",
+  "formats": ["webp", "jpeg"]
+} %}
+
+## Notes
+Notes go here.
+
+## Lyrics
+I don't like the world I see
+So I'll avert my gaze to the TV
+I'm too cool to get involved
+Someone else can change the channel for me
+
+Gonna suck the juices out of this world
+Gonna treat her rough
+It’s all she deserves
+She’s so cold to me
+Gonna rape this world
+With my straight lines
+Gonna straighten her out
+Because nature is just history
+
+There’s a hole in my heart
+You’re so cruel to me
+There’s a hole in my heart
+From your industry
+There’s a hole in my heart
+
+It’s no use to get involved
+You’ll never stop the world from turning
+I just want to rest in peace
+I can't stop the world from burning
+
+Gonna test my bombs wherever I want,
+Gonna ’poon the whale
+Gonna drain the swamp
+It’s money to me
+Gonna fuck with genes
+I am what I am
+Much more than a God
+Much less than a man of industry
+
+There’s a hole in my heart
+You’re so cruel to me
+There’s a hole in my heart
+From your industry
+There’s a hole

src/pages/projects/mixes/tomorrowsbacon/01-track-one.md

@@ -1,12 +0,0 @@
----
-title: "Greenpeace"
-artist: "James"
-date: 2001-01-01
-project: TomorrowsBacon
-track_number: 1
----
-## Notes
-Notes go here.
-
-## Lyrics
-Lyrics go here.

src/pages/projects/mixes/tomorrowsbacon/02-bastards-of-young.md

@@ -0,0 +1,13 @@
+---
+title: "Bastards of Young"
+artist: "The Replacements"
+album: "Tim"
+date: 1985-09-18
+project: TomorrowsBacon
+track_number: 02
+---
+## Notes
+Notes go here.
+
+## Lyrics
+Lyrics go here.

src/pages/projects/mixes/tomorrowsbacon/03-howlin-at-the-moon.md

@@ -0,0 +1,13 @@
+---
+title: "Howlin’ at the Moon"
+artist: "The Ramones"
+album: "Mania"
+date: 1988-05-31
+project: TomorrowsBacon
+track_number: 03
+---
+## Notes
+Notes go here.
+
+## Lyrics
+Lyrics go here.

src/pages/projects/mixes/tomorrowsbacon/04-googies-vs-et.md

@@ -0,0 +1,13 @@
+---
+title: "Goonies vs. E.T."
+artist: "Run The Jewels"
+album: "Mania"
+date: 2020-06-03
+project: TomorrowsBacon
+track_number: 04
+---
+## Notes
+Notes go here.
+
+## Lyrics
+Lyrics go here.

src/pages/projects/mixes/tomorrowsbacon/05-better-way-to-live.md

@@ -0,0 +1,13 @@
+---
+title: "Better Way to Live"
+artist: "Kneecap"
+album: "Fine Art"
+date: 2024-06-14
+project: TomorrowsBacon
+track_number: 05
+---
+## Notes
+Notes go here.
+
+## Lyrics
+Lyrics go here.

src/pages/projects/mixes/tomorrowsbacon/06-violet-the-upper-room.md

@@ -0,0 +1,13 @@
+---
+title: "Violet (The Upper Room)"
+artist: "CunninLynguists"
+album: "Fine Art"
+date: 2017-10-06
+project: TomorrowsBacon
+track_number: 6
+---
+## Notes
+Notes go here.
+
+## Lyrics
+Lyrics go here.

src/pages/projects/mixes/tomorrowsbacon/07-new-gold.md

@@ -0,0 +1,13 @@
+---
+title: "New Gold"
+artist: "Gorillaz"
+album: "Cracker Island"
+date: 2023-02-24
+project: TomorrowsBacon
+track_number: 7
+---
+## Notes
+Notes go here.
+
+## Lyrics
+Lyrics go here.

src/pages/projects/mixes/tomorrowsbacon/08-all-is-full-of-love.md

@@ -0,0 +1,13 @@
+---
+title: "All Is Full of Love (Radio Strings Mix)"
+artist: "Björk"
+album: "All Is Full of Love [CD Single]"
+date: 1999-05-24
+project: TomorrowsBacon
+track_number: 8
+---
+## Notes
+Notes go here.
+
+## Lyrics
+Lyrics go here.

src/pages/projects/mixes/tomorrowsbacon/09-electioneering.md

@@ -0,0 +1,13 @@
+---
+title: "Electioneering"
+artist: "Radiohead"
+album: "OK Computer"
+date: 1997-05-21
+project: TomorrowsBacon
+track_number: 9
+---
+## Notes
+Notes go here.
+
+## Lyrics
+Lyrics go here.

src/pages/projects/mixes/tomorrowsbacon/10-spanish-bombs.md

@@ -0,0 +1,77 @@
+---
+title: "Spanish Bombs"
+artist: "The Clash"
+album: "London Calling"
+date: 1979-12-14
+project: TomorrowsBacon
+track_number: 10
+---
+## Notes
+Notes go here.
+
+## Lyrics
+Spanish songs in Andalucía
+The shooting site in the days of '39
+Oh, please, leave the ventana open
+Federico Lorca is dead and gone
+Bullet holes in the cemetery walls
+The black cars of the Guardia Civil
+Spanish bombs on the Costa Rica
+I'm flyin' in on a DC 10 tonight
+
+[Chorus]
+Spanish bombs, yo te quiero infinito
+Yo te acuerda oh, mi corazón
+Spanish bombs, yo te quiero infinito
+Yo te acuerda oh mi corazón
+
+[Verse 2]
+Spanish weeks in my disco casino
+The freedom fighters died upon the hill
+They sang the red flag, they wore the black one
+After they died it was Mockingbird Hill
+Back home the buses went up in flashes
+The Irish tomb was drenched in blood
+Spanish bombs shatter the hotels
+My señorita's rose was nipped in the bud
+See rock shows near Lancaster
+Get tickets as low as $44
+You might also like
+Rudie Can’t Fail
+The Clash
+London Calling
+The Clash
+Jimmy Jazz
+The Clash
+[Chorus]
+Spanish bombs, yo te quiero infinito
+Yo te acuerda oh, mi corazón
+Spanish bombs, yo te quiero infinito
+Yo te acuerda oh mi corazón
+
+[Verse 3]
+The hillsides ring with "Free the people"
+Or can I hear the echo from the days of '39?
+With trenches full of poets, the ragged army
+Fixin' bayonets to fight the other line
+Spanish bombs rock the province
+I'm hearin' music from another time
+Spanish bombs on the Costa Brava
+I'm flyin' in on a DC 10 tonight
+
+[Chorus]
+Spanish bombs, yo te quiero infinito
+Yo te acuerda oh mi corazón
+Spanish bombs, yo te quiero infinito
+Yo te acuerda oh, mi corazón
+
+[Outro]
+Oh, mi corazón
+Oh, mi corazón
+Spanish songs in Andalucía
+Mandolina, oh, mi corazón
+Spanish songs in Granada
+Oh, mi corazón
+Oh, mi corazón
+Oh, mi corazón
+Oh, mi corazón

src/pages/projects/mixes/tomorrowsbacon/11-knowledge.md

@@ -0,0 +1,12 @@
+---
+title: "Knowledge"
+artist: "Operation Ivy"
+album: "Energy"
+date: 1989-05-28
+project: TomorrowsBacon
+track_number: 11
+---
+## Notes
+Notes go here.
+
+## Lyrics

src/pages/projects/mixes/tomorrowsbacon/12-capacity.md

@@ -0,0 +1,12 @@
+---
+title: "Capacity"
+artist: "Charly Bliss"
+album: "Young Enough"
+date: 2019-05-10
+project: TomorrowsBacon
+track_number: 12
+---
+## Notes
+Notes go here.
+
+## Lyrics

src/pages/projects/mixes/tomorrowsbacon/13-sackcloth-and-ashes.md

@@ -0,0 +1,12 @@
+---
+title: "Sackcloth and Ashes"
+artist: "The Mr. T Experience"
+album: "Love Is Dead"
+date: 1996-01-19
+project: TomorrowsBacon
+track_number: 13
+---
+## Notes
+Notes go here.
+
+## Lyrics

src/pages/projects/mixes/tomorrowsbacon/14-tenderness.md

@@ -0,0 +1,12 @@
+---
+title: "Tenderness"
+artist: "Parquet Courts"
+album: "Wide Awake!"
+date: 2018-05-18
+project: TomorrowsBacon
+track_number: 14
+---
+## Notes
+Notes go here.
+
+## Lyrics

src/pages/projects/mixes/tomorrowsbacon/15-aint-talking-about-love.md

@@ -0,0 +1,12 @@
+---
+title: "Ain’t Talkin’ About Love"
+artist: "Van Halen"
+album: "Van Halen"
+date: 1978-02-10
+project: TomorrowsBacon
+track_number: 15
+---
+## Notes
+Notes go here.
+
+## Lyrics

src/pages/projects/mixes/tomorrowsbacon/16-daggers-edge.md

@@ -0,0 +1,12 @@
+---
+title: "Dagger’s Edge"
+artist: "Everything Everything"
+album: "Mountainhead"
+date: 2024-03-01
+project: TomorrowsBacon
+track_number: 16
+---
+## Notes
+Notes go here.
+
+## Lyrics

src/pages/projects/mixes/tomorrowsbacon/17-people-as-places.md

@@ -0,0 +1,63 @@
+---
+title: "People As Places As People"
+artist: "Modest Mouse"
+album: "We Were Dead Before The Ship Even Sank"
+date: 2007-03-20
+project: TomorrowsBacon
+track_number: 17
+---
+## Notes
+Notes go here.
+
+## Lyrics
+[Verse 1]
+To answer the question, it'll probably take more
+If you're already there, well, you probably don't know
+Well, we were the people that we wanted to know
+And we're the places that we wanted to go
+It's hard to get hold of and hard to let go
+Always something we'd look for from the day we were born
+Instead we're the people that we wanted to know
+
+[Refrain]
+And we're the places that we wanted to go
+And we're the places that we wanted to go
+And we're the places that we wanted to go
+
+[Verse 2]
+Always asking a question, and I don't want to know
+Like the wind across strings that had finally let go
+And the people you love but you didn't quite know
+They're the places that you wanted to go
+
+Bark at the neighbors and then bark at the door
+A-snifflin' and wimperin' for someone to know
+But we were the people that we wanted to know
+
+[Refrain]
+And we're the places that we wanted to go
+Yeah, we're the places that we wanted to go
+Yeah, we're the places that we wanted to go
+
+[Verse 3]
+It was not the intention, but we let it all go
+Well, it messed up the function and sure fucked up the flow
+I hardly have people that I needed to know
+'Cause you're the people that I wanted to know
+All this scramblin' around, huntin' high and then low
+Lookin' for the face, love or somewhere to go
+I hardly have places that I needed to go
+
+[Chorus]
+'Cause you're the places that I wanted to go
+Yeah, you're the places that we wanted to go
+Yeah, you're the places that we wanted to go
+
+[Guitar Solo]
+(We're the people that we wanted to know!)
+
+[Outro]
+You shouldn't have to ask
+You shouldn't have to ask 'cause (Pow!)
+We are your ripcord
+You shouldn't—

src/pages/projects/mixes/tomorrowsbacon/18-all-your-way.md

@@ -0,0 +1,63 @@
+---
+title: "All Your Way"
+artist: "Morphine"
+album: "Yes"
+date: 1995-03-21
+project: TomorrowsBacon
+track_number: 18
+---
+## Notes
+Notes go here.
+
+## Lyrics
+[Verse 1]
+To answer the question, it'll probably take more
+If you're already there, well, you probably don't know
+Well, we were the people that we wanted to know
+And we're the places that we wanted to go
+It's hard to get hold of and hard to let go
+Always something we'd look for from the day we were born
+Instead we're the people that we wanted to know
+
+[Refrain]
+And we're the places that we wanted to go
+And we're the places that we wanted to go
+And we're the places that we wanted to go
+
+[Verse 2]
+Always asking a question, and I don't want to know
+Like the wind across strings that had finally let go
+And the people you love but you didn't quite know
+They're the places that you wanted to go
+
+Bark at the neighbors and then bark at the door
+A-snifflin' and wimperin' for someone to know
+But we were the people that we wanted to know
+
+[Refrain]
+And we're the places that we wanted to go
+Yeah, we're the places that we wanted to go
+Yeah, we're the places that we wanted to go
+
+[Verse 3]
+It was not the intention, but we let it all go
+Well, it messed up the function and sure fucked up the flow
+I hardly have people that I needed to know
+'Cause you're the people that I wanted to know
+All this scramblin' around, huntin' high and then low
+Lookin' for the face, love or somewhere to go
+I hardly have places that I needed to go
+
+[Chorus]
+'Cause you're the places that I wanted to go
+Yeah, you're the places that we wanted to go
+Yeah, you're the places that we wanted to go
+
+[Guitar Solo]
+(We're the people that we wanted to know!)
+
+[Outro]
+You shouldn't have to ask
+You shouldn't have to ask 'cause (Pow!)
+We are your ripcord
+You shouldn't—

src/pages/projects/mixes/tomorrowsbacon/19-radio-jesus.md

@@ -0,0 +1,12 @@
+---
+title: "Radio Jesus"
+artist: "Du Blonde"
+album: "Sniff More Gritty"
+date: 2024-11-15
+project: TomorrowsBacon
+track_number: 19
+---
+## Notes
+Notes go here.
+
+## Lyrics

src/pages/projects/mixes/tomorrowsbacon/20-vapour-trail.md

@@ -0,0 +1,12 @@
+---
+title: "Vapour Trail"
+artist: "Ride"
+album: "Nowhere"
+date: 1990-09-15
+project: TomorrowsBacon
+track_number: 20
+---
+## Notes
+Notes go here.
+
+## Lyrics

src/pages/projects/mixes/tomorrowsbacon/album.md

@@ -0,0 +1,15 @@
+---
+layout: mix
+title: "Tomorrow's Bacon"
+project: TomorrowsBacon
+permalink: /mixes/tomorrowsbacon/index.html
+go: tomorrowsbacon
+---
+An introduction and description of the album.
+{% set itemList = collections.mix %}
+{% set headingLevel = "h3" %}
+
+
+{% css "local" %}
+  {% include "css/custom-card.css" %}
+{% endcss %}

src/pages/projects/mixes/tomorrowsbacon/index.md

@@ -1,7 +0,0 @@
----
-layout: mix
-title: "Tomorrow's Bacon"
-project: TomorrowsBacon
-permalink: /mixes/tomorrowsbacon/index.html
----
-Nothing goes here.

src/pages/projects/mixes/tomorrowsbacon/mix.json

@@ -0,0 +1,4 @@
+{
+  "tags": "mix",
+  "permalink": false
+}