plorbus/ffs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edited some music pages, started an 'fstab' guide

Browse Source
This commit is contained in:
plorbus
2026-08-03 11:06:58 -04:00
parent 172ba53038
commit 07278c6edc
38 changed files with 1625 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/music/207/index.html
+19 -8
View File
@@ -10,17 +10,22 @@
<meta name="description" content="A collection of my favorite moments with these goons.
207 Maine
Your browser does not support the video tag.
A cool opportunity, I think it was two songs? If I can track down the other one I&rsquo;ll throw it up here. Rumor has it they still air.
Opening for the Mallett Brothers at the Widowmaker (Sugarloaf)
Your browser does not support the video tag.
Such a fun show.
">
Such a fun show.">
<meta name="author" content="">
<link rel="canonical" href="//localhost:1313/music/207/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.cd9298b33628769aa1bc1acebbbfd7aa11ce81dfe03484d479e1907760249a1d.css" integrity="sha256-zZKYszYodpqhvBrOu7/XqhHOgd/gNITUeeGQd2Akmh0=" rel="preload stylesheet" as="style">
@@ -152,14 +157,20 @@ Such a fun show.
<div class="post-content md-content"><p><strong>A collection of my favorite moments with these goons.</strong></p>
<hr>
<h2 id="207-maine">207 Maine<a hidden class="anchor" aria-hidden="true" href="#207-maine">#</a></h2>
<video src="/videos/207.mp4" controls muted></video>
<div class="video-wrapper" style="max-width: 100%; margin: 0 auto;">
<video src="/videos/207.mp4" controls style="width: 100%; height: auto;">
Your browser does not support the video tag.
</video>
</div>
<p>A cool opportunity, I think it was two songs? If I can track down the other one I&rsquo;ll throw it up here. Rumor has it they still air.</p>
<hr>
<h2 id="opening-for-the-mallett-brothers-at-the-widowmaker-sugarloaf">Opening for the Mallett Brothers at the Widowmaker (Sugarloaf)<a hidden class="anchor" aria-hidden="true" href="#opening-for-the-mallett-brothers-at-the-widowmaker-sugarloaf">#</a></h2>
<video src="/videos/wait.mp4" controls muted></video>
<div class="video-wrapper" style="max-width: 100%; margin: 0 auto;">
<video src="/videos/wait.mp4" controls style="width: 100%; height: auto;">
Your browser does not support the video tag.
</video>
</div>
<p>Such a fun show.</p>
<hr>
public/music/index.html
+19 -31
View File
@@ -118,17 +118,11 @@
<article class="post-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Poultry Highway
<span class="entry-hint" title="Draft">
<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" fill="currentColor">
<path
d="M160-410v-60h300v60H160Zm0-165v-60h470v60H160Zm0-165v-60h470v60H160Zm360 580v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T862.09-380L643-160H520Zm300-263-37-37 37 37ZM580-220h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z" />
</svg>
</span>
</h2>
</header>
<div class="entry-content">
<p>The spiritual successor to The Chicken Street Band, rockifying and expanding the existing setlist
</p>
“Need some Honey” by Nathaniel Rateliff &amp; the Night Sweats, in a sweaty bar in Hallowell Your browser does not support the video tag. “The Hollow” by yours truly, one of my favorite performances of this tune Your browser does not support the video tag. ...</p>
</div>
<footer class="entry-footer">
@@ -151,27 +145,6 @@ Your browser does not support the audio element. </p>
<a class="entry-link" aria-label="post link to Songs I wrote!" href="//localhost:1313/music/originals/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Technostuff
<span class="entry-hint" title="Draft">
<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" fill="currentColor">
<path
d="M160-410v-60h300v60H160Zm0-165v-60h470v60H160Zm0-165v-60h470v60H160Zm360 580v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T862.09-380L643-160H520Zm300-263-37-37 37 37ZM580-220h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z" />
</svg>
</span>
</h2>
</header>
<div class="entry-content">
<p>I have fun with the techno stuff, haven’t really gotten back to it in a while.
Remixes Original Compositions</p>
</div>
<footer class="entry-footer">
<span title='2026-08-01 05:32:29 +0000 UTC'>August 1, 2026</span>&nbsp;·&nbsp;<span>1 min</span></footer>
<a class="entry-link" aria-label="post link to Technostuff" href="//localhost:1313/music/technostuff/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">The Chicken Street Band
@@ -179,15 +152,30 @@ Remixes Original Compositions</p>
</header>
<div class="entry-content">
<p>A collection of my favorite moments with these goons.
207 Maine A cool opportunity, I think it was two songs? If I can track down the other one I’ll throw it up here. Rumor has it they still air.
Opening for the Mallett Brothers at the Widowmaker (Sugarloaf) Such a fun show.
</p>
207 Maine Your browser does not support the video tag. A cool opportunity, I think it was two songs? If I can track down the other one I’ll throw it up here. Rumor has it they still air.
Opening for the Mallett Brothers at the Widowmaker (Sugarloaf) Your browser does not support the video tag. Such a fun show.
...</p>
</div>
<footer class="entry-footer">
<span title='2026-08-01 04:24:46 +0000 UTC'>August 1, 2026</span>&nbsp;·&nbsp;<span>1 min</span></footer>
<a class="entry-link" aria-label="post link to The Chicken Street Band" href="//localhost:1313/music/207/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Techno
</h2>
</header>
<div class="entry-content">
<p>Where the wild wubs are I primarily use Reaper now, but a few of these were made on an old Android tablet using FL Studio Mobile. Trust me, you can tell on some of them lol.
</p>
</div>
<footer class="entry-footer">
<span title='2026-08-03 10:27:35 -0400 EDT'>August 3, 2026</span>&nbsp;·&nbsp;<span>1 min</span></footer>
<a class="entry-link" aria-label="post link to Techno" href="//localhost:1313/music/techno/"></a>
</article>
</main>
<footer class="footer">
public/music/index.xml
+27 -24
View File
@@ -14,14 +14,21 @@
<pubDate>Sun, 02 Aug 2026 22:31:41 -0400</pubDate>
<guid>//localhost:1313/music/poultryhighway/</guid>
<description>&lt;p&gt;The spiritual successor to The Chicken Street Band, rockifying and expanding the existing setlist&lt;/p&gt;
&lt;video src=&#34;//localhost:1313/videos/poultry/needsomehoney.mp4&#34; controls muted&gt;&lt;/video&gt;
&lt;video src=&#34;//localhost:1313/videos/poultry/hollow.mp4&#34; controls muted&gt;&lt;/video&gt;
&lt;video src=&#34;//localhost:1313/videos/poultry/cripple.mp4&#34; controls muted&gt;&lt;/video&gt;</description>
&lt;hr&gt;
&lt;p&gt;&amp;ldquo;Need some Honey&amp;rdquo; by Nathaniel Rateliff &amp;amp; the Night Sweats, in a sweaty bar in Hallowell
&lt;div class=&#34;video-wrapper&#34; style=&#34;max-width: 50%; margin: 0 auto;&#34;&gt;
&lt;video src=&#34;//localhost:1313/videos/poultry/needsomehoney.mp4&#34; controls style=&#34;width: 100%; height: auto;&#34;&gt;
Your browser does not support the video tag.
&lt;/video&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;&amp;ldquo;The Hollow&amp;rdquo; by yours truly, one of my favorite performances of this tune
&lt;div class=&#34;video-wrapper&#34; style=&#34;max-width: 50%; margin: 0 auto;&#34;&gt;
&lt;video src=&#34;//localhost:1313/videos/poultry/hollow.mp4&#34; controls style=&#34;width: 100%; height: auto;&#34;&gt;
Your browser does not support the video tag.
&lt;/video&gt;
&lt;/div&gt;
&lt;/p&gt;</description>
</item>
<item>
<title>Songs I wrote!</title>
@@ -29,7 +36,7 @@
<pubDate>Sat, 01 Aug 2026 23:40:44 +0000</pubDate>
<guid>//localhost:1313/music/originals/</guid>
<description>&lt;p&gt;&amp;ldquo;The Hollow&amp;rdquo;, with The Chicken Street Band at Roots Revival Fest 8/2/24&lt;/p&gt;
&lt;h2 id=&#34;hahahugoshortcode206s0hbhb&#34;&gt;&lt;figure&gt;
&lt;h2 id=&#34;hahahugoshortcode228s0hbhb&#34;&gt;&lt;figure&gt;
&lt;audio controls preload=&#34;metadata&#34; style=&#34;width: 100%;&#34;&gt;
&lt;source src=&#34;//localhost:1313/audio/hollowroots.mp3&#34; type=&#34;audio/mpeg&#34;&gt;
Your browser does not support the audio element.
@@ -37,15 +44,6 @@
&lt;/figure&gt;
&lt;/h2&gt;</description>
</item>
<item>
<title>Technostuff</title>
<link>//localhost:1313/music/technostuff/</link>
<pubDate>Sat, 01 Aug 2026 05:32:29 +0000</pubDate>
<guid>//localhost:1313/music/technostuff/</guid>
<description>&lt;p&gt;I have fun with the techno stuff, haven&amp;rsquo;t really gotten back to it in a while.&lt;/p&gt;
&lt;h1 id=&#34;remixes&#34;&gt;Remixes&lt;/h1&gt;
&lt;h1 id=&#34;original-compositions&#34;&gt;Original Compositions&lt;/h1&gt;</description>
</item>
<item>
<title>The Chicken Street Band</title>
@@ -55,17 +53,22 @@
<description>&lt;p&gt;&lt;strong&gt;A collection of my favorite moments with these goons.&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;207-maine&#34;&gt;207 Maine&lt;/h2&gt;
&lt;video src=&#34;//localhost:1313/videos/207.mp4&#34; controls muted&gt;&lt;/video&gt;
&lt;div class=&#34;video-wrapper&#34; style=&#34;max-width: 100%; margin: 0 auto;&#34;&gt;
&lt;video src=&#34;//localhost:1313/videos/207.mp4&#34; controls style=&#34;width: 100%; height: auto;&#34;&gt;
Your browser does not support the video tag.
&lt;/video&gt;
&lt;/div&gt;
&lt;p&gt;A cool opportunity, I think it was two songs? If I can track down the other one I&amp;rsquo;ll throw it up here. Rumor has it they still air.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;opening-for-the-mallett-brothers-at-the-widowmaker-sugarloaf&#34;&gt;Opening for the Mallett Brothers at the Widowmaker (Sugarloaf)&lt;/h2&gt;
&lt;div class=&#34;video-wrapper&#34; style=&#34;max-width: 100%; margin: 0 auto;&#34;&gt;
&lt;video src=&#34;//localhost:1313/videos/wait.mp4&#34; controls style=&#34;width: 100%; height: auto;&#34;&gt;
Your browser does not support the video tag.
&lt;/video&gt;
&lt;/div&gt;
&lt;video src=&#34;//localhost:1313/videos/wait.mp4&#34; controls muted&gt;&lt;/video&gt;
&lt;p&gt;Such a fun show.&lt;/p&gt;
&lt;hr&gt;</description>
&lt;p&gt;Such a fun show.&lt;/p&gt;</description>
</item>
</channel>
</rss>
public/music/originals/index.html
+1 -1
View File
@@ -132,7 +132,7 @@
</header>
<div class="post-content md-content"><p>&ldquo;The Hollow&rdquo;, with The Chicken Street Band at Roots Revival Fest 8/2/24</p>
<h2 id="hahahugoshortcode206s0hbhb"><figure>
<h2 id="hahahugoshortcode228s0hbhb"><figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/hollowroots.mp3" type="audio/mpeg">
Your browser does not support the audio element.
public/music/poultryhighway/index.html
+32 -18
View File
@@ -9,11 +9,18 @@
<meta name="keywords" content="">
<meta name="description" content="The spiritual successor to The Chicken Street Band, rockifying and expanding the existing setlist
&ldquo;Need some Honey&rdquo; by Nathaniel Rateliff &amp; the Night Sweats, in a sweaty bar in Hallowell
Your browser does not support the video tag.
&ldquo;The Hollow&rdquo; by yours truly, one of my favorite performances of this tune
Your browser does not support the video tag.
">
<meta name="author" content="">
@@ -123,12 +130,6 @@
</nav>
<h1 class="post-title entry-hint-parent">
Poultry Highway
<span class="entry-hint" title="Draft">
<svg xmlns="http://www.w3.org/2000/svg" height="35" viewBox="0 -960 960 960" fill="currentColor">
<path
d="M160-410v-60h300v60H160Zm0-165v-60h470v60H160Zm0-165v-60h470v60H160Zm360 580v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T862.09-380L643-160H520Zm300-263-37-37 37 37ZM580-220h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z" />
</svg>
</span>
</h1>
<div class="post-meta">
@@ -138,15 +139,28 @@
</header>
<div class="post-content md-content"><p>The spiritual successor to The Chicken Street Band, rockifying and expanding the existing setlist</p>
<video src="/videos/poultry/needsomehoney.mp4" controls muted></video>
<video src="/videos/poultry/hollow.mp4" controls muted></video>
<video src="/videos/poultry/cripple.mp4" controls muted></video>
<hr>
<p>&ldquo;Need some Honey&rdquo; by Nathaniel Rateliff &amp; the Night Sweats, in a sweaty bar in Hallowell
<div class="video-wrapper" style="max-width: 50%; margin: 0 auto;">
<video src="/videos/poultry/needsomehoney.mp4" controls style="width: 100%; height: auto;">
Your browser does not support the video tag.
</video>
</div>
</p>
<p>&ldquo;The Hollow&rdquo; by yours truly, one of my favorite performances of this tune
<div class="video-wrapper" style="max-width: 50%; margin: 0 auto;">
<video src="/videos/poultry/hollow.mp4" controls style="width: 100%; height: auto;">
Your browser does not support the video tag.
</video>
</div>
</p>
<p>&ldquo;Up on Cripple Creek&rdquo; by The Band ft. one of the best sound guys I&rsquo;ve worked with
<div class="video-wrapper" style="max-width: 100%; margin: 0 auto;">
<video src="/videos/poultry/cripple.mp4" controls style="width: 100%; height: auto;">
Your browser does not support the video tag.
</video>
</div>
</p>
</div>
public/music/techno/index.html
+241
View File
@@ -0,0 +1,241 @@
<!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>Techno | TheWittyBanter.com</title>
<meta name="keywords" content="">
<meta name="description" content="Where the wild wubs are
I primarily use Reaper now, but a few of these were made on an old Android tablet using FL Studio Mobile. Trust me, you can tell on some of them lol.">
<meta name="author" content="">
<link rel="canonical" href="//localhost:1313/music/techno/">
<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/music/techno/index.xml" title="rss">
<link rel="alternate" hreflang="en" href="//localhost:1313/music/techno/">
<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>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>
</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>
<a href="/music/">Music</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>
Techno
</h1>
</header>
<div class="post-content md-content"><h1 id="where-the-wild-wubs-are">Where the wild wubs are<a hidden class="anchor" aria-hidden="true" href="#where-the-wild-wubs-are">#</a></h1>
<p>I primarily use Reaper now, but a few of these were made on an old Android tablet using FL Studio Mobile. Trust me, you can tell on some of them lol.</p>
</div>
<article class="post-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Originals
</h2>
</header>
<div class="entry-content">
<p>These are the wubs I made. I am capable of original thought (for the most part)!
Meager The first original EDM composition I completed on FL Studio Mobile. It created a monster.
Your browser does not support the audio element. Ladybugs Named after the abundance of not-ladybugs-but-beetles that invade the house every year.
Your browser does not support the audio element. Massive I like that song “Teardrop” by Massive Attack quite a bit, I wanted to make a Massive Attack song. Don’t mind the weird aetherial videogame-choir in the middle.
...</p>
</div>
<footer class="entry-footer">
<span title='2026-08-03 10:32:52 -0400 EDT'>August 3, 2026</span>&nbsp;·&nbsp;<span>2 min</span></footer>
<a class="entry-link" aria-label="post link to Originals" href="//localhost:1313/music/techno/originals/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Remixes
</h2>
</header>
<div class="entry-content">
<p>Some remixed tunes for your wubby pleasure
Remixes ChixNRibz (lost) Unfortunately I can’t find this one right off, but chronologically it’s the first “remix” I did - Bridges and Rivers by The Chicken Street Band. What follows is a byproduct of that project, though.
Number One - Tophouse Technically the second remix I did. A great nerdy folk group, no shortage of LotR love at their shows (complete with live readings of passages from The Hobbit). I could hear the remix in my head on the first listen, this is what followed.
...</p>
</div>
<footer class="entry-footer">
<span title='2026-08-03 10:28:19 -0400 EDT'>August 3, 2026</span>&nbsp;·&nbsp;<span>2 min</span></footer>
<a class="entry-link" aria-label="post link to Remixes" href="//localhost:1313/music/techno/remixes/"></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>
public/music/techno/index.xml
+57
View File
@@ -0,0 +1,57 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Techno on TheWittyBanter.com</title>
<link>//localhost:1313/music/techno/</link>
<description>Recent content in Techno on TheWittyBanter.com</description>
<generator>Hugo</generator>
<language>en</language>
<lastBuildDate>Mon, 03 Aug 2026 10:32:52 -0400</lastBuildDate>
<atom:link href="//localhost:1313/music/techno/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Originals</title>
<link>//localhost:1313/music/techno/originals/</link>
<pubDate>Mon, 03 Aug 2026 10:32:52 -0400</pubDate>
<guid>//localhost:1313/music/techno/originals/</guid>
<description>&lt;p&gt;These are the wubs I made. I am capable of original thought (for the most part)!&lt;/p&gt;
&lt;hr&gt;
&lt;h3 id=&#34;meager&#34;&gt;Meager&lt;/h3&gt;
&lt;p&gt;The first original EDM composition I completed on FL Studio Mobile. It created a monster.&lt;/p&gt;
&lt;figure&gt;
&lt;audio controls preload=&#34;metadata&#34; style=&#34;width: 100%;&#34;&gt;
&lt;source src=&#34;//localhost:1313/audio/techno/original/Meager.mp3&#34; type=&#34;audio/mpeg&#34;&gt;
Your browser does not support the audio element.
&lt;/audio&gt;
&lt;/figure&gt;
&lt;hr&gt;
&lt;h3 id=&#34;ladybugs&#34;&gt;Ladybugs&lt;/h3&gt;
&lt;p&gt;Named after the abundance of not-ladybugs-but-beetles that invade the house every year.&lt;/p&gt;
&lt;figure&gt;
&lt;audio controls preload=&#34;metadata&#34; style=&#34;width: 100%;&#34;&gt;
&lt;source src=&#34;//localhost:1313/audio/techno/original/Ladybugs.mp3&#34; type=&#34;audio/mpeg&#34;&gt;
Your browser does not support the audio element.
&lt;/audio&gt;
&lt;/figure&gt;
&lt;hr&gt;
&lt;h3 id=&#34;massive&#34;&gt;Massive&lt;/h3&gt;
&lt;p&gt;I like that song &amp;ldquo;Teardrop&amp;rdquo; by Massive Attack quite a bit, I wanted to make a Massive Attack song. Don&amp;rsquo;t mind the weird aetherial videogame-choir in the middle.&lt;/p&gt;</description>
</item>
<item>
<title>Remixes</title>
<link>//localhost:1313/music/techno/remixes/</link>
<pubDate>Mon, 03 Aug 2026 10:28:19 -0400</pubDate>
<guid>//localhost:1313/music/techno/remixes/</guid>
<description>&lt;p&gt;&lt;strong&gt;Some remixed tunes for your wubby pleasure&lt;/strong&gt;&lt;/p&gt;
&lt;h1 id=&#34;remixes&#34;&gt;Remixes&lt;/h1&gt;
&lt;h3 id=&#34;chixnribz-lost&#34;&gt;ChixNRibz (lost)&lt;/h3&gt;
&lt;p&gt;Unfortunately I can&amp;rsquo;t find this one right off, but chronologically it&amp;rsquo;s the first &amp;ldquo;remix&amp;rdquo; I did - Bridges and Rivers by The Chicken Street Band. What follows is a byproduct of that project, though.&lt;/p&gt;
&lt;hr&gt;
&lt;h3 id=&#34;number-one---tophouse&#34;&gt;Number One - &lt;a href=&#34;https://tidal.com/artist/8994731&#34;&gt;Tophouse&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;Technically the second remix I did. A great nerdy folk group, no shortage of LotR love at their shows (complete with live readings of passages from The Hobbit). I could hear the remix in my head on the first listen, this is what followed.&lt;/p&gt;</description>
</item>
</channel>
</rss>
public/music/techno/originals/index.html
+398
View File
@@ -0,0 +1,398 @@
<!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>Originals | TheWittyBanter.com</title>
<meta name="keywords" content="">
<meta name="description" content="These are the wubs I made. I am capable of original thought (for the most part)!
Meager
The first original EDM composition I completed on FL Studio Mobile. It created a monster.
Your browser does not support the audio element.
Ladybugs
Named after the abundance of not-ladybugs-but-beetles that invade the house every year.
Your browser does not support the audio element.
Massive
I like that song &ldquo;Teardrop&rdquo; by Massive Attack quite a bit, I wanted to make a Massive Attack song. Don&rsquo;t mind the weird aetherial videogame-choir in the middle.">
<meta name="author" content="">
<link rel="canonical" href="//localhost:1313/music/techno/originals/">
<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" hreflang="en" href="//localhost:1313/music/techno/originals/">
<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 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>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>
</ul>
</nav>
</header>
<main class="main">
<article class="post-single">
<header class="post-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>
<a href="/music/">Music</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>
<a href="/music/techno/">Techno</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 class="post-title entry-hint-parent">
Originals
</h1>
<div class="post-meta">
<span title='2026-08-03 10:32:52 -0400 EDT'>August 3, 2026</span>&nbsp;·&nbsp;<span>2 min</span>
</div>
</header> <details class="toc" >
<summary accesskey="c" title="(Alt + C)">
<span class="title">Table of Contents</span>
</summary>
<div class="inner"><ul>
<li>
<a href="#meager" aria-label="Meager">Meager</a></li>
<li>
<a href="#ladybugs" aria-label="Ladybugs">Ladybugs</a></li>
<li>
<a href="#massive" aria-label="Massive">Massive</a></li>
<li>
<a href="#petrock" aria-label="Petrock">Petrock</a></li>
<li>
<a href="#raiseyourripoff" aria-label="RaiseYourRipoff">RaiseYourRipoff</a></li>
<li>
<a href="#save-the-riff" aria-label="Save the Riff">Save the Riff</a></li>
<li>
<a href="#an-imperfect-rhombus" aria-label="An Imperfect Rhombus">An Imperfect Rhombus</a>
</li>
</ul>
</div>
</details>
<div class="post-content md-content"><p>These are the wubs I made. I am capable of original thought (for the most part)!</p>
<hr>
<h3 id="meager">Meager<a hidden class="anchor" aria-hidden="true" href="#meager">#</a></h3>
<p>The first original EDM composition I completed on FL Studio Mobile. It created a monster.</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/original/Meager.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="ladybugs">Ladybugs<a hidden class="anchor" aria-hidden="true" href="#ladybugs">#</a></h3>
<p>Named after the abundance of not-ladybugs-but-beetles that invade the house every year.</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/original/Ladybugs.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="massive">Massive<a hidden class="anchor" aria-hidden="true" href="#massive">#</a></h3>
<p>I like that song &ldquo;Teardrop&rdquo; by Massive Attack quite a bit, I wanted to make a Massive Attack song. Don&rsquo;t mind the weird aetherial videogame-choir in the middle.</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/original/MassiveNeedsVox.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="petrock">Petrock<a hidden class="anchor" aria-hidden="true" href="#petrock">#</a></h3>
<p>Named after one of the objects living on my desk</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/original/petrock.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="raiseyourripoff">RaiseYourRipoff<a hidden class="anchor" aria-hidden="true" href="#raiseyourripoff">#</a></h3>
<p>Not a <em>blatant</em> ripoff per-se, but definitely heavily inspired by the mau5. I&rsquo;m attached to the outro, very NIN coded.</p>
<p>Pretty proud of this one.</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/original/RaiseYourRipoff.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="save-the-riff">Save the Riff<a hidden class="anchor" aria-hidden="true" href="#save-the-riff">#</a></h3>
<p>I played a drop D guitar riff and thought it would sound good as the main riff of a wub. This is what followed.</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/original/save%20the%20riff.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="an-imperfect-rhombus">An Imperfect Rhombus<a hidden class="anchor" aria-hidden="true" href="#an-imperfect-rhombus">#</a></h3>
<p>The only of this crop to be done in Reaper, pretty sure the rest are done in FL Studio Mobile (They don&rsquo;t sound as full as this one does IMHO)</p>
<p>We need more weird time signatures in techno</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/original/SixFun3.wav" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
</div>
<footer class="post-footer">
<ul class="post-tags">
</ul>
</footer>
</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>
<script>
document.querySelectorAll('pre > code').forEach((codeblock) => {
const container = codeblock.parentNode.parentNode;
const copybutton = document.createElement('button');
copybutton.classList.add('copy-code');
copybutton.innerHTML = 'copy';
function copyingDone() {
copybutton.innerHTML = 'copied!';
setTimeout(() => {
copybutton.innerHTML = 'copy';
}, 2000);
}
copybutton.addEventListener('click', (cb) => {
if ('clipboard' in navigator) {
navigator.clipboard.writeText(codeblock.textContent);
copyingDone();
return;
}
const range = document.createRange();
range.selectNodeContents(codeblock);
const selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
try {
document.execCommand('copy');
copyingDone();
} catch (e) { };
selection.removeRange(range);
});
if (container.classList.contains("highlight")) {
container.appendChild(copybutton);
} else if (container.parentNode.firstChild == container) {
} else if (codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.nodeName == "TABLE") {
codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.appendChild(copybutton);
} else {
codeblock.parentNode.appendChild(copybutton);
}
});
</script>
</body>
</html>
public/music/techno/page/1/index.html
+9
View File
@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>//localhost:1313/music/techno/</title>
<link rel="canonical" href="//localhost:1313/music/techno/">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=//localhost:1313/music/techno/">
</head>
</html>
public/music/techno/remixes/index.html
+367
View File
@@ -0,0 +1,367 @@
<!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>Remixes | TheWittyBanter.com</title>
<meta name="keywords" content="">
<meta name="description" content="Some remixed tunes for your wubby pleasure
Remixes
ChixNRibz (lost)
Unfortunately I can&rsquo;t find this one right off, but chronologically it&rsquo;s the first &ldquo;remix&rdquo; I did - Bridges and Rivers by The Chicken Street Band. What follows is a byproduct of that project, though.
Number One - Tophouse
Technically the second remix I did. A great nerdy folk group, no shortage of LotR love at their shows (complete with live readings of passages from The Hobbit). I could hear the remix in my head on the first listen, this is what followed.">
<meta name="author" content="">
<link rel="canonical" href="//localhost:1313/music/techno/remixes/">
<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" hreflang="en" href="//localhost:1313/music/techno/remixes/">
<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 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>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>
</ul>
</nav>
</header>
<main class="main">
<article class="post-single">
<header class="post-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>
<a href="/music/">Music</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>
<a href="/music/techno/">Techno</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 class="post-title entry-hint-parent">
Remixes
</h1>
<div class="post-meta">
<span title='2026-08-03 10:28:19 -0400 EDT'>August 3, 2026</span>&nbsp;·&nbsp;<span>2 min</span>
</div>
</header> <details class="toc" >
<summary accesskey="c" title="(Alt + C)">
<span class="title">Table of Contents</span>
</summary>
<div class="inner"><ul>
<li>
<a href="#remixes" aria-label="Remixes">Remixes</a><ul>
<ul>
<li>
<a href="#chixnribz-lost" aria-label="ChixNRibz (lost)">ChixNRibz (lost)</a></li>
<li>
<a href="#number-one---tophouse" aria-label="Number One - Tophouse">Number One - Tophouse</a></li>
<li>
<a href="#do-you-like-what-im-sayin---j-mcfarlanes-reality-guest" aria-label="Do You Like What I&rsquo;m Sayin? - J. McFarlane&rsquo;s Reality Guest">Do You Like What I&rsquo;m Sayin? - J. McFarlane&rsquo;s Reality Guest</a></li>
<li>
<a href="#balto---enter-the-haggis" aria-label="Balto - Enter the Haggis">Balto - Enter the Haggis</a></li>
<li>
<a href="#no-more-tears---ozzy-osbourne" aria-label="No More Tears - Ozzy Osbourne">No More Tears - Ozzy Osbourne</a></li>
<li>
<a href="#whatsername---green-day" aria-label="Whatsername - Green Day">Whatsername - Green Day</a>
</li>
</ul>
</ul>
</li>
</ul>
</div>
</details>
<div class="post-content md-content"><p><strong>Some remixed tunes for your wubby pleasure</strong></p>
<h1 id="remixes">Remixes<a hidden class="anchor" aria-hidden="true" href="#remixes">#</a></h1>
<h3 id="chixnribz-lost">ChixNRibz (lost)<a hidden class="anchor" aria-hidden="true" href="#chixnribz-lost">#</a></h3>
<p>Unfortunately I can&rsquo;t find this one right off, but chronologically it&rsquo;s the first &ldquo;remix&rdquo; I did - Bridges and Rivers by The Chicken Street Band. What follows is a byproduct of that project, though.</p>
<hr>
<h3 id="number-one---tophouse">Number One - <a href="https://tidal.com/artist/8994731">Tophouse</a><a hidden class="anchor" aria-hidden="true" href="#number-one---tophouse">#</a></h3>
<p>Technically the second remix I did. A great nerdy folk group, no shortage of LotR love at their shows (complete with live readings of passages from The Hobbit). I could hear the remix in my head on the first listen, this is what followed.</p>
<p>Best described internally as &ldquo;Topsmokers&rdquo;</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/remixes/numberone.wav" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="do-you-like-what-im-sayin---j-mcfarlanes-reality-guest">Do You Like What I&rsquo;m Sayin? - J. McFarlane&rsquo;s Reality Guest<a hidden class="anchor" aria-hidden="true" href="#do-you-like-what-im-sayin---j-mcfarlanes-reality-guest">#</a></h3>
<p>A top notch weird band out of Australia. Henry Rollins played two of their songs on the brief run of &ldquo;The Cool Quarantine&rdquo; he did with KCRW back in 2020. <a href="https://tidal.com/artist/16046483">Go check &rsquo;em out</a></p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/remixes/doyoulike.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="balto---enter-the-haggis">Balto - <a href="https://tidal.com/artist/3568001">Enter the Haggis</a><a hidden class="anchor" aria-hidden="true" href="#balto---enter-the-haggis">#</a></h3>
<p>Pretty proud of this one, tbh.</p>
<p>This band has meant a lot to me for a long time, it was only fitting to wub one of their tunes.</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/remixes/baltoREMIX10.wav" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="no-more-tears---ozzy-osbourne">No More Tears - <a href="https://tidal.com/artist/615">Ozzy Osbourne</a><a hidden class="anchor" aria-hidden="true" href="#no-more-tears---ozzy-osbourne">#</a></h3>
<p>Losing Ozzy hit me harder than I anticipated it would. I hadn&rsquo;t cried like that since Neil Peart. This one never got finished, but I do like where it went. Maybe I&rsquo;ll get back to it.</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/remixes/baltoREMIX10.wav" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<h3 id="whatsername---green-day">Whatsername - <a href="https://tidal.com/artist/13866">Green Day</a><a hidden class="anchor" aria-hidden="true" href="#whatsername---green-day">#</a></h3>
<p>This one&rsquo;s pretty basic compared to the others, they&rsquo;re all just for fun, but I basically just wanted to hear the tune gamified. I think I succeeded. The back half is pretty fun and dancey.</p>
<figure>
<audio controls preload="metadata" style="width: 100%;">
<source src="/audio/techno/remixes/whatsername1.wav" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</figure>
<hr>
<p>That&rsquo;s it for now&hellip;.</p>
<hr>
</div>
<footer class="post-footer">
<ul class="post-tags">
</ul>
</footer>
</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>
<script>
document.querySelectorAll('pre > code').forEach((codeblock) => {
const container = codeblock.parentNode.parentNode;
const copybutton = document.createElement('button');
copybutton.classList.add('copy-code');
copybutton.innerHTML = 'copy';
function copyingDone() {
copybutton.innerHTML = 'copied!';
setTimeout(() => {
copybutton.innerHTML = 'copy';
}, 2000);
}
copybutton.addEventListener('click', (cb) => {
if ('clipboard' in navigator) {
navigator.clipboard.writeText(codeblock.textContent);
copyingDone();
return;
}
const range = document.createRange();
range.selectNodeContents(codeblock);
const selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
try {
document.execCommand('copy');
copyingDone();
} catch (e) { };
selection.removeRange(range);
});
if (container.classList.contains("highlight")) {
container.appendChild(copybutton);
} else if (container.parentNode.firstChild == container) {
} else if (codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.nodeName == "TABLE") {
codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.appendChild(copybutton);
} else {
codeblock.parentNode.appendChild(copybutton);
}
});
</script>
</body>
</html>
public/music/technostuff/index.html
+4 -10
View File
@@ -5,11 +5,9 @@
<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>Technostuff | TheWittyBanter.com</title>
<title>Techno Stuff | TheWittyBanter.com</title>
<meta name="keywords" content="">
<meta name="description" content="I have fun with the techno stuff, haven&rsquo;t really gotten back to it in a while.
Remixes
Original Compositions">
<meta name="description" content="Original Compositions">
<meta name="author" content="">
<link rel="canonical" href="//localhost:1313/music/technostuff/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.cd9298b33628769aa1bc1acebbbfd7aa11ce81dfe03484d479e1907760249a1d.css" integrity="sha256-zZKYszYodpqhvBrOu7/XqhHOgd/gNITUeeGQd2Akmh0=" rel="preload stylesheet" as="style">
@@ -116,7 +114,7 @@ Original Compositions">
</svg>
</nav>
<h1 class="post-title entry-hint-parent">
Technostuff
Techno Stuff
<span class="entry-hint" title="Draft">
<svg xmlns="http://www.w3.org/2000/svg" height="35" viewBox="0 -960 960 960" fill="currentColor">
<path
@@ -135,8 +133,6 @@ Original Compositions">
</summary>
<div class="inner"><ul>
<li>
<a href="#remixes" aria-label="Remixes">Remixes</a></li>
<li>
<a href="#original-compositions" aria-label="Original Compositions">Original Compositions</a>
</li>
@@ -144,9 +140,7 @@ Original Compositions">
</div>
</details>
<div class="post-content md-content"><p>I have fun with the techno stuff, haven&rsquo;t really gotten back to it in a while.</p>
<h1 id="remixes">Remixes<a hidden class="anchor" aria-hidden="true" href="#remixes">#</a></h1>
<h1 id="original-compositions">Original Compositions<a hidden class="anchor" aria-hidden="true" href="#original-compositions">#</a></h1>
<div class="post-content md-content"><h1 id="original-compositions">Original Compositions<a hidden class="anchor" aria-hidden="true" href="#original-compositions">#</a></h1>
</div>