diff options
Diffstat (limited to 'dump.html')
| -rw-r--r-- | dump.html | 163 |
1 files changed, 163 insertions, 0 deletions
diff --git a/dump.html b/dump.html new file mode 100644 index 0000000..7a8167b --- /dev/null +++ b/dump.html @@ -0,0 +1,163 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta charset="Unicode"> + <meta name="description" content="Radio's dump of incomplete and/or discarded music"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <link href="common.css" rel="stylesheet" type="text/css"> + + <title>Soft Machine | Music Dump</title> + + <style> + body { + background-image: url(img/music/orbiteener.gif); + } + + #main { + /*border: dotted; + border-color: #8F2037;*/ + width: 80vw; + margin: auto; + background-color: rgba(0, 0, 0, 0.8); + box-shadow: 0 0 20px 25px rgba(0,0,0,0.8); + border-radius: 10px; + } + + @media (max-width: 900px) { + .intro { + display: flex; + justify-content: center; + gap: 50px; + flex-wrap: wrap; + margin-bottom: 20px; + } + + .intro img { + width: 40%; + } + + #introp { + width: 100% !important; + } + + .sticky { + position: relative !important; + width: 50% !important; + margin-left: auto; + margin-right: auto; + display: block; + } + } + + .intro { + display: inline-flex; + justify-content: center; + gap: 50px; + flex-wrap: wrap; + margin-bottom: 20px; + } + + .intro img { + height: 40%; + } + + #introp { + width: 40%; + } + + .container { + display: flex; + flex-wrap: wrap; + /*flex-direction: row-reverse;*/ + justify-content: center; + gap: 20px 30px; + } + + .container div { + /*width: 40%;*/ + width: min-content; + max-width: 400px; + height: min-content; + border-bottom: 2px dashed #8f203680; + } + + h2 { + font-family: 'Nanum', Georgia, 'Times New Roman', Times, serif; + font-weight: bold; + font-size: 1.3em; + } + + .genre { + font-style: italic; + font-size: 0.9em; + } + + .sticky { + position: fixed; + bottom: 0; + right: 0; + z-index: 3; + width: 15%; + } + + .stickyleft { + position: fixed; + bottom: 0; + left: 0; + z-index: 3; + padding: 10px; + height: 5%; + } + </style> +</head> +<body> + <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> + + <div id="main"> + <div class="intro"> + <div id="introp"> + <h1>Music Bin</h1> + <p> + Some music sits in the corner, remaining unfinished for a long time. Some music represents a spark of an idea that is unexplored. Some music is finished, but deemed too old for the main page, or I no longer like it. + </p> + <br> + <a href="music.html">Go back</a> + </div> + <img src="img/music/wobbleener.gif"> + </div> + + <div class="container"> + <div> + <h2>"unthink melody remxi thing" remix - May 26th, 2026</h2> + <iframe width="384" height="60" style="border: none;" src="https://jummb.us/player/#song=j6N0wunthink%20melody%20remxi%20thingn721s0k0l08e07t1pa7g0fj09r1Oaa48kk1_U00000000000000000000i0o5214441T0v0pu00f020k412700q9520Oa6dmd030w7h5E0c0T3v0eu03f030k61942gb00q1I020m118400700Oa7cd040SW007g68PUr709h9E190c0nT8v0iu08f010h800qw510Oavd050x531WME0c0T1v0pub5f0000q0B1710Oa0d230A5F4B6Q0001PecaaR0000E4c0b262963979T3v0pu03f162q1B010u6000Oa751d040Sw1i4gmhoMO70g0iE1c0biT3v0pu03f134qwA010tc0010Oad050SW9p42d1pNX6q0o9E1c0biT1v0pufbf0000q040Oad020A0F0B0Q9000Pf000R0000E2c050617T2v0pu02f180q040Oad030w6E0c0T4v0puf0f1a0q050Oa0z6666ji8k8k3jSBKSJJAArriiiiii07JCABrzrrrrrrr00YrkqHrsrrrrjr005zrAqzrjzrrqr1jRjrqGGrrzsrsA099ijrABJJJIAzrrtirqrqjqixzsrAjrqjiqaqqysttAJqjikikrizrHtBJJAzArzrIsRCITKSS099ijrAJS____Qg99habbCAYrDzh00E0c0Tav0pu00f0000q00d040E0c0b4xci4M00000i4N8j4xci4Ngz52ck8Ngz000id18Q4zg000004xci4M000000018i0000014h4h40018Q05pUCw00000y8y8y40000200000p2bbFAu14s6hOdagAE4zAyehEAtfj5ZCMhROeNi8WtgOWCBA6H4nFAu3G2FxqB7aAqCgqmPtczQ2dcbhEFyWeTcI1j8Yp8zwOehFi4D0AsChOd4zFWoLwX17n8X58zFR3bQ1v2kOeEhSqN7hHCm0FDE-8mhkPCZchFD7UcLBWhv9BW9uE5Z8RMbetnf4tzP5Rszpg92GPzeDRsVLlO2lk9HdRsYnThM6qx1HbeDQ8WdjexRtakxE0kOf4ozwOehFi4B0AsAhOd4zFWoLJS2eKhSah7jG6nkQIwRoyZczMtglcbkEVkzkO3iSrFAuwhFxqd5cnhSVBwap7yd1FyV6B8im0Om8Qhquj5PuoHVyAbjOx7GaukFmaSlHVyybjOoK1VyNBYNAsIhRdb8d2MLj8ZqIaC5IQsKhGp1FqR-o4qomzhXzJPb0kOfm4t2bG97g8W17g8S6hW1qCbEg2p7F4o0FAoIE4t1cL4i_8M17hOhvOawhQcynV4zEkczkFyyixgE2QdxIy_8QOezAJLgEkeOk2exIJ0atBkO538XdcslEk9ULM3gEka52xgDB-WAuhaq1jgaq1jgaq1jgaq0IzE2YiO9jgaq1jg5Oehaq1jg5At0FE5d0FE5d0FE2Qa52xgEka4zE5d0FE5d0FE5d0FE2IcL24Gp6baqpu9kGd6zhEO-0bW1vgbW011v_gtHNTkfca89uwE1Vw00"></iframe> + <p>I tried to complete <a href="https://murumart.neocities.org/m/beeps/">Murumart</a>'s doodle, but it turned out nothing like I intended, instead becoming a techno thing.</p> + </div> + <div> + <h2>my walk</h2> + <audio loading="lazy" controls="true"> + <source src="music/mywalk.mp3"> + </audio> + <p>I had a big grand idea for a song that samples a 10 minute walk I recorded, which would add texture. I didn't do much with this because my computer would explode. Ignore the terrible bit at the end.</p> + </div> + <div> + <h2>Slow</h2> + <audio loading="lazy" controls="true"> + <source src="music/slow.mp3"> + </audio> + <p>Another "my computer is exploding so I can't finish this" song. The guitar was an improvised jam, and it is incredibly off-beat, so I made the drum equally off. I liked it when I made it. Unfinished.</p> + </div> + <div> + <h2>Toy Orchestra</h2> + <audio loading="lazy" controls="true"> + <source src="music/toy.mp3"> + </audio> + <p>This was fun to make. I recorded everything in it (except the cello, that was my neighbor) with no mindfulness whatsoever of every other track, because each track was recorded with the intention to sample the "hits" individually and then mess with the rest, but when I laid everything together, it turned out pretty cool. There are two versions, one where everything was just thrown together and handled by Bitwig, and another with some manual arrangement. I only included the first one because it sounded better.</p> + </div> + </div> + + <a href="https://murumart.neocities.org/m/beeps/"><img src="img/music/guy.gif" class="stickyleft"></a> + <img src="img/music/speener.gif" class="sticky"> +</body> +</html>
\ No newline at end of file |