Files
ffs/public/reviews/index.html
T
2026-08-04 19:39:34 -04:00

225 lines
9.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en" dir="auto" data-theme="dark">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="noindex, nofollow">
<title>Reviews | TheWittyBanter.com</title>
<meta name="keywords" content="">
<meta name="description" content="Reviews are JUST MY OPINION based on my CONTEXT AS A MUSICIAN">
<meta name="author" content="">
<link rel="canonical" href="//localhost:1313/reviews/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.cd9298b33628769aa1bc1acebbbfd7aa11ce81dfe03484d479e1907760249a1d.css" integrity="sha256-zZKYszYodpqhvBrOu7/XqhHOgd/gNITUeeGQd2Akmh0=" rel="preload stylesheet" as="style">
<link rel="icon" href="//localhost:1313/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="//localhost:1313/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="//localhost:1313/favicon-32x32.png">
<link rel="apple-touch-icon" href="//localhost:1313/apple-touch-icon.png">
<link rel="mask-icon" href="//localhost:1313/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" type="application/rss+xml" href="//localhost:1313/reviews/index.xml" title="rss">
<link rel="alternate" hreflang="en" href="//localhost:1313/reviews/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
</noscript>
<script>
if (localStorage.getItem("pref-theme") === "light") {
document.querySelector("html").dataset.theme = 'light';
}
</script>
</head>
<body class="list" id="top">
<header class="header">
<nav class="header-nav">
<div class="logo">
<a href="//localhost:1313/" accesskey="h" title="TheWittyBanter.com (Alt + H)">TheWittyBanter.com</a>
<div class="logo-switches">
<button id="theme-toggle" class="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<svg class="moon" xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
<svg class="sun" xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>
</button>
</div>
</div>
<ul id="menu" class="menu">
<li>
<a href="//localhost:1313/welcome" title="Welcome">
<span>Welcome</span>
</a>
</li>
<li>
<a href="//localhost:1313/shows" title="Shows">
<span>Shows</span>
</a>
</li>
<li>
<a href="//localhost:1313/music" title="Music">
<span>Music</span>
</a>
</li>
<li>
<a href="//localhost:1313/reviews" title="Reviews">
<span class="active">Reviews</span>
</a>
</li>
<li>
<a href="//localhost:1313/posts" title="Blog">
<span>Blog</span>
</a>
</li>
<li>
<a href="//localhost:1313/docs" title="Docs">
<span>Docs</span>
</a>
</li>
<li>
<a href="//localhost:1313/tags/" title="Tags">
<span>Tags</span>
</a>
</li>
<li>
<a href="//localhost:1313/search/" title="Search (Alt &#43; /)" accesskey=/>
<span>Search</span>
</a>
</li>
</ul>
</nav>
</header>
<main class="main">
<header class="page-header"><nav class="breadcrumbs" role="navigation" aria-label="Breadcrumb">
<a href="/">Home</a>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</nav>
<h1>
Reviews
</h1>
</header>
<div class="post-content md-content"><p>Reviews are <strong>JUST MY OPINION</strong> based on my <strong>CONTEXT AS A MUSICIAN</strong></p>
</div>
<article class="post-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Statica EP - Avenged Sevenfold
</h2>
</header>
<div class="entry-content">
<p>Context In the late 2000s to mid 2010s, I was finding my tastes as a burgeoning musician in middle/high school. We were given MacBooks to daily drive for assignments… and I absolutely abused the hell out of that thing. Ripped many a CD with the kids in class, anything we could get our hands on. I was listening to a lot of Green Day, Weezer, Rush, Metallica as well as finding my way into EDM with the likes of deadmau5, Skrillex, Excision, Bassnectar (I would also find the masterpiece that is Enter the Haggis around this time, but thats a story for a different day). I wanted it all. I was hungry.
...</p>
</div>
<footer class="entry-footer">
<span title='2026-08-01 20:06:17 +0000 UTC'>August 1, 2026</span>&nbsp;·&nbsp;<span>5 min</span></footer>
<a class="entry-link" aria-label="post link to Statica EP - Avenged Sevenfold" href="//localhost:1313/reviews/statica/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2026 <a href="//localhost:1313/">TheWittyBanter.com</a></span> ·
<span>
Powered by
<a href="https://gohugo.io/?utm_source=papermod" rel="noopener" target="_blank">Hugo</a> &
<a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
</span>
</footer>
<a href="#top" id="top-link" class="top-link hidden" aria-label="go to top" title="Go to Top (Alt + G)" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up">
<polyline points="17 11 12 6 7 11"></polyline>
<polyline points="17 18 12 13 7 18"></polyline>
</svg>
</a>
<script>
let menu = document.getElementById('menu');
if (menu) {
const scrollPosition = localStorage.getItem("menu-scroll-position");
if (scrollPosition) {
menu.scrollLeft = parseInt(scrollPosition, 10);
}
menu.onscroll = function () {
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
}
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
var id = this.getAttribute("href").substr(1);
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
behavior: "smooth"
});
} else {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
}
if (id === "top") {
history.replaceState(null, null, " ");
} else {
history.pushState(null, null, `#${id}`);
}
});
});
</script>
<script>
var toplink = document.getElementById("top-link");
window.onscroll = function () {
const scrollThreshold = window.innerHeight;
if (document.body.scrollTop > scrollThreshold || document.documentElement.scrollTop > scrollThreshold) {
toplink.classList.remove("hidden");
} else {
toplink.classList.add("hidden");
}
};
</script>
<script>
document.getElementById("theme-toggle").addEventListener("click", () => {
const html = document.querySelector("html");
if (html.dataset.theme === "dark") {
html.dataset.theme = 'light';
localStorage.setItem("pref-theme", 'light');
} else {
html.dataset.theme = 'dark';
localStorage.setItem("pref-theme", 'dark');
}
})
</script>
</body>
</html>