MonadsMusicMindset/index.html

130 lines
5.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Monads Music Mindset</title>
<meta name="description" content="Archives of the weekly internet radio program, Monads Music Mindset.">
<meta name="author" content="dankwraith">
<meta property="og:title" content="Monads Music Mindset">
<meta property="og:type" content="website">
<meta property="og:url" content="http://moonside.games/MonadsMusicMindset/">
<meta property="og:description" content="Archives of the weekly internet radio program, Monads Music Mindset.">
<link rel="icon" href="/favicon.ico">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="header">
Monads Music Mindset
</div>
<div class="main">
<div class="information-and-showlist">
<div class="information">
<p>Monads Music Mindset is a weekly internet radio program broadcasted on Mondays at 7PM Pacific Standard Time.</p>
<p>This page contains the archives of recorded broadcasts, and can also stream the live broadcast. I hope you'll join us for a live show!</p>
</div>
<div id="showlist">
<div class="show">
<span class="title">Live!</span>
<span class="audioURL hidden">http://moonside.games:8000/MonadsMusicMindset</span>
<div class="tracklist hidden">
<span>Live with DJ Dankwraith</span>
<span>Mondays at 7PM PST</span>
</div>
</div>
<div class="show">
<span class="title">002: psych trippin'</span>
<span class="audioURL hidden">audio/MonadsMusicMindset002.mp3</span>
<div class="tracklist hidden">
<span>Spacemen 3 - Losin' Touch With My Mind</span>
<span>Beat Happening - Pajama Party in a Haunted Hive</span>
<span>Meat Puppets - Plateau</span>
<span>Pixies - Wave of Mutilation</span>
<span>Spiritualized - Come Together</span>
<span>The Brian Jonestown Massacre - Cold to the Touch</span>
<span>Ty Segall - Caesar</span>
<span>Intelligence - Warm Transfers</span>
<span>Black Mountain - Druganaut</span>
<span>Cave - Bobby's Hash</span>
<span>Yuri Gagarin - Sonic Invasion 2910</span>
<span>Food Pyramid - GmbH</span>
<span>Belong - A Walk</span>
<span>My Bloody Valentine - Come In Alone</span>
<span>The Jesus & Mary Chain - You Trip Me Up</span>
<span>Spiritualized - All of My Thoughts</span>
<span>Spacemen 3 - Feel So Good</span>
<span>Amanaz - Khala My Friend</span>
<span>Meat Puppets - What To Do</span>
<span>Beat Happening - Don't Mix the Colors</span>
<span>The Velvet Underground - After Hours</span>
</div>
</div>
<div class="show">
<span>003: deep dive</span>
<span class="audioURL hidden">audio/MonadsMusicMindset003.mp3</span>
<div class="tracklist hidden">
<span>Jane Siberry - You Don't Need</span>
<span>Burial & Four Tet - Moth</span>
<span>Lusine - Operation Costs (Disassembled Mix)</span>
<span>Fennesz & Sakamoto - Kokoro</span>
<span>Bruno Pronsato - Feel Right</span>
<span>Gas - Zauberberg 4</span>
<span>Thomas Felhmann - Rainbow Over Stadtautobahn</span>
<span>Jürgen Müller - Traumfolge Einier Qualle (Dream Sequence for a Jellyfish)</span>
<span>Aphex Twin - Xtal</span>
<span>Kaito - Trust</span>
<span>Oval - Do While Apple-X</span>
<span>Baths - Miasma Sky</span>
<span>Gui Boratto - Take My Breath Away</span>
<span>Orbital - Halcyon + On + On</span>
<span>Steve Hauschildt - Tragedy & Geometry</span>
<span>Luomo - Tessio</span>
<span>Pole - Strand</span>
<span>Triola - Ag Penthouse</span>
</div>
</div>
</div>
</div>
<div class="audio-player-and-tracks">
<span id="audio-title" class="show"></span>
<div id="audio-player" class="hidden">
<audio preload="metadata"></audio>
<div class="player">
<button id="play-icon"></button>
<span id="current-time" class="time">0:00:00</span>
<input type="range" id="seek-slider" max="100" value="0">
<span id="duration" class="time">0:00:00</span>
</div>
<div class="volume">
<span id="mute-icon">Volume</span>
<input type="range" id="volume-slider" max="100" value="100">
</div>
</div>
<div id="show-info">
<div class="tracklist"></div>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>