<!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>