Mercurial > web
annotate music.html @ 21:3c7989047451
Make code prettier and fix a few visual errors
| author | Paper <mrpapersonic@gmail.com> |
|---|---|
| date | Sun, 12 Dec 2021 17:09:24 -0500 |
| parents | 79a7939810c0 |
| children | 36783c99e199 |
| rev | line source |
|---|---|
| 20 | 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"> | |
|
21
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
7 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
| 20 | 8 <style> |
| 9 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap'); | |
| 10 .navbar { | |
| 11 background: linear-gradient(to bottom, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0) 100%); | |
| 12 } | |
| 13 body { | |
|
21
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
14 background-size: cover; |
|
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
15 background: url("forest.png") no-repeat center center fixed; |
|
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
16 color: white; |
| 20 | 17 font-family: 'Source Sans 3', sans-serif; |
|
21
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
18 text-align: center; |
| 20 | 19 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5); |
| 20 } | |
| 21 div.box { | |
|
21
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
22 background-color: rgba(0, 0, 0, 0.7); |
|
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
23 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; |
|
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
24 color: white; |
|
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
25 left: 0; |
| 20 | 26 margin: 1% auto; |
| 27 max-width: 500px; | |
|
21
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
28 padding: 10px; |
| 20 | 29 right: 0; |
|
21
3c7989047451
Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents:
20
diff
changeset
|
30 text-align: center; |
| 20 | 31 top: 50%; |
| 32 } | |
| 33 a:link, a:visited, a:hover, a:active { | |
| 34 color: #ff6600; | |
| 35 } | |
| 36 </style> | |
| 37 </head> | |
| 38 <body> | |
| 39 <nav class="navbar navbar-expand-lg navbar-dark"> | |
| 40 <div class="container-fluid"> | |
| 41 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |
| 42 <span class="navbar-toggler-icon"></span> | |
| 43 </button> | |
| 44 <div class="collapse navbar-collapse" id="navbarSupportedContent"> | |
| 45 <ul class="navbar-nav me-auto mb-1 mb-lg-3"> | |
| 46 <li class="nav-item"> | |
| 47 <a class="nav-link" href="index.html">Home</a> | |
| 48 </li> | |
| 49 <li class="nav-item"> | |
| 50 <a class="nav-link active" aria-current="page" href="#">Music</a> | |
| 51 </li> | |
| 52 </ul> | |
| 53 </div> | |
| 54 </div> | |
| 55 </nav> | |
| 56 <h1>Music</h1> | |
| 57 <div class="box"> | |
| 58 <h2>Originals</h2> | |
| 59 <p><a href="music/paper_-_shartlover.s3m">xX ShartLover1337 Xx [.S3M]</a></p> | |
| 60 <p><a href="music/paper_-_reaching_the_world_border.it">Reaching the World Border [.IT]</a></p> | |
| 61 <p><a href="music/paper_-_sarta.mptm">THIS IS SARTA [.MPTM]</a></p> | |
| 62 </div> | |
| 63 <div class="box"> | |
| 64 <h2>Covers</h2> | |
| 65 <p><a href="paper_-_bob-omb_battlefield_remix.it">Super Mario 64 - Bob-omb Battlefield Remix [.IT]</a></p> | |
| 66 <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> | |
| 67 <p><a href="music/paper_-_vrc6n001_remake.it">(remake) Naruto - VRC6N001 [.IT]</a></p> | |
| 68 <p><a href="music/paper_-_hip_shop.it">Deltarune - Hip Shop [.IT]</a></p> | |
| 69 <p><a href="music/paper_-_nerou.it">ziner - Flatwoods Monster [.IT]</a></p> | |
| 70 <p><a href="music/paper_-_drip.xm">Leonz - Among Us Drip Theme [.XM]</a></p> | |
| 71 <p><a href="music/paper_-_3005.it">Childish Gambino - 3005 [.IT]</a></p> | |
| 72 <p><a href="music/paper_-_infinity.it">Cho Ren Sha 68k - Infinity [.IT]</a></p> | |
| 73 <p><a href="music/paper_-_bestending.it">Aphex Twin - Avril 14th [.IT]</a></p> | |
| 74 <p><a href="music/paper_-_visitors.xm">KOTO - Visitors [.XM]</a></p> | |
| 75 <p><a href="music/paper_-_vrc6n001.it">Naruto - VRC6N001 [.IT]</a></p> | |
| 76 </div> | |
| 77 </body> |