experiment: music pages

content/music/channels.md

@@ -0,0 +1,21 @@
+---
+title: Channels
+description: "By: Evan Pratten. Released Nov 25 2022"
+extra:
+    og_image: /images/store/music/channels/cover.jpg
+---
+
+<img src="/images/music/channels/cover.jpg" style="width:80%">
+
+## Track List
+
+|   #   | Title    | Artists      | Length |
+|:-----:|----------|--------------|--------|
+| **1** | Channels | Evan Pratten | 3:24   |
+
+## Listen
+
+*Channels* is available to stream on the following platforms:
+
+- [Spotify](https://open.spotify.com/album/25xzDOHs8fN5WQUSnww7kj)
+- [Apple Music](https://music.apple.com/us/album/channels-single/1656473075)

content/music/spring-tracks.md

@@ -0,0 +1,22 @@
+---
+title: Spring Tracks.
+description: "By: Evan Pratten, Warren Pratten, and Emilia Frias. Released May 31 2023"
+extra:
+    og_image: /images/store/music/spring-tracks/cover.jpg
+---
+
+<img src="/images/music/spring-tracks/cover.jpg" style="width:80%">
+
+## Track List
+
+|   #   | Title          | Artists                                              | Length |
+|:-----:|----------------|------------------------------------------------------|--------|
+| **1** | Something Cozy | Evan Pratten & [Warren Pratten](https://pratten.ca)  | 4:16   |
+| **2** | Raindrops      | Evan Pratten & [Emilia Frias](https://demilurii.art) | 0:37   |
+
+## Listen
+
+*Spring Tracks.* is available to stream on the following platforms:
+
+- [Spotify](https://open.spotify.com/album/4egrxAZmNgww1ocu8oYTqC)
+- [Apple Music](https://music.apple.com/us/album/spring-tracks-single/1690522416)

templates/base.html

@@ -33,7 +33,8 @@
         <meta name="twitter:card" content="summary" />
         <meta name="og:site" content="{{config.extra.domain_name}}" />
         <meta name="og:site_name" content="{{config.title}}" />
-        <meta name="og:image" content="{{config.extra.profile_photo | safe}}" />
+        {% set opengraph_image = extra.og_image | default(value=config.extra.profile_photo)%}
+        <meta name="og:image" content="{{opengraph_image | safe}}" />
         {% if page.description %}
             <meta property="og:description" content="{{page.description}}" />
             <meta property="description" content="{{page.description}}" />