src/Pages/music.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="UTF-8">
                <title>256phi</title>
                <link rel="stylesheet" href="../Style/style.css">
        </head>
        <body>
                <!-- Background with OpenGL -->
                <canvas id="bg"></canvas>
                <div class="container">
			<h1>Music we found on the web and like</h1>

			<ul>
				<li><a href="https://www.youtube.com/watch?v=WIKLHxdhhHo", target="_blank">RUSSIAN ROULETTE // Staircatte (2mb_ki's_200BPM_Hardcore_Bootleg)</a></li>
					<li><a href="https://www.youtube.com/watch?v=jb-S1gmQgcY", target="_blank">crazy error | looking out for you - joy again</a></li>
					<li><a href="https://www.reddit.com/r/anthroswim/comments/1qn30x4/paranoia_avidalaliberte/">Paranoia &ltdavid.a.laliberte&gt</a></li>
			</ul>
<footer>
                                <p>© 256phi | 2026 | <a href="/home">Home</a></p>
                        </footer>
                </div>
                <svg style="position:absolute;width:0;height:0;" xmlns="http://www.w3.org/2000/svg">
                        <filter id="glitch">
                                <feTurbulence numOctaves="1" baseFrequency="0.01 0.1" type="fractalNoise" result="fine" />
                                <feComponentTransfer in="displaceRaw" result="displace">
                                        <feFuncR type="discrete" tableValues="0 .2 .4 .5 .6 .8 1" />
                                        <feFuncA type="discrete" tableValues="0" />
                                </feComponentTransfer>
                                <feDisplacementMap in="SourceGraphic" in2="displace" xChannelSelector="R" scale="15" />
                        </filter>
                </svg>
                <script type="module" src="../Background/main.js"></script>
        </body>
</html>