Add tinkering page

content/music/tinkering/2024-02-24.md

@@ -0,0 +1,17 @@
+---
+title: Tinkering session 2024-02-24
+date: 2024-02-24
+extra:
+    cover_img: /images/music/tinkering/2024-02-24-cover.png
+---
+
+A fairly lean track. This session was an experiment in real-time performance inside Live.
+
+<iframe
+    src="https://www.youtube.com/embed/9fZFuSkdU7s"
+    style="width: 100%; aspect-ratio: 16 / 9;"
+    title="YouTube video player"
+    frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    allowfullscreen
+></iframe>

content/music/tinkering/_index.md

@@ -0,0 +1,9 @@
+---
+title: Tinkering
+sort_by: date
+template: "video-timeline.html"
+---
+
+Sometimes I record myself "tinkering". The sessions that sound interesting end up here
+
+## Sessions

templates/video-timeline.html

@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+
+
+{% block content %}
+
+{{super()}}
+
+{% for page in section.pages %}
+{% if not page.extra.hidden %}
+
+<a href="{{page.path | safe}}" style="color:black !important;">
+    {% if page.extra.cover_img %}
+    <img src="{{page.extra.cover_img | safe}}" alt="{{page.title}}" style="width:100%;" loading="lazy">
+    {% else %}
+    <img src="https://img.youtube.com/vi/{{page.extra.cover_video.youtube}}/mqdefault.jpg" alt="{{page.title}}"
+        style="width:100%;" loading="lazy">
+    {% endif %}
+    <div style="display:flex;justify-content:space-between;">
+        <span><strong>{{page.title}}</strong></span>
+        <span class="gray">{{page.date}}</span>
+    </div>
+</a>
+<br>
+<br>
+
+{% endif %}
+{% endfor %}
+
+{% endblock content %}