diff options
| -rw-r--r-- | content/about.md | 60 | ||||
| -rw-r--r-- | data/albums.json | 20 | ||||
| -rw-r--r-- | static/98.css | 1 | ||||
| -rw-r--r-- | static/style.css | 21 | ||||
| -rw-r--r-- | templates/index.html | 4 | ||||
| -rw-r--r-- | templates/shortcodes/album_list.html | 6 |
6 files changed, 36 insertions, 76 deletions
diff --git a/content/about.md b/content/about.md index e20f3ac..f7abe98 100644 --- a/content/about.md +++ b/content/about.md @@ -3,70 +3,18 @@ title: "about" template: "about.html" --- -<img src="https://seccdn.libravatar.org/avatar/60676663f4ef6962ce3619df033ff144?s=128&d=identicon" style="float:left; margin: 1rem;" alt="Photo of me"/> Hey, I'm {% soaosed() %}soaos{% end %}, a software developer and "artist", perpetually trying to do something interesting. +<img src="https://seccdn.libravatar.org/avatar/60676663f4ef6962ce3619df033ff144?s=128&d=identicon" style="float:left; margin: 1rem;" alt="Photo of me"/> Hey, I'm {% soaosed() %}soaos{% end %}, a software developer and "artist". I'm currently living in Waterloo, Ontario. I went to college here and decided to stick around because I wuv it so much. -I've been messing around with computers for a very long time. I feel very lucky to have the skillset that I do. I feel empowered to push back against the hegemonic and unfun state that the digital world has entered. Being able to self-host most of the services I depend on makes me very happy. - -## 💼 My Work - -The darkness peeled back {{ age() }} years ago and I tumbled out, scared and confused; I became a software engineer and remained that way. - -I do full stack development for my day job. It may come as a shock, but I don't particularly enjoy doing web dev outside of work, and I think this helps me continue to enjoy my personal projects in other areas, such as native desktop application and video game development. - -Check out my [projects page](/projects) to see all the stuff I'm working on! - -## 🥺 BE MY FRIEND PLEASE PLEASE PLEASE PLEASE - If you want to do something cool together, or just shoot the shit about whatever, feel free to send me an email at [soaos@soaos.dev](mailto:soaos@soaos.dev) or (if you're a cool guy) an instant message via Jabber/XMPP at [soaos@chat.soaos.dev](xmpp:soaos@chat.soaos.dev). I'm always excited to meet like-minded and passionate people. -## 🖤 Some Stuff I Like +## Some Stuff I Like -### > 🎶 Music +### 🎶 Music I listen to a lot of different kinds of (rock) music. Recently I've been listening to a lot of post-hardcore and post-rock. +Here are some albums I like: {{ album_list() }} -<!--#### > > Progressive Rock - - - -This is the Glasshouse - 867 - - - -The Dear Hunter - Act II: The Meaning of, and All Things Regarging Ms. Leading - - - -Coheed and Cambria - Good Apollo, I'm Burning Star IV: Volume One: From Fear Through the Eyes of Madness - - - -Bear Ghost - jiminy - -#### > > Alternative - - - -Willy Rodriguez - wetdream - - - -Car Seat Headrest - Twin Fantasy - -#### > > Post-Rock - - - -We Lost the Sea - Departure Songs - - - -Godspeed You! Black Emperor - Lift Your Skinny Fists Like Antennas to Heaven - - - -If These Trees Could Talk - Above the Earth, Below the Sky --> diff --git a/data/albums.json b/data/albums.json index 09569f9..c5a3d86 100644 --- a/data/albums.json +++ b/data/albums.json @@ -1,88 +1,82 @@ { "albums": [ { + "name": "Pachinko", + "artist": "Moron Police", + "genre": "Progressive Rock", + "release_group": "e4d30e44-87f9-4818-9d44-d01bb6609c40" + }, + { "name": "Wake", "artist": "Hail the Sun", "genre": "Post-Hardcore", - "cover": "wake.jpg", "release_group": "2ec6fe49-ead9-4c5a-86d5-619af9794b9f" }, { "name": "867", "artist": "This is the Glasshouse", "genre": "Progressive Rock", - "cover": "867.png", "release_group": "7787003b-444c-41d1-bfe2-1b0d3041afe7" }, { "name": "wetdream", "artist": "Willy Rodriguez", "genre": "Alternative Rock", - "cover": "wetdream.png", "release_group": "be0237d4-1aae-4573-8ccc-8de36cf6de9e" }, { "name": "Collide with the Sky", "artist": "Pierce the Veil", "genre": "Post-Hardcore", - "cover": "cwts.jpg", "release_group": "fbe216fc-3443-4425-8c99-e538b44e60ac" }, { "name": "Blessed Are the Bonds", "artist": "The Pax Cecilia", "genre": "Post-Rock", - "cover": "batb.jpg", "release_group": "bdf7c2e7-0433-3bee-ba8e-d89ca144ef3a" }, { "name": "Lift Your Skinny Fists Like Antennas to Heaven!", "artist": "Godspeed You! Black Emperor", "genre": "Post-Rock", - "cover": "lysf.jpg", "release_group": "3822abb6-ca53-3ae1-a4ec-7718cb321e9b" }, { "name": "Departure Songs", "artist": "We Lost the Sea", "genre": "Post-Rock", - "cover": "departure_songs.jpg", "release_group": "a23ddf04-b1e0-47e5-ae00-f09cbf7cecc5" }, { "name": "Act II: The Meaning of, and All Things Regarding Ms. Leading", "artist": "The Dear Hunter", "genre": "Progressive Rock", - "cover": "act_ii.jpg", "release_group": "c4dec823-cd7a-3967-9119-bee33bc7e5de" }, { "name": "Good Apollo, I'm Burning Star IV, Volume One: From Fear Through the Eyes of Madness", "artist": "Coheed and Cambria", "genre": "Progressive Rock", - "cover": "apollo.jpg", "release_group": "8fe00242-6d13-3f6a-a9d7-a3fec58ed631" }, { "name": "jiminy", "artist": "Bear Ghost", "genre": "Progressive Rock", - "cover": "jiminy.jpg", "release_group": "42f9e499-42be-4f26-b1f7-ec85a039b729" }, { "name": "Twin Fantasy", "artist": "Car Seat Headrest", "genre": "Alternative Rock", - "cover": "twin_fantasy.jpg", "release_group": "eeab54c6-ad8d-40c9-b595-87bae6a42397" }, { "name": "Above the Earth, Below the Sky", "artist": "If These Trees Could Talk", "genre": "Post-Rock", - "cover": "atebts.jpg", "release_group": "1c44567c-4015-3063-98db-e62cbd57e7a3" } ] -}
\ No newline at end of file +} diff --git a/static/98.css b/static/98.css index 337018c..5f2d3d8 100644 --- a/static/98.css +++ b/static/98.css @@ -257,7 +257,6 @@ input[type="reset"]:disabled, } .title-bar-text { - font-weight: bold; color: var(--fg); letter-spacing: 0; margin-right: 24px; diff --git a/static/style.css b/static/style.css index dd9ca6a..202b0ad 100644 --- a/static/style.css +++ b/static/style.css @@ -196,5 +196,26 @@ margin: 0 1em 0.5em 1em; } .album-thumb { + image-rendering: auto; width: 12rem; } + +/* h2 { */ +/* color: var(--orange); */ +/* } */ +/**/ +/* h3 { */ +/* color: var(--yellow); */ +/* } */ +/**/ +/* h4 { */ +/* color: var(--green); */ +/* } */ +/**/ +/* h5 { */ +/* color: var(--blue); */ +/* } */ +/**/ +/* h6 { */ +/* color: var(--purple); */ +/* } */ diff --git a/templates/index.html b/templates/index.html index 170cfaa..9c9bede 100644 --- a/templates/index.html +++ b/templates/index.html @@ -8,9 +8,7 @@ <div> <div id="status"> </div> -<p> -I'm an "artist" and professional software developer. In my free time I mostly work on eccentric software projects which you can read about here. -</p> +<br> </div> {{ macros::treeview(height="16rem")}} diff --git a/templates/shortcodes/album_list.html b/templates/shortcodes/album_list.html index 521b4d1..74439ca 100644 --- a/templates/shortcodes/album_list.html +++ b/templates/shortcodes/album_list.html @@ -4,13 +4,13 @@ {{ macros::treeview(height="32rem") }} {% for genre, albums in data.albums | group_by(attribute="genre") %} -{{ macros::subtree(name=genre, open=true) }} +{{ macros::subtree(name=genre, open=false) }} {% for album in albums %} {{ macros::treelink(text=album.artist ~ " - <i>" ~ album.name ~ `</i><br> - <img class="album-thumb" src="/assets/music/` ~ album.cover ~ `"/>`, + <img class="album-thumb" src="https://coverartarchive.org/release-group/` ~ album.release_group ~ `/front"/>`, url="https://musicbrainz.org/release-group/" ~ album.release_group, blank=true) }} {% endfor %} {{ macros::endsubtree() }} {% endfor %} -{{ macros::endtreeview() }}
\ No newline at end of file +{{ macros::endtreeview() }} |