working on music pages

2022-11-30 10:58:40 -05:00 · 2022-11-30 10:58:40 -05:00 · 85ee881f4b
commit 85ee881f4b
parent c2eb462456
12 changed files with 157 additions and 28 deletions
--- a/.vscode/tasks.json
+++ b/.vscode/tasks.json
@ -13,6 +13,16 @@
                "--open"
            ],
            "problemMatcher": []
+        },
+        {
+            "label": "Launch development webserver (without drafts)",
+            "type": "shell",
+            "command": "zola",
+            "args": [
+                "serve",
+                "--open"
+            ],
+            "problemMatcher": []
        }
    ]
 }
--- a/content/blog/_index.md
+++ b/content/blog/_index.md
@ -1,10 +1,10 @@
 ---
-title: Blog
+title: Web Log
 sort_by: date
 extra:
    section_embed_mode: blog_posts
 ---

-## Blog posts
+## My web log

-I write about software, hardware, life, and school. ([RSS](/rss.xml))
+I write about software, hardware, life, and more. ([RSS](/rss.xml))
--- a/content/music/_index.md
+++ b/content/music/_index.md
@ -1,27 +1,33 @@
 ---
 title: Music
+sort_by: date
 ---

-# My musical journey
+# My Music

- <span class="gray">2022</span>: Began releasing music under my own name
- <span class="gray">2019</span>: Produced multiple tracks with other students at [*Studio 225*](https://www.facebook.com/studio225beal/)
- <span class="gray">2016</span>: Produced a full-length theatrical soundtrack for *Lester B. Pearson SFTA*
- <span class="gray">2016</span>: Released 8 albums
- <span class="gray">2016</span>: Released 5 albums
- <span class="gray">2015</span>: Released 11 albums
- <span class="gray">2015</span>: Formed [*RetryLife*](/music/retrylife), an electronic music collective & distributor
- <span class="gray">2015</span>: Composed two orchestral pieces for [*Lester B. Pearson School for the Arts*](https://en.wikipedia.org/wiki/Lester_B._Pearson_School_for_the_Arts)
- <span class="gray">2013</span>: Started playing upright bass
- <span class="gray">2012-2014</span>: Competed in multiple Drum Solo competitions, accidentally meeting some of my highschool friends 7 years before becoming friends with them
- <span class="gray">2013</span>: Formed *Killer Hamsters*, a metal-leaning rock band
- <span class="gray">2012</span>: Formed *Lizard Ninjas*, a rock band
- <span class="gray">2011-2012</span>: Played every variant of recorder I could get my hands on
- <span class="gray">2010</span>: Formed *AMPED*, a rock band. I was drummer and occasional vocalist
- <span class="gray">2010</span>: Started playing the drums
- <span class="gray">2008</span>: Started playing the piano
+- <span class="gray monospace">2020-11-25:</span> [Evan Pratten - *Channels*](https://open.spotify.com/track/4tDNc9IFvj62p7aYHa7vCc) <span class="gray">(Single)</span>
+- <span class="gray monospace">2020-11-25:</span> [Evan Pratten - *Summer Tracks.*](https://open.spotify.com/album/3bcakhzNwyK40K0TowcT0m) <span class="gray">(Single)</span>

-## Streaming platforms
+<!-- # My musical journey -->
+
+<!-- - <span class="gray monospace">2022</span>: Began releasing music under my own name
+- <span class="gray monospace">2019</span>: Produced multiple tracks with other students at [*Studio 225*](https://www.facebook.com/studio225beal/)
+- <span class="gray monospace">2016</span>: Produced a full-length theatrical soundtrack for *Lester B. Pearson SFTA*
+- <span class="gray monospace">2016</span>: Released 8 albums
+- <span class="gray monospace">2016</span>: Released 5 albums
+- <span class="gray monospace">2015</span>: Released 11 albums
+- <span class="gray monospace">2015</span>: Formed [*RetryLife*](/music/retrylife), an electronic music collective & distributor
+- <span class="gray monospace">2015</span>: Composed two orchestral pieces for [*Lester B. Pearson School for the Arts*](https://en.wikipedia.org/wiki/Lester_B._Pearson_School_for_the_Arts)
+- <span class="gray monospace">2013</span>: Started playing upright bass
+- <span class="gray monospace">2012-2014</span>: Competed in multiple Drum Solo competitions, accidentally meeting some of my highschool friends 7 years before becoming friends with them
+- <span class="gray monospace">2013</span>: Formed *Killer Hamsters*, a metal-leaning rock band
+- <span class="gray monospace">2012</span>: Formed *Lizard Ninjas*, a rock band
+- <span class="gray monospace">2011-2012</span>: Played every variant of recorder I could get my hands on
+- <span class="gray monospace">2010</span>: Formed *AMPED*, a rock band. I was drummer and occasional vocalist
+- <span class="gray monospace">2010</span>: Started playing the drums
+- <span class="gray monospace">2008</span>: Started playing the piano -->
+
+<!-- ## Streaming platforms

 - Evan Pratten
  - [Spotify](https://open.spotify.com/artist/1aLNEmgqBJkhfkEZvf8Vh5)
@ -30,4 +36,4 @@ title: Music
  - [Amazon Music](https://music.amazon.com/artists/B09TBHQCM1/evan-pratten)
 - RetryLife
  - [Spotify](https://open.spotify.com/artist/4RoVvaoNjTgtgIMLhO6yWT)
-  - [Apple Music](https://music.apple.com/ca/artist/retrylife/1626304389)
+  - [Apple Music](https://music.apple.com/ca/artist/retrylife/1626304389) -->
--- a/content/music/evan-pratten/_index.md
+++ b/content/music/evan-pratten/_index.md
@ -0,0 +1,5 @@
+---
+title: Personal Music Projects
+sort_by: date
+---
+
--- a/content/music/evan-pratten/channels.md
+++ b/content/music/evan-pratten/channels.md
@ -0,0 +1,21 @@
+---
+layout: page
+title: "Channels" 
+description: "By: Evan Pratten"
+date: 2022-11-25
+tags: music
+draft: false
+extra:
+  icon: las la-music
+  excerpt: '"Channels" is a single by Evan Pratten, released on November 25, 2022.'
+---
+
+I just published a new song!
+
+<iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/4tDNc9IFvj62p7aYHa7vCc?utm_source=generator&theme=0" width="100%" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>
+
+*Channels* is available on most platforms. Notably:
+
+- [Spotify](https://open.spotify.com/track/4tDNc9IFvj62p7aYHa7vCc?si=a027b5bae9184df7)
+- [Apple Music](https://music.apple.com/us/album/channels-single/1656473075)
+- [YouTube](https://www.youtube.com/watch?v=fBNgbTAM95o)
--- a/content/music/retrylife/_index.md
+++ b/content/music/retrylife/_index.md
@ -0,0 +1,4 @@
+---
+title: RetryLife
+sort_by: date
+---
--- a/content/music/retrylife/history.md
+++ b/content/music/retrylife/history.md
@ -61,4 +61,4 @@ Near RetryLife's time of founding, Evan and Nathan also participated in an initi

 ## Project End

-In late 2017, the members of RetryLife disbanded due to relocation.
+In late 2017, the members of RetryLife disbanded due to relocation.
--- a/content/timeline/_index.md
+++ b/content/timeline/_index.md
@ -0,0 +1,6 @@
+---
+title: Timeline
+extra:
+    section_embed_mode: timeline
+---
+
--- a/sass/styles/typography.scss
+++ b/sass/styles/typography.scss
@ -18,7 +18,7 @@ span {
 }
 a {
  text-decoration: none;
-  color: blue;
+  color: blue !important;

  &:visited {
    color: blue;
@ -51,3 +51,7 @@ body {
    margin-right: auto;
  }
 }
+
+.monospace {
+  font-variant-numeric: tabular-nums;
+}
--- a/templates/components/navbar.html
+++ b/templates/components/navbar.html
@ -8,7 +8,7 @@
    <ul class="navbar-items">
        <li><a href="/">Home</a></li>
        <li class="separator">|</li>
-        <li><a href="/blog">Blog</a></li>
+        <li><a href="/timeline">Timeline</a></li>
        <li class="separator">|</li>
        <li class="dropdown-center">
            <a href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
@ -18,11 +18,13 @@
                {# <li>
                    <p class="dropdown-header">More</p>
                </li> #}
+                <li><a class="dropdown-item" href="/blog">Blog</a></li>
                <li><a class="dropdown-item" href="/photography">Photography</a></li>
+                <li><a class="dropdown-item" href="/contact">Contact</a></li>
            </ul>
        </li>
-        <li class="separator">|</li>
-        <li><a href="/contact">Contact</a></li>
+        {# <li class="separator">|</li>
+        <li><a href="/contact">Contact</a></li> #}
    </ul>
    <hr>
 </div>
--- a/templates/components/site-timeline.html
+++ b/templates/components/site-timeline.html
@ -0,0 +1,47 @@
+{# Build a list of pages to work with #}
+{# {% set all_pages = [] %}
+{% set all_pages = all_pages + %} #}
+{% set blog_section = get_section(path="blog/_index.md") %}
+{% set music_ewp_section = get_section(path="music/evan-pratten/_index.md") %}
+{% set music_rtl_section = get_section(path="music/retrylife/_index.md") %}
+
+{# Combine pages #}
+{% set all_pages = [] %}
+{% set all_pages = all_pages | concat(with=blog_section.pages) %}
+{% set all_pages = all_pages | concat(with=music_ewp_section.pages) %}
+{% set all_pages = all_pages | concat(with=music_rtl_section.pages) %}
+
+{# Sort and group #}
+{% set all_pages = all_pages | sort(attribute="date") | reverse %}
+{% set map = all_pages | group_by(attribute="year") %}
+{% set_global years = [] %}
+{% for year, ignored in map %}
+{% set_global years = years | concat(with=year) %}
+{% endfor %}
+
+{# Iterate all pages #}
+{% for year in years %}
+{% set pages = map[year] %}
+{# Per-year heading #}
+<h2>{{year}}</h2>
+<ul>
+    {% for page in pages %}
+    {% if not page.draft %}
+    <li>
+        {# Informational icon #}
+        {% if page.extra.icon %}
+        <i class="{{page.extra.icon}}"></i>
+        {% else %}
+        <i class="las la-book"></i>
+        {% endif %}
+
+        {# Datestamp #}
+        <span class="gray monospace">{{page.date}}:</span>
+
+        {# Title #}
+        <a href="{{page.path}}">{{page.title}}</a>
+    </li>
+    {% endif %}
+    {% endfor %}
+</ul>
+{% endfor %}
--- a/templates/section.html
+++ b/templates/section.html
@ -37,8 +37,28 @@
 <ul>
  {% endif %}

-  <li class="blog-post-li"><span style="color:{% if page.draft %}red{% else %}gray{% endif %};">{{page.date}}:</span>
+  <li class="blog-post-li">
+
+    {# Informational icon #}
+    {% if page.extra.icon %}
+    <i class="{{page.extra.icon}}"></i>
+    {% else %}
+    <i class="las la-book"></i>
+    {% endif %}
+
+    {# Datestamp #}
+    <span style="color:{% if page.draft %}red{% else %}gray{% endif %};" class="monospace">{{page.date}}:</span>
+
+    {# Title #}
    <a href="{{page.path}}">{{page.title}}</a>
+
+    {# <ul>
+      <li>
+        {% if page.description %}
+        {{page.description}}
+        {% endif %}
+      </li>
+    </ul> #}
  </li>
  {% endif %}
  {% endfor %}
@ -53,6 +73,10 @@
 {% endfor %}
 {% endif %}

+{# Site timeline injection #}
+{% if section.extra.section_embed_mode == "timeline" %}
+{% include "components/site-timeline.html" %}
+{% endif %}

 {% endif %}
 {% endblock content %}