nnwhen.com/blog/music-review-template.html
2025-01-15 23:03:56 +02:00

240 lines
8.9 KiB
HTML

<!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" />
<meta charset="UTF-8" />
<meta
name="description"
content="The blog for nnwhen. It posts writings here."
/>
<meta
name="keywords"
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer, blog"
/>
<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/R/review-TTTT-AAAA</title>
<meta property="og:title" content="nnwhen Reviews: TTTT by AAAA" />
<meta
property="og:description"
content="my thoughts, intuitions and imperfect grasp; a review"
/>
<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 Reviews: TTTT by AAAA" />
<meta
name="twitter:description"
content="my thoughts, intuitions and imperfect grasp; a review"
/>
<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">
<hr />
<section id="review-header">
<h1>
<a
target="_blank"
href="https://klein1997.bandcamp.com/track/redemption-tour"
>
TTTT - AAAA
</a>
</h1>
<h3 id="rating-out-of-five">1.5/5</h3>
<section id="stars">
<img src="../res/asset-blog-fullstar.svg" alt="" />
<img src="../res/asset-blog-halfstar.svg" alt="" />
<img src="../res/asset-blog-emptystar.svg" alt="" />
</section>
</section>
<hr />
<hr />
<p>
Lorem ipsum odor amet, consectetuer adipiscing elit. Donec non dolor
potenti sem inceptos. Vitae vel efficitur et; per condimentum vestibulum
iaculis duis. Inceptos parturient ligula fusce venenatis lacinia rhoncus
tincidunt. Ac est ut consequat eget eget. Venenatis purus tellus primis
porta dignissim fermentum montes eget proin. Cras accumsan lacus auctor
varius torquent sed nam primis. Vel a nulla adipiscing bibendum duis
accumsan duis nunc. Ligula mi consequat litora nibh felis varius.
</p>
<p>
Lorem ipsum odor amet, consectetuer adipiscing elit. Donec non dolor
potenti sem inceptos. Vitae vel efficitur et; per condimentum vestibulum
iaculis duis. Inceptos parturient ligula fusce venenatis lacinia rhoncus
tincidunt. Ac est ut consequat eget eget. Venenatis purus tellus primis
porta dignissim fermentum montes eget proin. Cras accumsan lacus auctor
varius torquent sed nam primis. Vel a nulla adipiscing bibendum duis
accumsan duis nunc. Ligula mi consequat litora nibh felis varius.
</p>
<ul>
<li>
<b>Mauris nisi pretium</b> augue eleifend est. Est faucibus imperdiet
dictumst dolor pretium semper cubilia. Ligula nibh nascetur primis
purus sit ad varius class fusce. Placerat quam gravida accumsan dis
mauris; nostra condimentum. Imperdiet dolor tempus ad adipiscing magna
per himenaeos montes mattis. Rhoncus auctor vulputate dui semper
condimentum efficitur at ligula.
</li>
<li>
<b>Nostra elementum</b> donec sociosqu dis hac? Suspendisse ex viverra
praesent fusce nostra dapibus erat! Class efficitur magna ad turpis
morbi nibh neque. Natoque egestas auctor fermentum congue sodales
tristique. Suscipit tincidunt a venenatis id amet vestibulum. Fames
urna ullamcorper rutrum tincidunt urna sagittis mi. Proin mollis
tempor mus, elementum dapibus netus. Per at leo ligula curae congue
rhoncus.
</li>
<li>
<b>Cubilia</b> libero turpis nascetur eros elementum porta hendrerit
turpis. Consequat ullamcorper at ultricies lectus porttitor litora.
Phasellus montes ridiculus porta maximus tellus ligula. Torquent class
ornare integer libero tristique sit dapibus tellus! Nibh torquent
malesuada a ligula rutrum nibh vehicula finibus. Consectetur magnis
netus vulputate augue sem interdum curabitur turpis. Hendrerit diam
imperdiet inceptos, nec at suscipit.
</li>
</ul>
<p>
Integer sagittis penatibus elementum semper nulla facilisis eleifend
erat mauris. Litora vitae orci gravida; sagittis nam maecenas justo.
Donec integer neque nulla ullamcorper mi commodo sodales leo tortor.
Ligula bibendum inceptos netus tellus turpis nam aliquet. Pharetra
bibendum libero orci aptent sit conubia. Condimentum non netus semper
placerat luctus curae ullamcorper. Facilisi himenaeos urna ac ante
commodo dapibus. Congue curabitur senectus tellus urna ullamcorper duis
non blandit. Litora at facilisis dui curae vulputate fringilla fusce.
Conubia natoque iaculis ac; suscipit nisi posuere.
</p>
<hr />
</main>
<footer id="blog-footer">YYYY-MM-DD</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>