diff options
Diffstat (limited to 'old/books.html')
| -rw-r--r-- | old/books.html | 108 |
1 files changed, 108 insertions, 0 deletions
diff --git a/old/books.html b/old/books.html new file mode 100644 index 0000000..e29811a --- /dev/null +++ b/old/books.html @@ -0,0 +1,108 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="house.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="The Weight of Comfort"> + <meta name="keywords" content="Personal, Music, Poetry, Radiohotline, Teethinvitro"> + <meta name="author" content="Radiohotline"> + <title>Library</title> + <style> + .flex { + flex-direction: row; + justify-content: center; + } + img { + height: 200px; + } + + li { + line-height: 1.5; + } + </style> +</head> +<body> + <nav> + <h1>Soft Machine</h1> + <span> + <a href="house.html">home</a>   + <a href="about.html">about</a>   + <a href="art.html">art</a>   + <a href="music.html">music</a>   + <a href="thoughts.html">thoughts</a>   + <a href="muse.html">muse</a>   + <a href="poetry.html">poetry</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + <h2>Library</h2> + <div class="col"> + <div style="width: 50%; border-right: 1px solid black;"> + <p><a href="https://www.goodreads.com/user/show/164235846-c">Goodreads</a> - <a href="https://letterboxd.com/tatami_room/">Letterboxd</a> - <a href="https://anilist.co/user/radiohotline/">AniList</a> - <a href="https://listenbrainz.org/user/falloftroy">Listenbrainz</a><sup>1</sup></p> + <h3>Currently Reading:</h3> + <ul> + <li>Bernando Zannoni - My Stupid Intentions</li> + <li>Jean Paul Sartre - Nausea</li> + <li>William S. Burroughs - Naked Lunch</li> + </ul> + <h3>On Hold:</h3> + <ul> + <li>Uketsu - Strange Pictures</li> + <li>Oscar Wilde - The Picture of Dorian Gray</li> + <li>Yevgeny Zamyatin - We</li> + <li>Fyodor Dostoevsky - Notes From Underground</li> + </ul> + <h3>Recently Finished:</h3> + <ul> + <li>Lewis Carroll - Alice's Adventures in Wonderland</li> + <li>Uketsu - Strange Houses</li> + <li>Sarah Kane - 4.48 Psychosis</li> + <li>Urs Allemann - Babyfucker</li> + </ul> + + <hr> + + <p class="j"><sup>1</sup>Maybe I should add music... After all, music is my favourite thing in the world.</p> + <p><sup>2</sup>Some favourites are ancient and could use a refresh. I shall see if they still hold the same impact.</p> + </div> + <div style="padding-left: 30px;"> + <h3>Favourite books<sup>2</sup></h3> + <div class="flex"> + <img src="img/lib/hol.jpeg" alt="House of Leaves - Mark Z. Danielewski"> + <img src="img/lib/necro.jpg" alt="The Necrophiliac - Gabrielle Wittkop"> + <img src="img/lib/acwo.jpg" alt="A Clockwork Orange - Anthony Burgess"> + <img src="img/lib/naked.jpg" alt="Naked Lunch - William S. Burroughs"> + <img src="img/lib/448.jpg" alt="4.48 Psychosis - Sarah Kane"> + <img src="img/lib/baby.jpg" alt="Babyfucker - Urs Allemann"> + <img src="img/lib/stranger.jpg" alt="The Stranger - Albert Camus"> + <img src="img/lib/alice.jpg" alt="Alice's Adventures in Wonderland - Lewis Carroll"> + <img src="img/lib/perfume.jpg" alt="Perfume: The Story of a Murderer - Patrick Süskind"> + <img src="img/lib/snake.jpg" alt="The Man Who Spoke Snakish - Andrus Kivirähk"> + <img src="img/lib/forgive.jpg" alt="Forgive Me, Leonard Peacock - Matthew Quick"> + <img src="img/lib/trans.jpg" alt="Enlightened Transsexual Comix - Sam Szabo"> + <img src="img/lib/punpun.jpg" alt="Oyasumi Punpun - Inio Asano"> + <img src="img/lib/girl.jpeg" alt="Girl on the Shore - Inio Asano"> + <img src="img/lib/child.jpg" alt="Child of God - Kyoudai Nishioka"> + <img src="img/lib/claudine.jpg" alt="Claudine - Ryoko Ikeda"> + </div> + <hr> + <h3>Favourite films</h3> + <div class="flex"> + <img src="img/film/angel.jpg" alt="Angel's Egg (1985)"> + <img src="img/film/clock.jpg" alt="A Clockwork Orange (1971)"> + <img src="img/film/martin.jpg" alt="Martin (1977)"> + <img src="img/film/dancer.jpg" alt="Dancer in the Dark (2000)"> + <img src="img/film/if.jpg" alt="If.... (1968)"> + <img src="img/film/maude.jpg" alt="Harold and Maude (1971)"> + <img src="img/film/planet.jpg" alt="La Planet Sauvage (1973)"> + <img src="img/film/little.jpg" alt="Little Miss Sunshine (2006)"> + <img src="img/film/theblacktower.jpg" alt="The Black Tower (1987)"> + </div> + </div> + </div> +</body> +</html> |