<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<meta name="theme-color" content="#000000" />
<title>Music Fight </title>
<meta name="description" content="Select between two different tracks">
<link rel="stylesheet" href="/css/index.css">
<link rel="stylesheet" href="/css/prism-base16-monokai.dark.css">
<link rel="alternate" href="/feed/" type="application/atom+xml" title="joshua blount is all over the internet">
<link rel="alternate" href="/feed/feed.json" type="application/json" title="joshua blount is all over the internet">
<meta name="generator" content="Eleventy v3.0.0">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta property="og:title" content="Music Fight "/>
<meta property="og:url" content="https://joshuablount.com/music/fight/new" />
<meta property="og:image" content="https://joshuablount.com/img/me.jpg" />
<meta property="og:image:alt" content="Selfie close up with a large grin wnd lots of long brown curly hair." />
<link href="https://github.com/manicExpressive" rel="me">
<link href="https://kolektiva.social/@manicExpressive" rel="me">
</head>
<body class="music">
<main class="tmpl-home" >
<div class="mftop">
<div>
<div class="mfnav">
<button>Previous</button>
<button>Skip >></button>
<a href="/">?</a>
</div>
<div class="mfbottom">
</div>
<div class="mfsongcard">
<h2></h2>
<ul>
<li><a href="">#</a></li>
<li><a href="">?</a></li>
</ul>
<div class="playpause"
<button class="play">Play</button>
<button class="pause">Pause</button>
</div>
<input type="range">
</div>
<style>
header, footer {
display: none;
}
.mfsongcard {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.mfsongcard > * {
gap: 1rem;
padding: 1rem;
background: rgb(0,0,0,.3);
}
</style>
<script>window.sweetSweetSugar = "fnAEmhMcKRAARwXfg7cdVeW9nhC9oTCGrl3KazKt";</script>
<script src="https://cdn.jsdelivr.net/npm/faunadb@latest/dist/faunadb-min.js"></script>
<script src="/_static/fight.js"></script>
</main>
<footer>
<small><span class="copyno">no copyright intended | this website isn't tracking you</span> </small>
</footer>
<!-- Current page: /music/fight/new -->
</body>
</html>