Added to mix

docs/ANIMATIONS.md

@@ -0,0 +1,180 @@
+# Hand-Drawn Animation Effects
+
+This project includes a sustainable animation system for adding hand-drawn, organic animation effects to text and UI elements throughout the site.
+
+## Using Animations in Markdown
+
+Thanks to the **markdown-it-attrs** plugin (already installed), you can add CSS classes to any text inline in your markdown files using the `{.classname}` syntax.
+
+### Available Animation Classes
+
+#### `.shiver` - Subtle Shake/Vibration
+Creates a gentle trembling effect, like hand-drawn letters slightly moving.
+
+```markdown
+This text will [shiver]{.shiver} on the page!
+```
+
+#### `.wobble` - Gentle Sway
+A slow, organic swaying motion.
+
+```markdown
+The word [wobbles]{.wobble} gently back and forth.
+```
+
+#### `.draw` - Hand-Drawing Effect
+Simulates text being drawn onto the page (plays once on load).
+
+```markdown
+This text [appears drawn]{.draw} onto the page.
+```
+
+#### `.jitter` - Erratic Movement
+Fast, jittery movement for emphasis.
+
+```markdown
+This is [urgent]{.jitter} and needs attention!
+```
+
+#### `.bounce` - Playful Bounce
+Bounces up and down playfully.
+
+```markdown
+[Click here]{.bounce} for something fun!
+```
+
+### Examples
+
+#### Single Word Animation
+```markdown
+I'm feeling [jittery]{.jitter} about this!
+```
+
+#### Multiple Animations
+```markdown
+The [shaky]{.shiver} text was [drawn]{.draw} by hand.
+```
+
+#### Combining with Other Attributes
+You can combine animations with other markdown-it-attrs features:
+
+```markdown
+[Important note]{.shiver #special-note style="color: red;"}
+```
+
+### Applying to Entire Paragraphs
+
+You can also apply animations to entire blocks:
+
+```markdown
+The whole paragraph wobbles!
+{.wobble}
+```
+
+## Technical Details
+
+### CSS Architecture
+- **Location**: `/src/assets/css/global/utilities/text-animations.css`
+- **Layer**: `utilities` (automatically imported via `@import-glob`)
+- **Build**: Processed through PostCSS, minified in production
+
+### Animation Properties
+All animations:
+- Use `display: inline-block` to enable transforms
+- Include staggered delays for visual interest
+- Respect `prefers-reduced-motion` for accessibility
+- Use CSS custom properties where beneficial
+
+### Performance Considerations
+- Animations use `transform` and `opacity` (GPU-accelerated)
+- No layout thrashing or reflows
+- Minimal impact on page performance
+- Can be disabled per-element or globally via media query
+
+## Track Navigation Buttons
+
+The track navigation buttons on mix pages automatically include animated SVG backgrounds:
+
+- **Previous button**: Mirrored wavy line pointing left
+- **Next button**: Wavy line pointing right
+- **Animation**: Subtle color shift and opacity pulse
+- **Hover**: Faster animation speed
+
+### Implementation
+- Uses `::before` pseudo-element for background
+- SVG: `/assets/svg/ui/mix_seek_01.svg`
+- Controlled via `data-track-nav` attribute
+- CSS: `/src/assets/css/global/blocks/track-navigation.css`
+
+## Extending the System
+
+### Adding New Animation Effects
+
+1. **Add keyframes to** `/src/assets/css/global/utilities/text-animations.css`:
+
+```css
+@keyframes my-effect {
+  0% { transform: /* start state */ }
+  100% { transform: /* end state */ }
+}
+
+.my-effect {
+  display: inline-block;
+  animation: my-effect 1s ease-in-out infinite;
+}
+```
+
+2. **Use in markdown**:
+
+```markdown
+Text with [my custom effect]{.my-effect}!
+```
+
+### Creating Component-Specific Animations
+
+For UI components (like buttons, cards), add animations to the component's CSS file in `/src/assets/css/global/blocks/`.
+
+Example:
+```css
+.my-component[data-animated]::after {
+  animation: wave-draw 2s ease infinite;
+}
+```
+
+## Alternative Approaches Considered
+
+### Custom Markdown Plugin
+We could create a custom shortcode like `{% shiver "text" %}`, but:
+- ❌ More verbose syntax
+- ❌ Requires custom plugin development
+- ❌ Less flexible than attributes
+- ✅ Already have markdown-it-attrs installed
+
+### Inline Syntax
+We could use delimiters like `{shiver}text{/shiver}`, but:
+- ❌ Conflicts with existing syntax
+- ❌ Harder to parse reliably
+- ❌ Not standard markdown
+- ✅ Attributes are a well-established pattern
+
+### JavaScript-Based Animation
+We could use JavaScript libraries like:
+- **Anime.js**, **GSAP**, **Motion One**
+- ❌ Additional bundle size
+- ❌ Requires JavaScript to run
+- ❌ More complex implementation
+- ✅ CSS is simpler, more performant, works without JS
+
+## Best Practices
+
+1. **Use sparingly**: Animation should enhance, not distract
+2. **Consider accessibility**: Some users find animations distracting
+3. **Test performance**: Too many animated elements can impact page speed
+4. **Semantic HTML**: Animations are presentational, keep markup semantic
+5. **Progressive enhancement**: Content should work without animations
+
+## Resources
+
+- [markdown-it-attrs documentation](https://github.com/arve0/markdown-it-attrs)
+- [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API)
+- [prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion)

eleventy.config.js

@@ -131,7 +131,7 @@ export default async function (eleventyConfig) {
   // --------------------- Passthrough File Copy
 
   // -- same path
-  ['src/assets/fonts/', 'src/assets/images/template', 'src/assets/og-images'].forEach(path =>
+  ['src/assets/fonts/', 'src/assets/images/template', 'src/assets/og-images', 'src/assets/svg/'].forEach(path =>
     eleventyConfig.addPassthroughCopy(path)
   );
 

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

@@ -1,10 +0,0 @@
-{% set headingLevel = headingLevel | default('h3') %}
-
-<section class="flow" id="{{ item.data.title | slugify }}">
-  <{{ headingLevel }}>
-    {{ item.data.track_number }}. {{ item.data.title }} by {{ item.data.artist }}
-  </{{ headingLevel }}>
-  <div class="flow">
-    {{- item.templateContent | safe -}}
-  </div>
-</section>

src/_includes/partials/mix-album-info.njk

@@ -17,7 +17,7 @@
 
   <div class="flow" style="--flow-space: var(--space-3xs)">
     {% if album %}
-      <p class="text-step-1 font-display">{{ album }}</p>
+      <p class="text-step-1 font-display"><i>{{ album }}</i></p>
     {% endif %}
     {% if artist %}
       <p class="text-step-0">{{ artist }}</p>

src/_layouts/mix-track.njk

@@ -18,34 +18,46 @@ layout: base
     <div class="wrapper flow prose">
       <nav aria-label="Album navigation" class="cluster" style="--cluster-horizontal-alignment: space-between; --gutter: var(--space-s)">
       <div>
-        <a href="{{ albumUrl }}" class="button" aria-label="Back to album track list">Track List</a>
+        <div class="track-list-bg">
+          <a href="{{ albumUrl }}" class="button color-invert" aria-label="Back to album track list">Track List</a>
+        </div>
       </div>
       <div class="cluster" style="--gutter: var(--space-xs)">
         {% if prev %}
-          <a rel="prev" href="{{ prev.url }}" class="button">← {{ prev.data.track_number | padNumber }}. {{ prev.data.title }}</a>
+          <div class="track-nav-bg" data-direction="prev">
+            <a rel="prev" href="{{ prev.url }}" class="button color-invert" data-track-nav>⏮ {{ prev.data.track_number | padNumber }}. {{ prev.data.title }}</a>
+          </div>
         {% endif %}
         {% if next %}
-          <a rel="next" href="{{ next.url }}" class="button">{{ next.data.track_number | padNumber }}. {{ next.data.title }} →</a>
+          <div class="track-nav-bg" data-direction="next">
+            <a rel="next" href="{{ next.url }}" class="button color-invert" data-track-nav>{{ next.data.track_number | padNumber }}. {{ next.data.title }} ⏭</a>
+          </div>
         {% endif %}
       </div>
     </nav>
 
     <h1>{{ title }}</h1>
 
-    {% include "partials/album-info.njk" %}
+    {% include "partials/mix-album-info.njk" %}
 
     {{ content | safe }}
 
     <nav aria-label="Album navigation" class="cluster" style="--cluster-horizontal-alignment: space-between; --gutter: var(--space-s)">
       <div>
-        <a href="{{ albumUrl }}" class="button" aria-label="Back to album track list">Track List</a>
+        <div class="track-list-bg">
+          <a href="{{ albumUrl }}" class="button color-invert" aria-label="Back to album track list">Track List</a>
+        </div>
       </div>
       <div class="cluster" style="--gutter: var(--space-xs)">
         {% if prev %}
-          <a rel="prev" href="{{ prev.url }}" class="button">← {{ prev.data.track_number | padNumber }}. {{ prev.data.title }}</a>
+          <div class="track-nav-bg" data-direction="prev">
+            <a rel="prev" href="{{ prev.url }}" class="button color-invert" data-track-nav>⏮ {{ prev.data.track_number | padNumber }}. {{ prev.data.title }}</a>
+          </div>
         {% endif %}
         {% if next %}
-          <a rel="next" href="{{ next.url }}" class="button">{{ next.data.track_number | padNumber }}. {{ next.data.title }} →</a>
+          <div class="track-nav-bg" data-direction="next">
+            <a rel="next" href="{{ next.url }}" class="button color-invert" data-track-nav>{{ next.data.track_number | padNumber }}. {{ next.data.title }} ⏭</a>
+          </div>
         {% endif %}
       </div>
     </nav>

src/assets/css/global/blocks/mix-track-navigation.css

@@ -0,0 +1,56 @@
+/* Track list button with play/pause SVG background */
+.track-list-bg {
+  display: inline-block;
+  background-image: url('/assets/svg/ui/mix_playpause_01.svg');
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  padding: 1.5em 0.6em;
+  animation: wave-draw 3s ease-in-out infinite;
+}
+
+/* Animate faster on hover */
+.track-list-bg:hover {
+  animation: wave-draw 1.5s ease-in-out infinite;
+}
+
+/* Track navigation: outer wrapper with SVG background */
+.track-nav-bg {
+  display: inline-block;
+  background-image: url('/assets/svg/ui/mix_seek_02.svg');
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  padding: 1.5em 0.6em;
+  animation: wave-draw 3s ease-in-out infinite;
+}
+
+/* Mirror the SVG for previous buttons */
+.track-nav-bg[data-direction="prev"] {
+  transform: scaleX(-1);
+}
+
+/* Inner button with tight padding */
+.button[data-track-nav] {
+  --button-padding: var(--space-3xs) var(--space-l);
+}
+
+/* Flip content back for prev button so text reads correctly */
+.track-nav-bg[data-direction="prev"] .button[data-track-nav] {
+  transform: scaleX(-1);
+}
+
+/* Subtle wave animation */
+@keyframes wave-draw {
+  0%, 100% {
+    filter: hue-rotate(0deg);
+  }
+  50% {
+    filter: hue-rotate(15deg);
+  }
+}
+
+/* Animate faster on hover */
+.track-nav-bg:hover {
+  animation: wave-draw 1.5s ease-in-out infinite;
+}

src/assets/css/global/utilities/color-invert.css

@@ -0,0 +1,14 @@
+/* Color inversion utility - swaps background and text colors */
+.color-invert {
+  background-color: var(--color-text);
+  color: var(--color-bg);
+}
+
+/* For buttons with the invert class */
+.button.color-invert {
+  --button-bg: var(--color-text);
+  --button-color: var(--color-bg);
+  --button-border-color: var(--color-text);
+  --button-hover-bg: var(--color-text);
+  --button-hover-color: var(--color-bg);
+}

src/assets/css/global/utilities/text-animations.css

@@ -0,0 +1,140 @@
+/* Hand-drawn animation effects for text and UI elements */
+
+/* Shiver effect - subtle shake/vibration */
+@keyframes shiver {
+  0%, 100% {
+    transform: translate(0, 0) rotate(0deg);
+  }
+  10% {
+    transform: translate(-1px, -1px) rotate(-0.5deg);
+  }
+  20% {
+    transform: translate(1px, 1px) rotate(0.5deg);
+  }
+  30% {
+    transform: translate(-1px, 0) rotate(-0.3deg);
+  }
+  40% {
+    transform: translate(1px, -1px) rotate(0.3deg);
+  }
+  50% {
+    transform: translate(-1px, 1px) rotate(-0.4deg);
+  }
+  60% {
+    transform: translate(1px, 0) rotate(0.4deg);
+  }
+  70% {
+    transform: translate(-1px, -1px) rotate(-0.2deg);
+  }
+  80% {
+    transform: translate(1px, 1px) rotate(0.2deg);
+  }
+  90% {
+    transform: translate(0, -1px) rotate(-0.1deg);
+  }
+}
+
+.shiver {
+  display: inline-block;
+  animation: shiver 0.8s ease-in-out infinite;
+}
+
+/* Wobble effect - gentle sway */
+@keyframes wobble {
+  0%, 100% {
+    transform: rotate(0deg) translateY(0);
+  }
+  25% {
+    transform: rotate(2deg) translateY(-2px);
+  }
+  75% {
+    transform: rotate(-2deg) translateY(2px);
+  }
+}
+
+.wobble {
+  display: inline-block;
+  animation: wobble 2s ease-in-out infinite;
+  transform-origin: center bottom;
+}
+
+/* Draw effect - simulate hand-drawing text */
+@keyframes draw-in {
+  from {
+    opacity: 0;
+    filter: blur(2px);
+    transform: translateX(-10px) rotate(-5deg);
+  }
+  to {
+    opacity: 1;
+    filter: blur(0);
+    transform: translateX(0) rotate(0deg);
+  }
+}
+
+.draw {
+  display: inline-block;
+  animation: draw-in 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
+}
+
+/* Jitter effect - erratic movement */
+@keyframes jitter {
+  0%, 100% { transform: translate(0, 0); }
+  10% { transform: translate(-2px, 1px); }
+  20% { transform: translate(2px, -1px); }
+  30% { transform: translate(-1px, 2px); }
+  40% { transform: translate(1px, -2px); }
+  50% { transform: translate(-2px, -1px); }
+  60% { transform: translate(2px, 1px); }
+  70% { transform: translate(-1px, -2px); }
+  80% { transform: translate(1px, 2px); }
+  90% { transform: translate(-2px, -2px); }
+}
+
+.jitter {
+  display: inline-block;
+  animation: jitter 0.5s ease-in-out infinite;
+}
+
+/* Bounce effect - playful bounce */
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+}
+
+.bounce {
+  display: inline-block;
+  animation: bounce 1s ease-in-out infinite;
+}
+
+/* Stagger animations for multiple elements */
+.shiver:nth-child(2n) {
+  animation-delay: 0.1s;
+}
+
+.shiver:nth-child(3n) {
+  animation-delay: 0.2s;
+}
+
+.wobble:nth-child(2n) {
+  animation-delay: 0.3s;
+}
+
+.wobble:nth-child(3n) {
+  animation-delay: 0.6s;
+}
+
+/* Reduce motion for accessibility */
+@media (prefers-reduced-motion: reduce) {
+  .shiver,
+  .wobble,
+  .draw,
+  .jitter,
+  .bounce {
+    animation: none;
+  }
+}

src/assets/svg/ui/mix_playpause_01.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1024 768" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M35.503,738.889c2.957,-29.883 -18.578,-312.763 -28.097,-522.945c-3.738,-82.562 -0.799,-129.763 6.139,-156.879c6.793,-26.546 18.183,-38.92 30.097,-45.855c11.641,-6.775 25.332,-8.002 40.732,-8.625c15.401,-0.623 30.643,-1.462 42.584,0.324c13.857,2.073 24.576,7.593 31.701,15.828c31.527,36.44 48.425,36.519 121.94,101.39c94.451,83.346 245.179,239.635 247.567,242.542c8.735,10.637 7.23,26.333 -3.368,35.116c-24.667,20.442 -219.985,209.351 -219.985,209.351c-0.261,0.253 -0.528,0.499 -0.8,0.74c0,0 -104.28,92.322 -152.61,143.937l-6.121,5.093l-8.656,4.068c-4.571,1.49 -10.472,2.425 -17.351,2.627c-14.6,0.43 -36.967,-3.575 -53.384,0.135c-7.834,1.77 -16.042,-0.332 -22.062,-5.65c-6.019,-5.318 -9.117,-13.204 -8.326,-21.197Zm83.442,-23.525c49.035,-51.432 144.465,-136.302 151.501,-142.549c8.278,-7.997 147.261,-142.243 202.578,-193.587c-41.351,-42.577 -151.273,-154.104 -225.508,-219.61c-75.555,-66.671 -93.324,-68.16 -125.312,-104.609c-1.841,-0.309 -7.208,-1.162 -10.88,-1.226c-7.728,-0.136 -16.299,0.412 -24.929,0.761c-4.531,0.183 -8.857,0.231 -12.918,0.737c-1.847,0.23 -3.713,0.178 -5.144,1.488c-3.423,3.135 -5.095,8.879 -7.088,17.78c-5.639,25.189 -7.13,67.581 -3.89,139.133c8.219,181.483 24.858,416.457 27.756,500.838c3.567,0.047 7.137,0.17 10.656,0.334c7.55,0.352 18.512,0.473 23.178,0.51Z" style="fill:#ff00b4;"/><path d="M560.428,4.705c9.971,-0.618 34.847,-1.35 92.62,-1.35c68.009,0 98.73,-2.652 110.533,0.058l10.886,4.315l8.006,7.044l5.205,10.056l1.111,5.781l-0.062,7.012c-11.41,105.748 10.003,381.411 3.211,555.026c-2.16,55.218 -7.371,100.651 -16.627,128.61c-5.545,16.748 -13.105,28.487 -21.109,35.382c-3.82,3.291 -15.277,8.366 -32.625,9.66c-39.271,2.931 -125.307,-1.91 -142.299,-4.28l-6.8,-1.888l-5.22,-2.936l-8.034,-8.703c-2.636,-4.25 -5.832,-12.641 -8.08,-25.034c-18.794,-103.59 -17.858,-612.328 -17.878,-693.841c-0.002,-7.114 3.027,-13.892 8.329,-18.636c5.149,-4.608 11.967,-6.873 18.833,-6.276Zm22.83,49.236c-0.045,112.927 0.091,466.908 11.889,614.986c1.408,17.673 3.936,34.808 5.598,44.982c31.781,2.487 98.607,5.54 123.26,1.961c2.913,-4.558 4.614,-11.847 6.792,-20.744c6.215,-25.394 9.507,-61.692 11.179,-104.433c6.436,-164.513 -12.059,-420.095 -4.644,-538.171c-16.522,0.355 -45.881,0.833 -84.284,0.833c-33.09,0 -55.581,0.293 -69.79,0.586Z" style="fill:#ff00b4;"/><path d="M995.846,2.903c6.741,-0.608 13.464,1.544 18.61,6c5.484,4.75 8.635,11.648 8.634,18.904c-0.016,81.395 0.754,589.405 -13.73,692.845c-2.11,15.074 -5.925,24.498 -8.454,28.134l-7.218,7.17l-10.034,4.095c-13.442,2.43 -81.507,7.397 -112.574,4.392c-8.139,-0.787 -14.512,-2.284 -18.523,-3.884l-6.385,-3.352l-5.329,-4.637c-6.055,-6.758 -11.975,-18.374 -16.169,-34.79c-7.062,-27.64 -10.988,-72.578 -12.636,-127.165c-5.246,-173.735 11.268,-449.589 2.456,-555.41l0.209,-8.173l1.844,-6.975l3.272,-6.098l4.672,-5.237l10.085,-5.967l11.805,-2.47c11.355,-0.986 34.636,1.261 78.558,1.261c41.377,0 61.525,0.71 70.907,1.357Zm-22.75,49.063c-10.755,-0.223 -26.422,-0.42 -48.157,-0.42c-24.472,0 -45.893,-0.504 -59.352,-0.917c5.804,117.692 -8.546,373.762 -3.572,538.477c1.304,43.187 3.897,79.855 8.743,105.514c1.497,7.924 2.645,14.527 4.375,19.233c14.559,-0.141 59.7,-0.659 84.461,-1.822c1.358,-10.632 3.256,-27.288 4.313,-44.462c9.116,-148.263 9.222,-502.799 9.189,-615.603Z" style="fill:#ff00b4;"/></svg>

src/assets/svg/ui/mix_seek_01.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><path d="M53.869,35.56c-6.09,73.083 8.122,73.281 0.444,146.223c-3.726,35.401 -1.778,35.368 -1.778,202.222c0,80.279 3.474,82.707 -2.666,85.777" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M56.98,472.449c-4.015,-12.044 6.441,-1.555 23.555,-4c38.649,-5.521 38.461,0.682 77.334,3.111c61.867,3.867 81.167,-0.958 88,-2.666c13.483,-3.371 103.839,-0.686 105.778,2.222" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M352.98,472.894c-0.449,-1.347 3.666,0.912 46.222,-58.667c26.815,-37.542 28.928,-42.706 26.222,-40" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M427.647,372.005c-2.721,-5.441 33.374,4.99 47.111,5.333c110.376,2.76 110.11,16.874 173.333,8.444c47.695,-6.359 46.912,-11.24 95.111,-13.777c0.432,-0.023 0.395,-0.066 5.333,-0.889c0.098,-0.017 3.663,0.628 0.445,-0.445" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M745.869,373.338c-3.131,-6.26 -4.372,47.191 -6.222,56.444c-6.418,32.087 -1.245,32.077 0.549,53.11c2.145,-2.045 4.951,-4.721 34.117,-14.443c3.597,-1.199 129.678,-1.792 167.111,3.556c50.973,7.281 51.164,-1.275 85.778,0.889c4.857,0.303 10.415,3.878 39.556,3.111c0.079,-0.002 -0,-0 0.444,0.889" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M1069.87,473.338c-1.788,-1.788 -3.435,-3.434 14.666,-28c4.978,-6.756 34.684,-36.461 37.778,-39.556c27.608,-27.607 34.733,-17.297 65.334,-41.777c32.282,-25.826 85.248,-44.455 87.555,-50.223c8.456,-21.141 32.326,-20.438 59.556,-42.222c17.35,-13.88 59.934,-23.147 69.333,-30.666c2.505,-2.004 4.544,1.368 34.222,-20.889c4.657,-3.492 4.494,-3.198 9.333,-6.222l-2.666,-0" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M1448.98,214.227c-3.796,-11.39 -1.319,3.016 -3.111,14.667c-7.944,51.634 6.198,52.677 8.444,72.889c0.565,5.08 -0.829,104.618 -7.111,133.333c-7.749,35.422 -5.96,57.014 -9.778,57.778" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M1437.87,492.005c-0.82,-4.1 13.012,-3.139 20.889,-4.889c4.33,-0.962 34.45,-5.801 33.333,-1.334" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M1491.2,486.671c-2.181,-15.271 1.714,-14.981 4,-51.555c0.954,-15.263 4.918,-14.421 5.333,-29.778c1.106,-40.903 13.457,-75.947 -4,-145.778c-9.418,-37.674 -3.972,-50.844 -7.555,-144c-0.475,-12.353 -0.057,-115.167 5.333,-109.777" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M1493.87,8.894c-0.826,-0.331 0.825,-2.337 -0,-2.667c-4.686,-1.874 -53.375,0.654 -58.01,0.895c-8.528,34.372 -9.99,34.137 -9.99,69.772c-0,37.646 -13.667,53.306 -2.667,83.555c4.364,12 3.434,12.627 -3.556,23.111" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M1418.76,184.894c-0.508,-1.461 -1.016,-2.921 -1.524,-4.381c-18.805,-1.959 -19.046,-0.86 -36.254,-8.508c-3.681,-1.636 -4.362,0.222 -47.111,-17.778c-37.725,-15.884 -35.009,-21.056 -55.111,-29.333c-5.22,-2.15 -3.95,-4.665 -63.111,-31.556c-5.252,-2.387 -2.737,-6.702 -62.223,-36.444c-20.281,-10.141 -16.825,-17.164 -69.333,-34.667c-1.059,-0.353 -0.784,-0.617 -12,-7.111l4,-3.556" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M1075.2,24.449c-1.083,-4.33 -27.286,-3.111 -31.111,-3.111c-52.613,0 -152.683,21.368 -200.889,13.333c-20.585,-3.43 -84.881,5.436 -107.111,-4.444c-1.629,-0.724 -5.333,-0.836 -5.333,-1.778" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/><path d="M736.535,35.56c3.762,48.9 -4.965,88.918 -6.666,168.889c-0.369,17.312 -2.429,16.939 -4,34.222c-0.052,0.568 -0.375,0.46 -7.056,-0.944c-1.661,-10.154 -22.788,-10.437 -31.166,-13.722c-13.378,-5.246 -12.244,-9.309 -48,-13.778c-4.106,-0.513 -2.909,-3.442 -47.112,-21.333c-99.026,-40.083 -97.654,-57.925 -134.666,-78.223c-49.048,-26.896 -48.709,-27.376 -63.111,-33.777c-65.492,-29.108 -59.425,-48.965 -98.667,-52.889c-43.456,-4.346 -43.383,-2.933 -115.556,2.222c-47.674,3.405 -47.194,-6.222 -95.111,-6.222c-26.536,-0 -34.561,-3.006 -29.333,2.222c4.569,4.569 3.187,20.462 3.031,22.252c-2.021,-2.391 -2.078,-2.124 -3.475,-4.919c-0.236,-0.472 -0.581,-0.638 -0,-0.444" style="fill:none;stroke:#ff00ed;stroke-width:12px;"/></svg>

src/assets/svg/ui/mix_seek_02.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 2048 768" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M39.509,4.792c11.067,0.742 48.333,3.046 86.687,3.207c103.14,0.433 257.07,-3.339 318.763,-1.663c14.691,0.399 24.97,1.312 29.512,2.323l6.516,2.141l5.051,3.004c48.271,36.452 199.803,191.186 298.317,287.864c39.665,38.926 69.828,68.218 79.7,74.003c6.964,4.081 11.53,11.274 12.258,19.313c0.729,8.039 -2.469,15.935 -8.586,21.202c-3.29,2.833 -284.826,296.893 -320.817,333.132l-5.463,4.755l-7.095,4.219l-7.799,2.703c-2.221,0.536 -4.649,0.944 -7.375,1.196c-13.391,1.236 -40.216,-3.303 -115.091,-3.303c-162.663,-0 -162.816,8.131 -324.531,-0.914c-20.476,-1.145 -20.3,-0.681 -40.481,1.293c-7.022,0.687 -14.006,-1.625 -19.232,-6.365c-5.225,-4.741 -8.204,-11.468 -8.202,-18.523c0.026,-89.509 -6.54,-88.165 -6.938,-135.849c-0.343,-41.077 -0.005,-385.318 -1.72,-430c-0.206,-5.358 0.203,-109.252 0.293,-131.424c-2.227,-5.157 -2.689,-11.006 -1.139,-16.594l5.238,-10.426l7.367,-6.178l9.31,-3.002l10.95,1.144l4.507,2.742Zm13.771,51.531c0.468,42.128 -0.507,105.768 -0.334,110.289c1.721,44.838 1.411,390.28 1.755,431.501c0.354,42.443 5.564,46.166 6.716,109.19c5.089,-0.061 10.945,0.19 20.931,0.749c160.323,8.967 160.475,0.836 321.739,0.836c53.143,-0 81.923,2.381 98.879,3.299c3.748,0.203 7.843,0.21 10.154,0.193c35.811,-36.298 236.785,-245.819 301.753,-313.224c-76.207,-69.085 -288.803,-289.63 -354.591,-342.05c-41.219,-3.511 -219.48,1.375 -334.296,0.893c-29.095,-0.122 -54.312,-0.649 -72.706,-1.676Z" style="fill:#ff00b4;"/><path d="M838.338,726.863c-0.945,-17.527 -4.564,-87.827 -3.988,-126.315c0.893,-59.643 1.964,-366.709 1.669,-434.592c-0.209,-48.276 6.702,-46.914 6.677,-137.532c-0.002,-7.076 2.995,-13.821 8.247,-18.563c5.252,-4.742 12.268,-7.036 19.307,-6.313c21.069,2.163 137.101,1.016 291.583,1.016c61.579,0 89.588,-1.792 104.582,-0.711c18.783,1.356 26.276,6.182 34.766,15.155c34.41,36.372 109.608,95.444 118.33,103.511c34.94,32.314 326.385,236.598 329.562,239.47c5.839,5.278 8.852,12.998 8.131,20.837c-0.721,7.838 -5.092,14.879 -11.796,19.003c-33.066,20.341 -65.791,52.845 -204.482,162.79c-165.199,130.959 -233.375,139.509 -299.208,191.697l-4.571,2.924l-6.434,2.39c-4.175,1.078 -13.302,2.096 -26.259,2.501c-51.377,1.607 -178.128,-2.433 -263.441,-2.147c-30.731,0.103 -60.961,2.126 -69.887,2.773l-4.179,1.837l-6.012,1.182l-10.816,-1.238c-8.204,-2.601 -14.493,-9.24 -16.647,-17.573c-2.005,-7.754 -0.167,-15.961 4.866,-22.102Zm50.494,-13.748c14.335,-0.699 32.11,-1.064 52.013,-1.131c93.762,-0.314 238.16,4.821 274.478,1.527c64.439,-49.037 133.242,-60.206 294.542,-188.074c103.108,-81.737 149.067,-121.47 179.469,-145.066c-73.003,-51.752 -275.032,-194.564 -303.772,-221.145c-8.85,-8.184 -84.582,-67.94 -120.021,-105.137c-1.877,-0.191 -6.021,-0.571 -9.743,-0.614c-16.251,-0.189 -43.688,1.089 -93.965,1.089c-122.799,0 -221.72,0.564 -269.347,-0.239c-1.154,64.841 -6.654,68.334 -6.467,111.414c0.295,68.034 -0.78,375.782 -1.674,435.557c-0.517,34.53 3.786,80.712 4.487,111.819Z" style="fill:#ff00b4;"/><path d="M1781.07,3.802c10.274,-0.607 38.121,-1.351 107.089,-1.351c77.443,-0 112.424,-2.772 125.864,-0.095l10.801,3.713l8.414,6.463l3.633,4.91l2.525,5.508l1.414,6.394l-0.077,7.777c-13.148,105.699 11.55,381.235 3.723,554.771c-2.124,47.109 -6.709,87.073 -14.607,115.062c-6.927,24.55 -17.391,41.252 -28.919,49.866c-3.989,2.981 -16.181,7.419 -34.296,8.592c-44.857,2.904 -143.133,-1.89 -162.542,-4.239l-8.019,-2.247l-5.897,-3.6l-4.557,-4.468l-3.945,-5.886c-5.075,-9.367 -10.453,-35.237 -13.892,-72.677c-14.926,-162.504 -13.872,-571.336 -13.893,-643.581c-0.002,-7.051 2.973,-13.775 8.193,-18.515c5.163,-4.689 12.047,-7.005 18.988,-6.397Zm22.809,49.319c-0.052,112.979 0.103,466.634 13.693,614.6c1.639,17.84 4.572,35.146 6.413,45.021c36.55,2.596 121.477,6.016 149.28,1.843c3.688,-4.451 5.862,-11.991 8.463,-21.209c7.117,-25.223 10.864,-61.284 12.779,-103.737c7.414,-164.375 -13.833,-419.626 -5.367,-537.957c-18.765,0.313 -54.11,0.769 -100.981,0.769c-41,-0 -68.006,0.347 -84.28,0.67Z" style="fill:#ff00b4;"/></svg>

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

@@ -5,7 +5,10 @@ project: TomorrowsBacon
 permalink: /mixes/tomorrowsbacon/index.html
 go: tomorrowsbacon
 ---
-An introduction and description of the album.
+A digital mixed CD.
+
+Argument goes here, eventually. In the meantime, imagine that I pasted in some filler text.
+
 {% set itemList = collections.mix %}
 {% set headingLevel = "h3" %}
 

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

@@ -6,9 +6,44 @@ date: 1985-09-18
 project: TomorrowsBacon
 track_number: 02
 start_time: ""
+albumArt: "/pages/projects/mixes/tomorrowsbacon/the-replacements-tim.jpg"
+
 ---
 ## Notes
 Notes go here.
 
 ## Lyrics
-Lyrics go here.
+Aaaaaah, god, what a mess on the ladder of success
+Where you take one step and miss the whole first rung
+Dreams unfulfilled, graduate unskilled
+It beats pickin’ cotton and waitin’ to be forgotten
+
+Wait on the sons of no one, bastards of young
+Wait on the sons of no one, bastards of young
+The daughters and the sons
+
+Clean your baby womb, trash that baby boom
+Elvis in the ground, no way he’ll be here tonight
+Income tax deduction, one hell of a function
+It beats pickin’ cotton or waitin’ to be forgotten
+
+Wait on the sons of no one, bastards of young
+Wait on the sons of no one, bastards of young
+Now the daughters and the sons
+
+Unwillingness to claim us, ya got no warrant to name us
+The ones love us best, are the ones we’ll lay to rest
+And visit their graves on holidays at best
+The ones love us least, are the ones we’ll die to please
+If it’s any consolation, I don’t begin to understand them
+
+Wait on the sons of no one, bastards of young
+Wait on the sons of no one, bastards of young
+Daughters and the sons
+Young, of young, young, young, young
+
+Take it, it’s yours, take it, it’s yours!
+Take it, it’s yours, take it, it’s yours!
+Take it, it’s yours, take it, it’s yours!
+Take it, it’s yours, take it, it’s yours!
+Take it, it's yours

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

@@ -6,9 +6,92 @@ date: 1988-05-31
 project: TomorrowsBacon
 track_number: 03
 start_time: ""
+albumArt: "/pages/projects/mixes/tomorrowsbacon/ramones-mania.jpg"
 ---
 ## Notes
 Notes go here.
 
 ## Lyrics
-Lyrics go here.
+Sha-la-la-la
+Sha-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la
+
+Ships are docking
+Planes are landing
+A never ending supply
+No more narco
+No more gangster
+Conservatives can cry
+I took the law and threw it away
+’Cause there’s nothing wrong, it’s just for play
+There's no law, no law anymore
+I want to steal from the rich and give to the poor
+
+Sha-la-la-la
+Sha-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la
+
+It was glowing
+Glowing, glowing
+Glowing in the dark
+It was sparkling
+Sparkling, sparkling
+Sparking in the night
+I took the law and threw it away
+’Cause there's nothing wrong, it’s just for play
+There’s no law, no law anymore
+I want to steal from the rich and give to the poor
+
+Winter turns to summer
+Sadness turns to fun
+Keep the faith, baby
+You broke the rules and won
+
+Sha-la-la-la
+Sha-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la
+
+Keep it glowing
+Glowing, glowing
+I’m not hurting anyone
+Keep it glowing
+Smoking, glowing
+I’m howling at the moon
+I took the law and threw it away
+’Cause there’s nothing wrong, it’s just for play
+There’s no law, no law anymore
+I want to steal from the rich and give to the poor
+
+Oh baby
+Oh baby
+Oh baby
+Oh baby
+I took the law and threw it away
+’Cause there’s nothing wrong, it’s just for play
+I’m smoking, baby
+I’m smoking, oh baby
+There’s no law, no law anymore
+I want to steal from the rich and give to the poor
+
+Sha-la-la-la
+Sha-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la-la
+Sha-la-la-la
+Sha-la-la-la-la-la
+Sha-la-la-la

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

@@ -1,14 +1,75 @@
 ---
 title: "Goonies vs. E.T."
 artist: "Run The Jewels"
-album: "Mania"
+album: "RTJ4"
 date: 2020-06-03
 project: TomorrowsBacon
 track_number: 04
 start_time: ""
+albumArt: "/pages/projects/mixes/tomorrowsbacon/rtj-rtj4.jpg"
 ---
 ## Notes
 Notes go here.
 
 ## Lyrics
-Lyrics go here.
+Maybe if I had another chance, I would give another chance to you
+Ooh, If I make another wish
+I’ll wish for another wish for you (for you)
+(One, two)
+
+Egads, you heard of these lads
+The myth how we made a grip, never rode dick
+Truly the Cadillac of how to contract L’s on the quick
+Stick ’em up, slick talker, no tricks
+It’s the funniest shit, finally the money up
+And print on the kid and the planet hit skids
+Livin’ in a valley of flames like, “I win”
+Skyline ablaze in a Bob Ross pic
+You don’t want to acknowledge I’m raw, give a shit
+Never, nah, you can talk of me fond when I’m gone
+Bad news bear on the lawn with big claws
+Try’na hold our whole lives in its paws and applaud
+Swear to goddamn the whole city odd
+Make a romance hard, we got scars for hearts
+Shit for odds, baby, living in a one chance LARP
+So I stick to the art, oh my god, I’m
+Ultra mag, put cash in bag
+Running through dead zone, hope I don’t crash
+Tenor Saw motherfuck, ring it up fast
+Be alarmed, I’ma harm what I can and then dash
+Fuck, y’all got another planet on stash?
+Far from the fact of the flames of our trash?
+That is not snow, it is ash, and you gotta know
+The past got a wrath, it’s a lover gone mad
+
+But I promise
+Baby, if I had another chance,
+I would give another chance to you (ooh)
+If I make another wish, I would wish for a wish for you (ooh)
+But the brass on the magic lamp’s damn near rubbed through (through)
+It’s been wish after wish after wish after wish
+And the chances are that none are comin’ true
+
+Amazing, ain’t it, how we made it and didn’t fake it?
+Life’s a disguise, the truth is butt naked
+Used to be a time I’d see it and not say it
+Now I understand that woke folk be playin’
+Ain’t no revolution that’s televised and digitized
+You’ve been hypnotized and Twitter-ized by silly guys
+Cues to the evenin’ news, make sure you ill-advised
+Got you celebratin’ the generators of genocide
+Any good deed is pummeled, punished and penalized
+Rulers of the world will slice it up like a dinner pie
+Race in a nation told you to identify
+People take false pride and warfare incentivized
+Fuck that, me and my tribe we on an iller vibe
+We accept the role of the villains ’cause we been villainized
+Stomped to the dirt of the Earth, we still will arise
+In the Terrordome, let me alone as I soliloquize
+This is license to ill with a license to kill
+This is nigga with an attitude in Beverly Hills
+Heavy build with a pocket full of treasury bills
+Got a fire high temper, find it hard to chill
+I’m a lifetime member of Fuck That Fuck Shit
+Me and Jamie versus y’all with a knife and a musket
+Now our tombstones read, “They were nothing to fuck with”

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

@@ -6,9 +6,81 @@ date: 2024-06-14
 project: TomorrowsBacon
 track_number: 05
 start_time: ""
+albumArt: "/pages/projects/mixes/tomorrowsbacon/kneecap-fine-art.png"
 ---
 ## Notes
 Notes go here.
 
 ## Lyrics
-Lyrics go here.
+Underneath all the thundering there’s magic
+And if there’s a better way to live, I’ve gotta have it
+Because I think all but when I drink I’m okay
+It gets further away every time I try to grab it
+Underneath all the chattering there’s Heaven
+I gotta peak one day made me feel like I was seven
+I know it exists but I can’t stop getting pissed
+One more thing I’ll be adding to the list
+
+Faoi dheireadh tá deireadh tagtha le mo rut
+Mar bhí lá maith agamsa inniu buíochas le foc
+So I stroll I dtreo an pholl sa bhalla
+Four digit code, what do you know its Mo Chara
+And I’m gonna be spending my dole tonight
+Two pints at a time strolling about like Dolemite
+But home for a shite ar dtús, thit sé amach one push
+Mar nach raibh bac ar bith ag bailiú strap inniu, seo Móglaí Bap
+(What’s happening)
+And then we both jump down and do a class handstand
+Like a man’s man can
+Fág slán leis an dúshlán a bhí againn an mhí seo
+Mar go dtí seo, I’m on the upside of the see-saw
+
+Underneath all the thundering there’s magic
+And if there’s a better way to live, I’ve gotta have it
+Because I think all but when I drink I’m okay
+It gets further away every time I try to grab it
+Underneath all the chattering there’s Heaven
+I gotta peak one day made me feel like I was seven
+I know it exists but I can’t stop getting pissed
+One more thing I’ll be adding to the list
+
+Go fóill ag mothú cosúil le cac
+Ach ní ligim orm féin cause an ndéanann sé stop?
+Obviously not, what? Is mise moglai bap
+Cuirim mo raybans orm sula bhfágaim an teach
+Nó ba chuma liom, cause tá an t-am ag dul anonn
+Is tá an saol seo I bhfad róghairid
+Bheith ag cur amú an oiread ama ann
+Go síoraí I do cheann ag iarraidh éalú achan soicind
+Irish exit out the back without text
+Mar caithfidh tú tú féin a chur chun tosaigh
+I bhfad rófhurast bheith chomh crua ort féin I gcónaí
+Mar ní haon áit bheith i’do chónaí, déan cibé rud dtig leat a stócaigh
+Is faigh fíor-bhlas sula n-imíonn an beocht di
+
+Underneath all the thundering there’s magic
+And if there's a better way to live, I’ve gotta have it
+Because I think all but when I drink I’m okay
+It gets further away every time I try to grab it
+Underneath all the chattering there’s Heaven
+I gotta peak one day made me feel like I was seven
+I know it exists but I can’t stop getting pissed
+One more thing I’ll be adding to the list
+
+Éirí as do chean, caith do chloigeann in airde ar bharr do dtonn
+Tuigim go bhfuil an saol trom agus tionchair ann
+But we’ve got one chance then it’s done, so bí thú féin
+Speak your pain and receive the love
+Don’t let the cunts get ya, down
+And surround yourself with ones that miss ya
+Tóg soicind, tóg anáil, ná gabh níos gaiste
+Is creid go daingean go bhfuil an saol seo duitse
+
+Underneath all the thundering there’s magic
+And if there’s a better way to live, I've gotta have it
+Because I think all day, but when I drink I’m okay
+It gets further away, every time I try and grab it
+Underneath all the chattering there’s Heaven
+I got a little peak one day, made me feel like I was seven
+I know it exists, but I can’t stop getting pissed
+One more thing I’ll be adding to the list

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

@@ -1,14 +1,78 @@
 ---
 title: "Violet (The Upper Room)"
 artist: "CunninLynguists"
-album: "Fine Art"
+album: "Rose Azura Njano"
 date: 2017-10-06
 project: TomorrowsBacon
 track_number: 6
 start_time: ""
+albumArt: "/pages/projects/mixes/tomorrowsbacon/cunninlynguists-roseazuranjano.jpg"
 ---
 ## Notes
 Notes go here.
 
 ## Lyrics
-Lyrics go here.
+Dearly beloved
+We are gathered here today, to celebrate an electric life
+Under violet sky
+I pray you hear our cry
+Please help us protect what’s right (amen)
+There ain’t nothing in this world, that could take your place
+There ain’t nothing in this world, that could take your place
+There ain’t nothing in this world, that could take your place
+There ain’t nothing in this world, that could take your place
+Gather your thoughts, gather around
+Painted arrangements, mixed from a pallet of sound
+A casket froze in indigo, royal and profound
+Many stems like hymns, once blossomed from ground
+But while the reaper is king, we carry the crown
+We weigh it out, dreaming, screaming or close to even
+In this sense nobody’s perfect, nobody is worthless
+The system’s imperfect, maybe we should measure in purpose
+What is yours? What is mine? When do we serve it?
+Being hood ain’t the absence of good
+Being square don’t make you equal or fair, it’s not an equal affair
+Weak voices can’t speak for a share
+Speak choices with no when or a where, are you aware? I don’t think so
+Unless your cup runneth over and you still sip slow
+Or guzzle ’til nothing, complaining when you don’t get mo’
+See another’s glass empty and you don’t think poor
+The upper room is calling
+What are we supposed to do?
+(There ain’t nothing in this world that can take your place)
+The upper room is calling
+It appears it’s just for you
+(There ain’t nothing in this world that can take your place)
+Faith (faith), we treat it like a four letter word
+While fear (fear), we shout it through the ghettos and burbs
+Hear me my Lord (hear me my Lord), come settle my nerves
+I pray these words bring honor as the heavens observe
+And to the sky where the birds will testify
+Freedom’s a state of mind be free any day or time
+Reality will make you doubt your actuality
+The truest fallacy is man can’t change how he sees
+So it’s death to reason, it’s left the legions
+Wondering where to pledge allegiance
+This is my letter to Ephesians, the rest, we need them
+Through death, the best are leaving
+The upper room is calling
+What are we suppose to do?
+The upper room is calling
+It appears it’s just for you
+Some people play the victim, some people play the fool
+Some people pay the dealer while others pay the dues
+I don’t know what’s realer, the struggle and the strain
+Or the guilt that can be built within when making gains
+Ain’t no cheating death, you can’t lie to life
+Plus everything about yous hiding in these satellites
+Outside of the one day that Adam had it right
+Humans are parasites, insatiable appetites
+“So where do we go from there?”, you ask
+I think we all trying to figure that out?
+One nation under a God kicking us out
+’Cause America took and takes the infamous route
+As we state from state to state, let’s be great again
+Let’s forget the salient struggle of each alien
+Parade after you honor the graves
+Of natives, slaves, women, gays
+Et cetera, et cetera, et cetera

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

@@ -6,9 +6,78 @@ date: 2023-02-24
 project: TomorrowsBacon
 track_number: 7
 start_time: ""
+albumArt: "/pages/projects/mixes/tomorrowsbacon/gorillaz-cracker-island.jpg"
 ---
 ## Notes
 Notes go here.
 
 ## Lyrics
-Lyrics go here.
+But in the magic cove, there’s a pretty one
+I asked her where it goes ’cause I really want
+I wonder if she knows that we’re underwater
+That’s the way it goes in this city wonder
+
+Moved to the spot, I’m one of a few
+A whole lot of everything, but nothin’ to do
+Tilted in a Tesla, partner, ex-wrestler
+He dates Francesca, they on the Xannies
+Liposuction scheduled for Granny
+She want to save some, add to her fanny
+Girls’ trip, Miami at the end of the year
+Polluted-filled skies, tryin’ to think clear
+I heard the bad news while I was sheddin’ a beer
+Watch out from the coast, Paul Revere
+We all play a part in the devil’s cheer
+Run to the hills ’cause the end is near
+
+But in the magic cove, there’s a pretty one
+I asked her where it goes ’cause I really want
+I wonder if she knows that we’re underwater
+
+That’s the way it goes in this city wonder
+Yo, a desolate city where it hurts to smile
+Ran into the Reverend, says it’s been a while
+I’m reining in a rando’, she’s a social scandal
+Gave ourselves a handout when it’s too much to bear
+ABC boys raided the mayor
+Like Shaun, he’s a Ryder, took on the dare
+Now he’s singin’ like a birdy, pullin’ on his hair
+Trendin’ on Twitter’s what some of us live for
+Friendship’s here, but now fuckin’ revolving door
+All of this a joke? Pauly Shore
+Bullshit keeps comin’, maybe I’m a matador
+What are we livin’ for?
+Are we all losing our minds?
+Because life got in the way
+(Hey, hey, hey)
+They will be here just in time
+Your replacement is here to stay (ahh)
+
+New gold, fool’s gold
+Everything will disappear (new gold)
+Someone’s out here
+Who traveled far too many years (new gold)
+To nowhere, nowhere (new gold, new gold)
+Nothing here is ever real (new gold)
+New gold, fool’s gold (new gold)
+Everything will disappear, disappear
+Disappear, disappear, disappear
+Disappear, disappear, disappear
+Disappear, disappear, disappear, disappear
+
+But in the magic cove, there’s a pretty one
+I asked her where it goes ’cause I really want
+I wonder if she knows that we’re underwater
+That’s the way it goes in this city wonder (new gold)
+But in the magic cove, there’s a pretty one (new gold, new gold, new gold)
+I ask her where it goes ’cause I really want (new gold, new gold, new gold)
+I wonder if she knows that we’re underwater (new gold, new gold, new gold)
+That’s the way it goes in this city wonder (new gold, new gold, new gold)
+In the magic cove, there’s a pretty one (new gold, fool’s gold)
+I ask her where it goes ’cause I really want (everything will disappear)
+I wonder if she knows that we’re underwater (someone’s out here)
+That’s the way it goes in this city wonder (who travelled far too many years)
+But in the magic cove, there’s a pretty one (to nowhere, nowhere)
+I ask her where it goes ’cause I really want (nothing here is ever real)
+I wonder if she knows that we’re underwater (new gold, fool’s gold)
+That’s the way it goes in this city wonder (everything will disappear)

src/pages/projects/mixes/tomorrowsbacon/tomorrowsbacon.11tydata.js

@@ -3,7 +3,7 @@ import slugify from "slugify";
 const s = (str) => slugify(String(str), { lower: true, strict: true });
 
 export default {
-  layout: "track",
+  layout: "mix-track",
   permalink: (data) => {
     const num = String(data.track_number).padStart(2, "0");
     return `/mixes/${s(data.project)}/${num}-${s(data.title)}/index.html`;