New blog post (music rec)
This commit is contained in:
NNWHEN
parent
b97d271223
commit
80d7757a60
18 changed files with 824 additions and 83 deletions
|
|
@ -149,7 +149,7 @@
|
|||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="main" class="ly-body">
|
||||
<main id="main" class="ly-body load-enable">
|
||||
<section class="ly-sect">
|
||||
<h1>The Ar<sup>t</sup>chive</h1>
|
||||
<div class="ly-cont">
|
||||
|
|
|
|||
|
|
@ -150,7 +150,7 @@
|
|||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="ly-body">
|
||||
<main id="ly-body" class="load-enable">
|
||||
<section class="ly-sect">
|
||||
<h1>Artwork</h1>
|
||||
<div class="ly-cont">
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://nnwhen.com/blog/res/2024-08-18-review-redemption-tour-klein.jpg"
|
||||
content="https://nnwhen.com/res/misc-2024-08-18-review-redemption-tour-klein.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
|
|
|
|||
650
blog/2025-01-12-2024-music-retrospective.html
Normal file
650
blog/2025-01-12-2024-music-retrospective.html
Normal file
|
|
@ -0,0 +1,650 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
<link rel="stylesheet" href="artist-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="description" content="Music recommendations from nnwhen" />
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//B/2024-Music-Retrospective</title>
|
||||
|
||||
<meta
|
||||
property="og:title"
|
||||
content="nnwhen on: The Music They Listened To In 2024"
|
||||
/>
|
||||
<meta
|
||||
property="og:description"
|
||||
content="The Music nnwhen would most recommend from their 2024 listening"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta
|
||||
name="twitter:title"
|
||||
content="nnwhen on: The Music They Listened To In 2024"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="The Music nnwhen would most recommend from their 2024 listening"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#blog-post">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li id="parent">
|
||||
<a aria-label="Go to my Blog" href="index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="blog-post" class="load-enable">
|
||||
<hr />
|
||||
<h1>nnwhen's 2024 Music Restrospective</h1>
|
||||
<hr />
|
||||
<p>
|
||||
Hey friends and strangers alike. If you've come here of your own accord,
|
||||
that's really cool! It's more likely that I sent you here myself. You
|
||||
may have asked for recommendations or I may have made my recommendations
|
||||
your problem anyway.
|
||||
</p>
|
||||
<p>In either case, I hope you find something valuable here :)</p>
|
||||
<h2>Legend:</h2>
|
||||
<table style="margin: auto">
|
||||
<thead>
|
||||
<th>Symbol</th>
|
||||
<th>Meaning</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>[A]</td>
|
||||
<td>Apple Music</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>[B]</td>
|
||||
<td>Bandcamp</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>[Q]</td>
|
||||
<td>Qobuz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>[S]</td>
|
||||
<td>Spotify</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>[Y]</td>
|
||||
<td>Youtube</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<section class="ly-cont">
|
||||
<h2>The List</h2>
|
||||
<section class="ly-artist">
|
||||
<hgroup>
|
||||
<h1>Obsidian</h1>
|
||||
<h2>by Baths</h2>
|
||||
</hgroup>
|
||||
<p>
|
||||
Beautiful; Painful; Haunting. The rhythms and melodies are
|
||||
unexpected and bring a new appreciation for what those elements can
|
||||
be in music.
|
||||
</p>
|
||||
<ul>
|
||||
<b>Favourite Track:</b>
|
||||
<li>Miasma Sky</li>
|
||||
</ul>
|
||||
<div>
|
||||
<picture>
|
||||
<img src="../res/misc-mus-baths-obsidian.jpg" alt="nnwhen Logo" />
|
||||
</picture>
|
||||
<nav>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/album/obsidian/1644755742"
|
||||
aria-label="Apple Music"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://bathsmusic.bandcamp.com/album/obsidian"
|
||||
aria-label="Bandcamp"
|
||||
>[B]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.qobuz.com/us-en/album/obsidian-baths/wmmnpnlz0i6qc"
|
||||
aria-label="Qobuz"
|
||||
>[Q]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/6kuAuIJhs1jfKRwUzi1LYG"
|
||||
aria-label="Spotify"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://youtube.com/playlist?list=OLAK5uy_ks7VtHrkTLHJh8FDvhimYWSFptJ3BVRGM"
|
||||
aria-label="Youtube"
|
||||
>[Y]</a
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ly-artist">
|
||||
<hgroup>
|
||||
<h1>Turning Silver</h1>
|
||||
<h2>by Sirius</h2>
|
||||
</hgroup>
|
||||
<p>
|
||||
There is an amateur and rough energy about this album that speaks
|
||||
deeply to me. Great in its own right.
|
||||
</p>
|
||||
<ul>
|
||||
<b>Favourite Tracks:</b>
|
||||
<li>Cry;Ptid</li>
|
||||
<li>Shellsick</li>
|
||||
</ul>
|
||||
<div>
|
||||
<picture>
|
||||
<img
|
||||
src="../res/misc-mus-sirius-turning_silver.jpg"
|
||||
alt="nnwhen Logo"
|
||||
/>
|
||||
</picture>
|
||||
<nav>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/za/album/turning-silver/1661801676"
|
||||
aria-label="Apple Music"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://siriusdogstare.bandcamp.com/album/turning-silver"
|
||||
aria-label="Bandcamp"
|
||||
>[B]</a
|
||||
>
|
||||
<span class="unavailable" aria-label="Qobuz unavailable"
|
||||
>[Q]</span
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/0I5Obzt19Ng2cWg4DlNDnV"
|
||||
aria-label="Spotify"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://youtube.com/playlist?list=OLAK5uy_lWb4n6HxuYk-WhyhMzx9-NbYMhWgqCUA8"
|
||||
aria-label="Youtube"
|
||||
>[Y]</a
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ly-artist">
|
||||
<hgroup>
|
||||
<h1>redemption tour</h1>
|
||||
<h2>by Klein</h2>
|
||||
</hgroup>
|
||||
<p>
|
||||
<a href="../blog/2024-08-18-review-redemption-tour-klein.html"
|
||||
>I have reviewed this track</a
|
||||
>.
|
||||
</p>
|
||||
<q
|
||||
>It is a track that sits remarkably well in the negative-space
|
||||
within any emotional state I am in</q
|
||||
>
|
||||
<p>
|
||||
It is a track absolutely bursting with sincerity and I love it very
|
||||
dearly.
|
||||
</p>
|
||||
<div>
|
||||
<picture>
|
||||
<img
|
||||
src="../res/misc-mus-klein-redemption_tour.jpg"
|
||||
alt="A grid of circular lights pointing toward the viewer"
|
||||
/>
|
||||
</picture>
|
||||
<nav>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/us/album/redemption-tour-single/1683922349"
|
||||
aria-label="Apple Music"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://klein1997.bandcamp.com/track/redemption-tour"
|
||||
aria-label="Bandcamp"
|
||||
>[B]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.qobuz.com/us-en/album/redemption-tour-klein/vm8gal9mf3l9a"
|
||||
aria-label="Qobuz"
|
||||
>[Q]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/track/59LgKgR5P5LbJPgpSglirZ"
|
||||
aria-label="Spotify"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.youtube.com/watch?v=OU-P9nBNrsc"
|
||||
aria-label="Youtube"
|
||||
>[Y]</a
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ly-artist">
|
||||
<hgroup>
|
||||
<h1>Wraith</h1>
|
||||
<h2>by Teeth of The Sea</h2>
|
||||
</hgroup>
|
||||
<p>
|
||||
I was drawn into the world of this album the first time I heard it.
|
||||
Experimental, Psychodelic, A beautifully noisey landscape.
|
||||
Transported to another world. I listen to this often.
|
||||
</p>
|
||||
<ul>
|
||||
<b>Favourite Tracks:</b>
|
||||
<li>I'd Rather, Jack;</li>
|
||||
<li>Our Love Can Destroy This Whole Fucking World</li>
|
||||
</ul>
|
||||
<div>
|
||||
<picture>
|
||||
<img src="../res/misc-mus-teeth_of_the_sea-wraith.jpg" alt="" />
|
||||
</picture>
|
||||
<nav>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/us/album/wraith/1445457855"
|
||||
aria-label="Apple Music"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://teethofthesea.bandcamp.com/album/wraith"
|
||||
aria-label="Bandcamp"
|
||||
>[B]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.qobuz.com/us-en/album/wraith-teeth-of-the-sea/jc52tgyt4qlfc"
|
||||
aria-label="Qobuz"
|
||||
>[Q]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/7EcScYbmU5QOW4Mj8eXW3f"
|
||||
aria-label="Spotify"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.youtube.com/playlist?list=OLAK5uy_lMOtXwgeVB1H8nPcC7LEq5q7Q355KsEFY"
|
||||
aria-label="Youtube"
|
||||
>[Y]</a
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ly-artist">
|
||||
<hgroup>
|
||||
<h1>Your Problem As A Mountain</h1>
|
||||
<h2>by Party Milk</h2>
|
||||
</hgroup>
|
||||
<p>
|
||||
This is a lovely compilation of short, sweet and somewhat
|
||||
experimental tracks. Most if not all the tracks are very fun and
|
||||
cute.
|
||||
</p>
|
||||
<ul>
|
||||
<b>Favourite Track:</b>
|
||||
<li>Wedding Hair</li>
|
||||
</ul>
|
||||
<div>
|
||||
<picture>
|
||||
<img
|
||||
src="../res/misc-mus-party_milk-your_problem_as_a_mountain.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</picture>
|
||||
<nav>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/us/album/your-problem-as-a-mountain/1698141541"
|
||||
aria-label="Apple Music"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://partymilk.bandcamp.com/album/your-problem-as-a-mountain"
|
||||
aria-label="Bandcamp"
|
||||
>[B]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.qobuz.com/us-en/album/your-problem-as-a-mountain-party-milk/li0fhrwvn334b"
|
||||
aria-label="Qobuz"
|
||||
>[Q]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/32ETZyt4DObynaLJF51O90"
|
||||
aria-label="Spotify"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.youtube.com/playlist?list=OLAK5uy_nwuhIt6dGadEHgGyBuI8oyeR3dqMt9kgQ"
|
||||
aria-label="Youtube"
|
||||
>[Y]</a
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ly-artist">
|
||||
<hgroup>
|
||||
<h1>Creep On Me Praying</h1>
|
||||
<h2>by A1 Turbo</h2>
|
||||
</hgroup>
|
||||
<p>
|
||||
Unbelievable, Noisey, Experimental and Energetic. A little known
|
||||
gem. Satisfying to my ears in a way that I struggle to describe.
|
||||
</p>
|
||||
<ul>
|
||||
<b>Favourite Track:</b>
|
||||
<li>Creep On Me Praying</li>
|
||||
</ul>
|
||||
<div>
|
||||
<picture>
|
||||
<img
|
||||
src="../res/misc-mus-a1_turbo-creep_on_me_praying.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</picture>
|
||||
<nav>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/us/album/creep-on-me-praying/1523647058"
|
||||
aria-label="Apple Music"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://a1turbo.bandcamp.com/album/creep-on-me-praying"
|
||||
aria-label="Bandcamp"
|
||||
>[B]</a
|
||||
>
|
||||
<span class="unavailable" aria-label="Qobuz unavailable"
|
||||
>[Q]</span
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/3F1FOdhwpma1ATojL0OfJu"
|
||||
aria-label="Spotify"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.youtube.com/watch?v=iGxmx6cfbw0&list=OLAK5uy_kNkdTMWrjG_3c3Du6DjCvkZFBUqnReyJQ"
|
||||
aria-label="Youtube"
|
||||
>[Y]</a
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ly-artist">
|
||||
<hgroup>
|
||||
<h1>paradise footage 7</h1>
|
||||
<h2>by BRDRML</h2>
|
||||
</hgroup>
|
||||
<p>
|
||||
I would classify this album's genre more as 'collage' than
|
||||
'vapourwave', though they are both apt terms to describe it. It is
|
||||
heavy, is (in)harmonically bursting and momentous.
|
||||
</p>
|
||||
<ul>
|
||||
<b>Favourite Track:</b>
|
||||
<li>me against the world</li>
|
||||
</ul>
|
||||
<div>
|
||||
<picture>
|
||||
<img src="../res/misc-mus-brdrml-paradise_footage_7.jpg" alt="" />
|
||||
</picture>
|
||||
<nav>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/us/album/paradise-footage-7/1761192917"
|
||||
aria-label="Apple Music"
|
||||
>[A]</a
|
||||
>
|
||||
<span class="unavailable" aria-label="Bandcamp unavailable"
|
||||
>[B]</span
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.qobuz.com/us-en/album/paradise-footage-7-brdrml/hq70o2crtwsxa"
|
||||
aria-label="Qobuz"
|
||||
>[Q]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/5sCMITJYzQSx5tJM48fMUY"
|
||||
aria-label="Spotify"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://www.youtube.com/playlist?list=OLAK5uy_nzPDSf3lR_P5LD-C7cb4PS_BcIhh56NJU"
|
||||
aria-label="Youtube"
|
||||
>[Y]</a
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="ly-artist">
|
||||
<hgroup>
|
||||
<h1>
|
||||
ᚍᚑᚄᚆᚁᚑᚃᚋᚘᚚᚒᚄᚁᚅᚑᚇᚃᚒᚙᚁᚈᚋᚅᚖᚇᚗᚁᚐᚊᚏᚈᚘ
|
||||
</h1>
|
||||
<h2>by fine-sir-1584660650</h2>
|
||||
</hgroup>
|
||||
<p>
|
||||
Unmatched in energy; A style never replicated. Also harmonically
|
||||
bursting. Many tracks are made with data and things that weren't
|
||||
intended to be used as instruments. Considered 'Trashwave' and
|
||||
'Power-Electronics'.
|
||||
</p>
|
||||
<ul>
|
||||
<b>Favourite Track:</b>
|
||||
<li>
|
||||
𝒇𝒊𝒍𝒆
|
||||
𝒔𝒚𝒔𝒕𝒆𝒎
|
||||
𝒊𝒔 𝒏𝒐𝒕
|
||||
𝒂𝒄𝒄𝒆𝒔𝒔𝒊𝒃𝒍𝒆;
|
||||
𝒍𝒐𝒂𝒅𝒊𝒏g🀩🀌ဪး䷏㉉︦◶⠱⠬╈⃨╠⃨███.𝗳𝗹𝗮𝗰
|
||||
</li>
|
||||
</ul>
|
||||
<div>
|
||||
<picture>
|
||||
<img
|
||||
src="../res/misc-mus-fine-sir-1584660650-sanatized.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</picture>
|
||||
<nav>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/us/album/%E1%9A%8D%E1%9A%91%E1%9A%84%E1%9A%86%E1%9A%81%E1%9A%91%E1%9A%83%E1%9A%8B%E1%9A%98%E1%9A%9A%E1%9A%92%E1%9A%84%E1%9A%81%E1%9A%85%E1%9A%91%E1%9A%87%E1%9A%83%E1%9A%92%E1%9A%99%E1%9A%81%E1%9A%88%E1%9A%8B%E1%9A%85%E1%9A%96%E1%9A%87%E1%9A%97%E1%9A%81%E1%9A%90%E1%9A%8A%E1%9A%8F%E1%9A%88%E1%9A%98/1523361772"
|
||||
aria-label="Apple Music"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://fine-sir-1584660650.bandcamp.com/album/-"
|
||||
aria-label="Bandcamp"
|
||||
>[B]</a
|
||||
>
|
||||
<span class="unavailable" aria-label="Qobuz unavailable"
|
||||
>[Q]</span
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/1gTSDOZCzJqmEzH6efpwyc"
|
||||
aria-label="Spotify"
|
||||
>[S]</a
|
||||
>
|
||||
<span class="unavailable" aria-label="Youtube unavailable"
|
||||
>[Y]</span
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="blog-footer">2025-01-12</footer>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
73
blog/artist-style.css
Normal file
73
blog/artist-style.css
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
.ly-artist {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
width: min(280px, 95%);
|
||||
text-align: center;
|
||||
margin: 5px 0;
|
||||
background-color: #ffffff15;
|
||||
}
|
||||
.ly-artist h1 {
|
||||
margin: 2px !important;
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
.ly-artist h2 {
|
||||
margin: 2px !important;
|
||||
}
|
||||
.ly-artist p {
|
||||
margin: 5px 0 !important;
|
||||
font-size: 17px;
|
||||
text-align: justify;
|
||||
}
|
||||
.ly-artist q {
|
||||
margin: 5px 25px !important;
|
||||
font-size: 16px;
|
||||
text-align: justify;
|
||||
}
|
||||
.ly-artist img {
|
||||
margin-top: 5px;
|
||||
width: 280px;
|
||||
height: 280px;
|
||||
min-width: 100px;
|
||||
object-fit: contain;
|
||||
}
|
||||
.ly-artist nav {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
font-size: 20px;
|
||||
}
|
||||
.ly-artist ul {
|
||||
list-style-type: none !important;
|
||||
text-align: justify;
|
||||
list-style-position: inside;
|
||||
font-size: 16px;
|
||||
margin: 5px auto !important;
|
||||
}
|
||||
.ly-artist ul li {
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
table tr td:first-child,
|
||||
table tr th:first-child {
|
||||
text-align: right;
|
||||
}
|
||||
table tr th,
|
||||
table td {
|
||||
padding: 2px 10px;
|
||||
background-color: #ffffff08;
|
||||
border: 1px solid var(--background);
|
||||
}
|
||||
table tr th {
|
||||
background-color: #ffaaaa15;
|
||||
}
|
||||
.fav {
|
||||
text-align: left !important;
|
||||
font-size: 16px;
|
||||
}
|
||||
.unavailable {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
|
@ -157,6 +157,14 @@
|
|||
<main id="blog">
|
||||
<h1 style="font-family: 'mono', monospace">BLOG-SPACE</h1>
|
||||
|
||||
<a href="2025-01-12-2024-music-retrospective.html">
|
||||
<section class="blog-link music-related">
|
||||
<h2>2024 Music Listening Restrospective</h2>
|
||||
<h3>The Albums I listened to the most during 2024</h3>
|
||||
<h4>2025-01-12</h4>
|
||||
</section>
|
||||
</a>
|
||||
|
||||
<a href="pieces-of-me-in-magnetic-form.html">
|
||||
<section class="blog-link music-related">
|
||||
<h2>Expansion on '20240830-PiecesOfMeInMagneticForm'</h2>
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
<link rel="stylesheet" href="artist-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="description" content="Music recommendations from nnwhen" />
|
||||
|
|
@ -151,103 +152,81 @@
|
|||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="blog-post">
|
||||
<main id="blog-post" class="load-enable">
|
||||
<hr />
|
||||
<h1>Music Recommendations</h1>
|
||||
<hr />
|
||||
<p>
|
||||
Hey friends and strangers alike. If you've come here of your own accord,
|
||||
that's really cool! It's more likely that I sent you here myself. You
|
||||
may have asked for recommendations or I may have made my recommendations
|
||||
your problem anyway.
|
||||
</p>
|
||||
<p>In either case, I hope you find something valuable here :)</p>
|
||||
<p>
|
||||
The fact that it has taken this long for me to create a recommendation
|
||||
list is absurd. You may recognise some tracks from reviews of mine I'm
|
||||
yet to post. As a collated list, this serves much better for
|
||||
recommendations.
|
||||
list is absurd. You may recognise some tracks from reviews of mine; some
|
||||
of which I am yet to post. As a collated list, this serves much better
|
||||
for recommendations.
|
||||
</p>
|
||||
<h2>Legend:</h2>
|
||||
<ul>
|
||||
<li>
|
||||
{A} : Album <br />
|
||||
{S} : One Song
|
||||
</li>
|
||||
<li>
|
||||
[A] : Apple Music <br />
|
||||
[B] : Bandcamp <br />
|
||||
[Q] : Qobuz <br />
|
||||
[S] : Spotify <br />
|
||||
[Y] : YouTube
|
||||
</li>
|
||||
</ul>
|
||||
<h2>The List:</h2>
|
||||
<h3>Beautiful; Soft</h3>
|
||||
<table style="margin: auto; width: 95%">
|
||||
<table style="margin: auto">
|
||||
<thead>
|
||||
<tr style="font-family: 'syne', monospace">
|
||||
<th>Key</th>
|
||||
<th>Name</th>
|
||||
<th>Artist</th>
|
||||
<th>Links</th>
|
||||
</tr>
|
||||
<th>Symbol</th>
|
||||
<th>Meaning</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{A}</td>
|
||||
<td>Obsidian</td>
|
||||
<td>Baths</td>
|
||||
<td style="width: 180px">
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/album/obsidian/1644755742"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://bathsmusic.bandcamp.com/album/obsidian"
|
||||
>[B]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/6kuAuIJhs1jfKRwUzi1LYG"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://youtube.com/playlist?list=OLAK5uy_ks7VtHrkTLHJh8FDvhimYWSFptJ3BVRGM"
|
||||
>[Y]</a
|
||||
>
|
||||
</td>
|
||||
<td>[A]</td>
|
||||
<td>Apple Music</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>{A}</td>
|
||||
<td>Turning Silver</td>
|
||||
<td>Sirius</td>
|
||||
<td style="width: 180px">
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/za/album/turning-silver/1661801676"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://siriusdogstare.bandcamp.com/album/turning-silver"
|
||||
>[B]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/0I5Obzt19Ng2cWg4DlNDnV"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://youtube.com/playlist?list=OLAK5uy_lWb4n6HxuYk-WhyhMzx9-NbYMhWgqCUA8"
|
||||
>[Y]</a
|
||||
>
|
||||
</td>
|
||||
<td>[B]</td>
|
||||
<td>Bandcamp</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>[Q]</td>
|
||||
<td>Qobuz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>[S]</td>
|
||||
<td>Spotify</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>[Y]</td>
|
||||
<td>Youtube</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr />
|
||||
<section class="ly-cont">
|
||||
<h2>The List</h2>
|
||||
<!-- <section class="ly-artist">
|
||||
<hgroup>
|
||||
<h1>Title</h1>
|
||||
<h2>by Artist</h2>
|
||||
</hgroup>
|
||||
<p>Some sort of description or context!</p>
|
||||
<ul>
|
||||
<b>Favourite Track:</b>
|
||||
<li>Paradise Circus</li>
|
||||
</ul>
|
||||
<div>
|
||||
<picture>
|
||||
<img src="../res/" alt="" />
|
||||
</picture>
|
||||
<nav>
|
||||
<a target="_blank" href="" aria-label="Apple Music">[A]</a>
|
||||
<a target="_blank" href="" aria-label="Bandcamp">[B]</a>
|
||||
<a target="_blank" href="" aria-label="Qobuz">[Q]</a>
|
||||
<a target="_blank" href="" aria-label="Spotify">[S]</a>
|
||||
<a target="_blank" href="" aria-label="Youtube">[Y]</a>
|
||||
</nav>
|
||||
</div>
|
||||
</section> -->
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="blog-footer">2024-09-20</footer>
|
||||
<footer id="blog-footer">2025-01-12</footer>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
18
feed.xml
18
feed.xml
|
|
@ -49,4 +49,22 @@
|
|||
<published>2024-08-30T22:10:14Z</published>
|
||||
</entry>
|
||||
|
||||
<entry>
|
||||
<id>https://nnwhen.com/blog/2025-01-12-2024-music-retrospective</id>
|
||||
<title>nnwhen: The Music nnwhen listened to during 2024 that they recommend</title>
|
||||
<updated>2025-01-12T19:38:36Z</updated>
|
||||
|
||||
<content src="https://nnwhen.com/blog/2025-01-12-2024-music-retrospective"
|
||||
type="text/html"></content>
|
||||
|
||||
<link rel="alternate" href="2025-01-12-2024-music-retrospective" />
|
||||
<summary>nnwhen listened to a lot of music in 2024. This is what they feel should be shared
|
||||
with everyone.</summary>
|
||||
|
||||
<category term="Music" />
|
||||
<category term="Review" />
|
||||
<category term="nnwhen" />
|
||||
<published>2025-01-12T19:38:36Z</published>
|
||||
</entry>
|
||||
|
||||
</feed>
|
||||
|
|
@ -141,7 +141,7 @@
|
|||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="hero">
|
||||
<main id="hero" class="load-enable">
|
||||
<section id="hero-headshot">
|
||||
<picture>
|
||||
<source srcset="res/img-home-headshot.avif" type="image/avif" />
|
||||
|
|
|
|||
BIN
res/misc-mus-a1_turbo-creep_on_me_praying.jpg
Normal file
BIN
res/misc-mus-a1_turbo-creep_on_me_praying.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
BIN
res/misc-mus-baths-obsidian.jpg
Normal file
BIN
res/misc-mus-baths-obsidian.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
res/misc-mus-brdrml-paradise_footage_7.jpg
Normal file
BIN
res/misc-mus-brdrml-paradise_footage_7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
res/misc-mus-fine-sir-1584660650-sanatized.jpg
Normal file
BIN
res/misc-mus-fine-sir-1584660650-sanatized.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 139 KiB After Width: | Height: | Size: 139 KiB |
BIN
res/misc-mus-party_milk-your_problem_as_a_mountain.jpg
Normal file
BIN
res/misc-mus-party_milk-your_problem_as_a_mountain.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
res/misc-mus-sirius-turning_silver.jpg
Normal file
BIN
res/misc-mus-sirius-turning_silver.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
res/misc-mus-teeth_of_the_sea-wraith.jpg
Normal file
BIN
res/misc-mus-teeth_of_the_sea-wraith.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
13
style.css
13
style.css
|
|
@ -74,6 +74,19 @@ a:hover {
|
|||
color: var(--max-1);
|
||||
}
|
||||
|
||||
.load-enable img {
|
||||
animation: load 2s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes load {
|
||||
0% {
|
||||
background-color: var(--load-0);
|
||||
}
|
||||
100% {
|
||||
background-color: var(--load-1);
|
||||
}
|
||||
}
|
||||
|
||||
/* Header */
|
||||
/* Banner */
|
||||
header {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue