Mercurial > web

comparison music.html @ 20:79a7939810c0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Complete redesign TODO: Make a player for the music page
author Paper <mrpapersonic@gmail.com>
date Sun, 12 Dec 2021 06:43:24 -0500
parents
children 3c7989047451
comparison
equal deleted inserted replaced
19:53d58f906e0a 20:79a7939810c0
1 <!DOCTYPE html>
2 <head>
3 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
4 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
5 <title>Music - Paper's website</title>
6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 <style>
8 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap');
9 .navbar {
10 background: linear-gradient(to bottom, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0) 100%);
11 }
12 body {
13 font-family: 'Source Sans 3', sans-serif;
14 color: white;
15 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
16 background-image: url("forest.png");
17 text-align: center;
18 }
19 div.box {
20 padding: 10px;
21 margin: 1% auto;
22 max-width: 500px;
23 left: 0;
24 right: 0;
25 background-color: rgba(0, 0, 0, 0.7);
26 color: white;
27 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
28 top: 50%;
29 text-align: center;
30 }
31 a:link, a:visited, a:hover, a:active {
32 color: #ff6600;
33 }
34 </style>
35 </head>
36 <body>
37 <nav class="navbar navbar-expand-lg navbar-dark">
38 <div class="container-fluid">
39 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
40 <span class="navbar-toggler-icon"></span>
41 </button>
42 <div class="collapse navbar-collapse" id="navbarSupportedContent">
43 <ul class="navbar-nav me-auto mb-1 mb-lg-3">
44 <li class="nav-item">
45 <a class="nav-link" href="index.html">Home</a>
46 </li>
47 <li class="nav-item">
48 <a class="nav-link active" aria-current="page" href="#">Music</a>
49 </li>
50 </ul>
51 </div>
52 </div>
53 </nav>
54 <h1>Music</h1>
55 <div class="box">
56 <h2>Originals</h2>
57 <p><a href="music/paper_-_shartlover.s3m">xX ShartLover1337 Xx [.S3M]</a></p>
58 <p><a href="music/paper_-_reaching_the_world_border.it">Reaching the World Border [.IT]</a></p>
59 <p><a href="music/paper_-_sarta.mptm">THIS IS SARTA [.MPTM]</a></p>
60 </div>
61 <div class="box">
62 <h2>Covers</h2>
63 <p><a href="paper_-_bob-omb_battlefield_remix.it">Super Mario 64 - Bob-omb Battlefield Remix [.IT]</a></p>
64 <p><a href="music/paper_-_point_of_no_hi-score.it">(mashup) Drax - Tiger Mission Hi-score + ESCHATOS OST - Point of No Return [.IT]</a></p>
65 <p><a href="music/paper_-_vrc6n001_remake.it">(remake) Naruto - VRC6N001 [.IT]</a></p>
66 <p><a href="music/paper_-_hip_shop.it">Deltarune - Hip Shop [.IT]</a></p>
67 <p><a href="music/paper_-_nerou.it">ziner - Flatwoods Monster [.IT]</a></p>
68 <p><a href="music/paper_-_drip.xm">Leonz - Among Us Drip Theme [.XM]</a></p>
69 <p><a href="music/paper_-_3005.it">Childish Gambino - 3005 [.IT]</a></p>
70 <p><a href="music/paper_-_infinity.it">Cho Ren Sha 68k - Infinity [.IT]</a></p>
71 <p><a href="music/paper_-_bestending.it">Aphex Twin - Avril 14th [.IT]</a></p>
72 <p><a href="music/paper_-_visitors.xm">KOTO - Visitors [.XM]</a></p>
73 <p><a href="music/paper_-_vrc6n001.it">Naruto - VRC6N001 [.IT]</a></p>
74 </div>
75 </body>