diff --git a/content/music/_index.md b/content/music/_index.md index 3200913..374e251 100644 --- a/content/music/_index.md +++ b/content/music/_index.md @@ -15,47 +15,14 @@ I was originally in to (and performed) rock music, but found myself moving towar Since 2022 I have been publishing personal music projects of all kinds under my own name. - +- [Single: **Spring Tracks.**](/music/spring-tracks) *(ft. Warren Pratten & Emilia Frias)* +- [Single: **Channels**](/music/channels) +- [Single: **Summer Tracks.**](/music/summer-tracks) *(ft. Warren Pratten)* +- [Single: **Space & Time, Vol. 1**](/music/space-time-v1) *(ft. Warren Pratten & Nihilist Spasm Band)* +- [Single: **Scale Hop**](/music/scale-hop) +- [Single: **Radioactive**](/music/radioactive) + +I've also produced the soundtrack for the short film [**Raindrops**](https://www.youtube.com/watch?v=RqzLxaQ3abM) by Emilia Frias. ## Music released as RetryLife diff --git a/content/music/channels.md b/content/music/channels.md index 109b225..e4b1622 100644 --- a/content/music/channels.md +++ b/content/music/channels.md @@ -1,11 +1,16 @@ --- title: Channels -description: "By: Evan Pratten. Released Nov 25 2022" extra: + no_auto_title: true og_image: https://ewpratten.com/images/music/channels/cover.jpg + og_description: "Single by Evan Pratten. Released Nov 25 2022" --- - + +{% music_card(cover="/images/music/channels/cover.jpg") %} +By: Evan Pratten
+Released: Nov 25 2022 +{% end %} ## Track List diff --git a/content/music/radioactive.md b/content/music/radioactive.md new file mode 100644 index 0000000..4c28b6b --- /dev/null +++ b/content/music/radioactive.md @@ -0,0 +1,26 @@ +--- +title: Radioactive +extra: + no_auto_title: true + og_image: https://ewpratten.com/images/music/radioactive/cover.jpg + og_description: "Single by Evan Pratten. Released Feb 4 2017" +--- + +{% music_card(cover="/images/music/radioactive/cover.jpg") %} +By: Evan Pratten
+Released: Feb 4 2017 +{% end %} + +## Track List + +| # | Title | Artists | Length | +|:-----:|---------|--------------|--------| +| **1** | Crackle | Evan Pratten | 2:19 | +| **2** | Morning | Evan Pratten | 3:53 | + +## Listen + +*Radioactive* is available to stream on the following platforms: + +- [Spotify](https://open.spotify.com/album/44mayKI3HsGnNDr9A1yDgF) +- [Apple Music](https://music.apple.com/us/album/radioactive-single/1626650101) diff --git a/content/music/scale-hop.md b/content/music/scale-hop.md new file mode 100644 index 0000000..54c5380 --- /dev/null +++ b/content/music/scale-hop.md @@ -0,0 +1,26 @@ +--- +title: Scale Hop +extra: + no_auto_title: true + og_image: https://ewpratten.com/images/music/scale-hop/cover.jpg + og_description: "Single by Evan Pratten. Released Jan 6 2022" +--- + +{% music_card(cover="/images/music/scale-hop/cover.jpg") %} +By: Evan Pratten
+Released: Jan 6 2022 +{% end %} + +## Track List + +| # | Title | Artists | Length | +|:-----:|-----------------------------|--------------|--------| +| **1** | Scale Hop | Evan Pratten | 1:52 | +| **2** | Scale Hop (Percussive Mix) | Evan Pratten | 1:52 | + +## Listen + +*Scale Hop* is available to stream on the following platforms: + +- [Spotify](https://open.spotify.com/album/6tpUJQlZ1I7bWK4X4pwiOj) +- [Apple Music](https://music.apple.com/us/album/scale-hop-single/1611874192) diff --git a/content/music/space-time-v1.md b/content/music/space-time-v1.md new file mode 100644 index 0000000..f341abc --- /dev/null +++ b/content/music/space-time-v1.md @@ -0,0 +1,28 @@ +--- +title: Space & Time, Vol. 1 +extra: + no_auto_title: true + og_image: https://ewpratten.com/images/music/space-time-v1/cover.jpg + og_description: "EP by Evan Pratten and 2 others. Released May 7 2022" +--- + +{% music_card(cover="/images/music/space-time-v1/cover.jpg") %} +By: Evan Pratten, Warren Pratten, and Nihilist Spasm Band
+Released: May 7 2022 +{% end %} + +## Track List + +| # | Title | Artists | Length | +|:-----:|-----------------------|--------------------------------------------------------|--------| +| **1** | Time | Evan Pratten | 1:39 | +| **2** | Cave World | Evan Pratten & [Warren Pratten](https://pratten.ca) | 2:20 | +| **3** | Space | Evan Pratten | 1:51 | +| **4** | What About Me - Remix | Evan Pratten & [Nihilist Spasm Band](http://nonsb.ca) | 2:16 | + +## Listen + +*Space & Time, Vol. 1* is available to stream on the following platforms: + +- [Spotify](https://open.spotify.com/album/718OAeNsyhO1znebsXVSdf) +- [Apple Music](https://music.apple.com/us/album/space-time-vol-1-ep/1623507117) diff --git a/content/music/spring-tracks.md b/content/music/spring-tracks.md index 5733d6b..e387efe 100644 --- a/content/music/spring-tracks.md +++ b/content/music/spring-tracks.md @@ -1,11 +1,15 @@ --- title: Spring Tracks. -description: "By: Evan Pratten, Warren Pratten, and Emilia Frias. Released May 31 2023" extra: + no_auto_title: true og_image: https://ewpratten.com/images/music/spring-tracks/cover.jpg + og_description: "Single by Evan Pratten and 2 others. Released May 31 2023" --- - +{% music_card(cover="/images/music/spring-tracks/cover.jpg") %} +By: Evan Pratten, Warren Pratten, and Emilia Frias
+Released: May 31 2023 +{% end %} ## Track List diff --git a/content/music/summer-tracks.md b/content/music/summer-tracks.md new file mode 100644 index 0000000..7225fd5 --- /dev/null +++ b/content/music/summer-tracks.md @@ -0,0 +1,26 @@ +--- +title: Summer Tracks. +extra: + no_auto_title: true + og_image: https://ewpratten.com/images/music/summer-tracks/cover.jpg + og_description: "Single by Evan and Warren Pratten. Released May 31 2023" +--- + +{% music_card(cover="/images/music/summer-tracks/cover.jpg") %} +By: Evan Pratten & Warren Pratten
+Released: Sep 10 2022 +{% end %} + +## Track List + +| # | Title | Artists | Length | +|:-----:|--------------------------|-----------------------------------------------------|--------| +| **1** | Worn | Evan Pratten | 1:27 | +| **2** | Deserted Streets - Remix | Evan Pratten & [Warren Pratten](https://pratten.ca) | 2:15 | + +## Listen + +*Summer Tracks.* is available to stream on the following platforms: + +- [Spotify](https://open.spotify.com/album/3bcakhzNwyK40K0TowcT0m) +- [Apple Music](https://music.apple.com/us/album/summer-tracks-single/1644648783) diff --git a/sass/elements/list.scss b/sass/elements/list.scss index 328d624..aa4d6a9 100644 --- a/sass/elements/list.scss +++ b/sass/elements/list.scss @@ -1,7 +1,7 @@ ol, ul { margin-top: 0; - margin-bottom: 0; + margin-bottom: 16px; padding-left: 2em; ol, ul { diff --git a/sass/elements/music-info-card.scss b/sass/elements/music-info-card.scss new file mode 100644 index 0000000..bb7be17 --- /dev/null +++ b/sass/elements/music-info-card.scss @@ -0,0 +1,33 @@ +.music-info-card { + display: flex; + width: 100%; + border-radius: 5px; + background-color: #f6f8fa; + + @media screen and (max-width: 452px) { + flex-wrap: wrap; + border-radius: 0; + } + + img { + max-width: 200px; + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; + border-top-right-radius: unset; + border-bottom-right-radius: unset; + } + + & > div { + width: 100%; + display: flex; + flex-direction: column; + margin: 0 1em; + + h1.music-title { + // font-size: 2.5em; + // border-bottom: 1px solid gray; + margin-top: 0.25em !important; + margin-bottom: 0 !important; + } + } +} diff --git a/sass/styles.scss b/sass/styles.scss index 842c3d3..b4746b7 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -74,6 +74,7 @@ main { @import "elements/text.scss"; @import "elements/image.scss"; @import "elements/details.scss"; + @import "elements/music-info-card.scss"; } footer { diff --git a/static/images/music/radioactive/cover.jpg b/static/images/music/radioactive/cover.jpg new file mode 100644 index 0000000..eb1d07f Binary files /dev/null and b/static/images/music/radioactive/cover.jpg differ diff --git a/static/images/music/scale-hop/cover.jpg b/static/images/music/scale-hop/cover.jpg new file mode 100644 index 0000000..f55843c Binary files /dev/null and b/static/images/music/scale-hop/cover.jpg differ diff --git a/static/images/music/space-time-v1/cover.jpg b/static/images/music/space-time-v1/cover.jpg new file mode 100644 index 0000000..2c8e0e4 Binary files /dev/null and b/static/images/music/space-time-v1/cover.jpg differ diff --git a/static/images/music/summer-tracks/cover.jpg b/static/images/music/summer-tracks/cover.jpg new file mode 100644 index 0000000..0f12f89 Binary files /dev/null and b/static/images/music/summer-tracks/cover.jpg differ diff --git a/templates/base.html b/templates/base.html index 7d7693a..96ff05c 100644 --- a/templates/base.html +++ b/templates/base.html @@ -35,7 +35,11 @@ {% set opengraph_image = extra.og_image | default(value=config.extra.profile_photo)%} - {% if page.description %} + {% if extra.og_description %} + + + + {% elif page.description %} @@ -118,7 +122,9 @@
{% block content %}
+ {% if not extra.no_auto_title %}

{{title}}

+ {% endif %} {% if page.description %} {{page.description}}
{% endif %} diff --git a/templates/shortcodes/music_card.html b/templates/shortcodes/music_card.html new file mode 100644 index 0000000..d3bd705 --- /dev/null +++ b/templates/shortcodes/music_card.html @@ -0,0 +1,7 @@ +
+ Cover Image +
+

{{page.title}}

+ {{body | safe}} +
+
\ No newline at end of file