diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 100 |
1 files changed, 51 insertions, 49 deletions
@@ -1,52 +1,54 @@ <!DOCTYPE html> <html lang=en> - <head> - <meta charset=UTF-8> - <link rel="stylesheet" type="text/css" href="style.css"> - <title>Tapes</title> - <script src="/skewer"></script> - </head> - <body> - <div class="intro"> - <p> - Still in the works, but you can listen to the music of my 2019 music journal. - I intend to add writings to add to the musical/life journey of the past year. - More tapes will be added to the collection over time. Enjoy! sh.sh. - </p> - </div> - <div class="tape-container"> - <div class="side"> - <h3>Winter</h3> - <a href="tape-deck.html?side=A"> - <img src="images/side-a.jpeg" class="tape"> - </a> - </div> - <div class="side"> - <h3>Spring</h3> - <a href="tape-deck.html?side=B"> - <img src="images/side-b.jpeg" class="tape"> - </a> - </div> - </div> - <div class="tape-container"> - <div class="side"> - <h3>Summer</h3> - <a href="tape-deck.html?side=C"> - <img src="images/side-c.jpeg" class="tape"> - </a> - </div> - <div class="side"> - <h3>Autumn</h3> - <a href="tape-deck.html?side=D"> - <img src="images/side-c.jpeg" class="tape"> - </a> - </div> - </div> - <div class="side"> - <h3>More Music...</h3> - <a href="recordings.html"> - <img src="images/famicom-recorder.jpeg" class="img-center"> - </a> - </div> - </body> + <head> + <meta charset=UTF-8> + <link rel="stylesheet" type="text/css" href="style.css"> + <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/gnu-unifont" type="text/css"/> + <title>Tapes</title> + <script src="/skewer"></script> + </head> + <body> + <div class="intro"> + <p> + Still in the works, but you can listen to the music of my 2019 music journal. + I intend to add writings to add to the musical/life journey of the past year. + More tapes will be added to the collection over time. Click on a tape to put + it in the "tape deck" and then press play. Enjoy! sh.sh. + </p> + </div> + <div class="tape-container"> + <div class="side"> + <h3>Winter</h3> + <a href="tape-deck.html?side=A"> + <img src="images/side-a.jpeg" class="tape"> + </a> + </div> + <div class="side"> + <h3>Spring</h3> + <a href="tape-deck.html?side=B"> + <img src="images/side-b.jpeg" class="tape"> + </a> + </div> + </div> + <div class="tape-container"> + <div class="side"> + <h3>Summer</h3> + <a href="tape-deck.html?side=C"> + <img src="images/side-c.jpeg" class="tape"> + </a> + </div> + <div class="side"> + <h3>Autumn</h3> + <a href="tape-deck.html?side=D"> + <img src="images/side-c.jpeg" class="tape"> + </a> + </div> + </div> + <div class="side"> + <h3>More Music...</h3> + <a href="recordings.html"> + <img src="images/famicom-recorder.jpeg" class="img-center"> + </a> + </div> + </body> </html> |