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 => {
-  return markdown.render(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>
-  </{{ 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>
+<details class="details flow" id="{{ item.data.title }}">
+  <summary>
+    <{{ headingLevel }}>
+      {{ item.data.track_number }}. {{ item.data.title }} by {{ item.data.artist }}
+    </{{ headingLevel }}>
+  </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/get-started.md

@@ -11,7 +11,7 @@ You can use this starter as a template for your blog and you are ready to go! Bu
 - edit your personal details and social media in `src/_data/personal.yaml`.
 - Open `src/assets/css/global/blocks/external-link.css`. Replace "eleventy-excellent.netlify.app" with your own domain. This is about the external link indicators, they are matched with your domain. If you don't want to use external link indicators, feel free to delete the whole style rule. You can also add the class `no-indicator` to any anchor element you want to except from this rule.
 
-The [blog posts](/blog/) also explain / show some features that aren't covered here.
+The [blog posts](/blog/) also explain / show some features that aren't covered here. 
 
 ## "Docs" lol
 

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
+}