diff options
Diffstat (limited to 'library.html')
| -rw-r--r-- | library.html | 128 |
1 files changed, 128 insertions, 0 deletions
diff --git a/library.html b/library.html new file mode 100644 index 0000000..a8b9e33 --- /dev/null +++ b/library.html @@ -0,0 +1,128 @@ +<!DOCTYPE HTML> +<html> +<head> + <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, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <title>Soft Machine | Library</title> + <link href="common.css" rel="stylesheet" type="text/css"> + + <style> + .container { + display: flex; + flex-direction: row; + justify-content: space-evenly; + } + + .column { + display: inline-block; + width: 50%; + } + + .column h2 { + margin-top: 0px; + } + + .items { + display: flex; + flex-flow: row wrap; + justify-content: space-between; + gap: 10px; + } + + .items img { + flex: 0 0 auto; + height: 200px; + transition: 0.2s; + } + + .items img:hover { + height: 250px; + filter: drop-shadow(0 0 10px rgba(255,255,255,0.9)); + } + + li { + line-height: 1.5; + } + </style> +</head> +<body> + <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> + + <div class="shadow"> + <h1>Library</h1> + + <div class="container"> + <div class="column"> + <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> + <h2>Currently Reading:</h2> + <ul> + <li>Bernando Zannoni - My Stupid Intentions</li> + <li>Jean Paul Sartre - Nausea</li> + <li>William S. Burroughs - Naked Lunch</li> + </ul> + <h2>On Hold:</h2> + <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> + <h2>Recently Finished:</h2> + <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><sup>1</sup>I should add music... After all, music is my favourite thing in the world.</p> + + </div> + + <div class="column"> + <h2>Favourite books<sup>2</sup></h2> + <div class="items"> + <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"> + <img src="img/lib/flowers.jpg" alt="Flowers of Evil - Oshimi Shuzo"> + <img src="img/lib/blood.jpg" alt="Blood on the Tracks - Oshimi Shuzo"> + </div> + + <hr> + + <h2>Favourite films</h2> + <div class="items"> + <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> + </div> +</body> +</html> |