diff options
| author | Grant Shangreaux <grant@unabridgedsoftware.com> | 2020-12-23 21:22:23 -0600 |
|---|---|---|
| committer | Grant Shangreaux <grant@unabridgedsoftware.com> | 2020-12-23 21:22:23 -0600 |
| commit | ccb2dc65ae13c8ae84397b21b5c362766efa4319 (patch) | |
| tree | d3e7e7a84732a3e2133d49538d5023ebc6116a33 | |
| parent | acf1dce46fbcde965581ffacab2f520902bd5663 (diff) | |
Clean: indentation Add: unifont
| -rw-r--r-- | index.html | 100 | ||||
| -rw-r--r-- | style.css | 2 |
2 files changed, 52 insertions, 50 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> @@ -3,7 +3,7 @@ body { } p { - font-family: Courier, Monospace; + font-family: UnifontMedium, Courier, Monospace; font-size: .8em; width: 80%; margin: auto; |