<!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/Music-Recommendations</title>

    <meta property="og:title" content="nnwhen Recommends: Music" />
    <meta
      property="og:description"
      content="A list of sounds that nnwhen feel are particularly worthwhile"
    />
    <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 Recommends: Music" />
    <meta
      name="twitter:description"
      content="A list of sounds that nnwhen feel are particularly worthwhile"
    />
    <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.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.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="&#109;&#097;&#105;&#108;&#116;&#111;:&#099;&#111;&#110;&#116;&#097;&#099;&#116;&#064;&#110;&#110;&#119;&#104;&#101;&#110;&#046;&#099;&#111;&#109;"
        title="&#069;&#109;&#097;&#105;&#108;&#032;&#077;&#101;"
      >
        <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>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; some
        of which I am yet to post. As a collated list, this serves much better
        for recommendations.
      </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>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">2025-01-12</footer>

    <footer id="free">
      <a href="../our-siblings.html"
        >&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a
      >
    </footer>
  </body>
</html>