diff options
| -rw-r--r-- | archive.html | 55 | ||||
| -rw-r--r-- | art.html | 3 | ||||
| -rw-r--r-- | books.html | 108 | ||||
| -rw-r--r-- | common.css | 16 | ||||
| -rw-r--r-- | index.html | 59 | ||||
| -rw-r--r-- | links.html | 20 | ||||
| -rw-r--r-- | muse.html | 3 | ||||
| -rw-r--r-- | music.html | 136 | ||||
| -rw-r--r-- | poetry.html | 9 | ||||
| -rw-r--r-- | projects.html | 12 | ||||
| -rw-r--r-- | santa/bgs/postal_bg_m.gif | bin | 66510 -> 0 bytes | |||
| -rw-r--r-- | santa/brdrs/postal_letter_brdr.png | bin | 303 -> 0 bytes | |||
| -rw-r--r-- | santa/global.css | 47 | ||||
| -rw-r--r-- | santa/imgs/about.png | bin | 806 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/grass.png | bin | 3220 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/grass2.png | bin | 7784 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/hoard.png | bin | 695 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/home.png | bin | 407 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/index.png | bin | 459 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/links.png | bin | 391 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/microblog.png | bin | 501 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/music.png | bin | 684 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/postman.png | bin | 423 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/sitemap.png | bin | 446 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/sotw.png | bin | 393 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/woman.png | bin | 5998 -> 0 bytes | |||
| -rw-r--r-- | santa/imgs/writing.png | bin | 453 -> 0 bytes | |||
| -rw-r--r-- | santa/main.css | 162 | ||||
| -rw-r--r-- | santa/robots.txt | 197 | ||||
| -rw-r--r-- | santa/sitemap.html | 261 | ||||
| -rw-r--r-- | thoughts.html | 35 | ||||
| -rw-r--r-- | txt/alive.txt | 242 | ||||
| -rw-r--r-- | txt/birth.txt | 52 | ||||
| -rw-r--r-- | txt/isolation.txt | 102 |
34 files changed, 383 insertions, 1136 deletions
diff --git a/archive.html b/archive.html deleted file mode 100644 index fe3f429..0000000 --- a/archive.html +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE HTML> -<html> -<head> - <link href="art.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, Art, Radiohotline, Teethinvitro"> - <meta name="author" content="Radiohotline"> - <title>Art</title> -</head> -<body> - <nav> - <h1>Soft Machine</h1> - <span style="font-weight: bold;"> - <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>Art</h2> - <h3>Finished</h3> - - <div class="art-container"> - <h4>2025</h4> - <img loading="lazy" src="img/art/2025/jojomart.jpeg"> - <img loading="lazy" src="img/art/2025/bikeghost.jpg"> - <h4>2024</h4> - <img loading="lazy" src="img/art/2024/aphrodite.jpg"> - <h4>2023</h4> - <img loading="lazy" src="img/art/2023/mobpsychofinal2.png"> - <img loading="lazy" src="img/art/2023/mart.jpg"> - <img loading="lazy" src="img/art/2023/mind_parasite.png"> - <h4>2022</h4> - <img loading="lazy" src="img/art/2022/IMG_20240718_224050.jpg"> - <img loading="lazy" src="img/art/2022/seki.jpg"> - <img loading="lazy" src="img/art/2022/link.jpg"> - <img loading="lazy" src="img/art/2022/IMG_20220829_203310.jpg"> - <img loading="lazy" src="img/art/2022/IMG_20220127_205955.jpg"> - <h4>2021</h4> - <img loading="lazy" src="img/art/2021/2021satoru.jpg"> - <img loading="lazy" src="img/art/2021/IMG_20211225_210622.jpg"> - <img loading="lazy" src="img/art/2021/IMG_20211223_202541.jpg"> - <img loading="lazy" src="img/art/2021/IMG_20210311_170418.jpg"> - </div> -</body> -</html> @@ -43,14 +43,13 @@ <nav> <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="library.html">library</a>   <a href="projects.html">projects</a>   <a href="links.html">links</a>   </span> diff --git a/books.html b/books.html deleted file mode 100644 index e29811a..0000000 --- a/books.html +++ /dev/null @@ -1,108 +0,0 @@ -<!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> @@ -11,6 +11,10 @@ h1, h2, h3, h4, h5, h6 { color: rgb(228, 222, 210); } +p, li { + font-size: 1em; +} + p, li, summary, embed { font-family: 'Nanum', Georgia, 'Times New Roman', Times, serif; color: rgb(228, 222, 210); @@ -42,13 +46,13 @@ a:hover { } .logo img { - width: 300px; + width: 30rem; transition: 0.4s; filter: drop-shadow(0 0 10px rgba(0,0,0,0.9)); } .logo img:hover { - width: 500px; + width: 35rem; filter: drop-shadow(0 0 10px rgba(255,255,255,0.9)); } @@ -68,8 +72,8 @@ a:hover { display: flex; justify-content: center; align-items: center; - max-height: 500px; - min-height: content; + max-height: 50vh; + min-height: auto; } .flex a { @@ -87,12 +91,14 @@ a:hover { border-radius: 50%; filter: blur(8px); z-index: 0; + width: 90%; } .flex img { display: block; position: relative; z-index: 1; + height: auto; } .flex img:hover { @@ -229,4 +235,4 @@ a:hover { font-family: 'Cherry'; src: url('fonts/CherryBombOne.ttf') format('truetype'); font-display: swap; -}
\ No newline at end of file +} @@ -38,13 +38,13 @@ #two a:nth-child(2)::after { bottom: 2%; left: 8%; - height: 10%; + height: 10%; } #two a:nth-child(3)::after { bottom: 0px; left: 0px; - width: 105%; + width: 105%; height: 45%; } @@ -58,26 +58,24 @@ bottom: 5%; left: 5%; height: 55%; - width: 102%; + width: 102%; } .eye { - width: 2.4vw; - height: 2.4vw; - background: rgb(209, 209, 209); + background: rgb(212, 212, 212); border-radius: 50%; - position: relative; + position: absolute; display: inline-block; - margin: 20px; + margin: 0; overflow: hidden; z-index: 2; } .white { width: 100%; - height: 60%; - box-shadow: 0px 0px 10px 3px white; - background: white; + height: 50%; + box-shadow: 0px 0px 7px 3px rgb(230, 230, 230); + background: rgb(230, 230, 230); border-radius: 50%; position: absolute; top: 70%; @@ -87,8 +85,8 @@ } .pupil { - width: 0.63vw; - height: 0.63vw; + width: 25%; + aspect-ratio: 1 / 1; background: rgb(17, 17, 17); border-radius: 50%; position: absolute; @@ -98,12 +96,25 @@ z-index: 2; } + .shine { + width: 17%; + aspect-ratio: 1 / 1; + background: rgba(255, 255, 255, 0.6); + box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0.6); + border-radius: 50%; + position: absolute; + top: 25%; + left: 70%; + transform: translate(-50%, -50%); + z-index: 3; + } + .logo { text-align: center; top: 0; left: 0; position: fixed; - margin: 40px; + margin: 20px 40px; } .logo img { @@ -125,37 +136,39 @@ <div> <div id="one" class="flex"> <a href="brain.html"> - <img src="img/index/brain.png" style="max-width: 10.5vw;"></a> + <img src="img/index/brain.png" style="width: 10.5vw;"></a> </div> <div id="two" class="flex"> <a href="art.html"> - <img src="img/index/art.png" style="max-width: 18.5vw;"></a> + <img src="img/index/art.png" style="width: 18.5vw;"></a> <a href="moloch.html" class="weener"> - <!--<div class="eye" style="top: 5%; left: 10%;"> + <div class="eye" style="top: 19%; left: 37%; width: 15%; height: 8.5%;"> <div class="white"></div> <div class="pupil"></div> + <div class="shine"></div> </div> - <div class="eye" style="top: 19vh; left: 1.25vw; width: 2vw"> + <div class="eye" style="top: 16%; left: 56%; width: 14%; height: 8.5%"> <div class="white"></div> <div class="pupil"></div> - </div>--> + <div class="shine"></div> + </div> - <img src="img/index/weener.png" style="max-width: 13.5vw;"> + <img src="img/index/weener.png" style="width: 13.5vw;"> </a> <a href="tech.html"> - <img src="img/index/computer.png" style="max-width: 18.5vw;"></a> + <img src="img/index/computer.png" style="width: 18.5vw;"></a> </div> <div id="three" class="flex" style="gap: 10vw;"> <a href="creatures.html"> - <img src="img/index/doll.png" style="max-width: 10.5vw;"></a> + <img src="img/index/doll.png" style="width: 10.5vw;"></a> <a href="music.html"> - <img src="img/index/music.png" style="max-width: 13.5vw;"></a> + <img src="img/index/music.png" style="width: 13.5vw;"></a> </div> </div> @@ -30,21 +30,20 @@ </div> <nav> <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="library.html">library</a>   <a href="projects.html">projects</a>   <a href="links.html">links</a>   </span> <hr> </nav> <div class="col"> - <div style="width: 1200px;" class="list"> + <div style="width: 80%;" class="list"> <h2>Webrings</h2> @@ -68,17 +67,16 @@ <br> <h3>Archives</h3> - <p><a href="http://libgen.is/">libgen.is</a> - Books and scientific papers, also mirrored by the larger <a href="https://annas-archive.org/">Anna's Archive</a> and <a href="https://z-library.sk/">Z-library</a>.</p> + <p><a href="http://libgen.li/">libgen.li</a> - Books and scientific papers, also mirrored by the larger <a href="https://annas-archive.org/">Anna's Archive</a> and <a href="https://z-library.sk/">Z-library</a>.</p> <p><a href="https://sci-hub.st/">sci-hub.st</a> - You should know this by now. Free research paper and article resource.</p> <p><a href="http://textfiles.com/directory.html">textfiles.com</a> - Wonderful archive of old texts on basically anything.</p> <p><a href="https://https://www.worldradiohistory.com/index.htm">worldradiohistory.com</a> - Has a section full of books and magazines about radio and electronics.</p> - <p><a href="https://priyom.org/">priyom.org - Radio station archives with live numbers station broadcasts.</p> + <p><a href="https://priyom.org/">priyom.org</a> - Radio station archives with live numbers station broadcasts.</p> <br> <h3>Lifestyle</h3> <p><a href="https://simpleliving.neocities.org/">simpleliving.neocities.org</a> - Strip life down to its necessities.</p> <p><a href="https://simplifier.neocities.org/">simplifier.neocities.org</a> - Awesome DIY projects that endure the test of time.</p> - <p><a href="https://thricegreat.neocities.org/">thricegreat.neocities.org</a> - Philosophy, math, hermeticism, and self-sufficient lifestyle.</p> <p><a href="https://www.reddit.com/r/punkfashion/comments/1goy6or/guide_to_punk_diys/">Guide to DIY Punk Fashion</a></p> <p><a href="https://www.reddit.com/r/punkfashion/comments/1goya31/shopping_guidemegathread/">Punk DIY Resource Shops</a></p> <br> @@ -92,11 +90,12 @@ <p><a href="https://cyberdeck.cafe/build">cyberdeck.cafe</a> - Build a cyberdeck!</p> <p><a href="https://ameliorated.io/">ameliorated.io</a> - Modify Windows to unsuck it.</p> <p><a href="https://github.com/offa/android-foss">Android FOSS repository.</a></p> - <p><a href="https://lainzine.org/">lainzine.org</a> - Cool stuff.</p> + <p><a href="https://lainzine.org/">lainzine.org</a> - Cool magazine about technology.</p> <p><a href="https://3ds.hacks.guide/">3ds.hacks.guide</a> - Hack and mod your 3DS.</p> <p><a href="http://www.codersnotes.com/notes/a-constructive-look-at-templeos/">A Constructive Look At TempleOS</a></p> <p><a href="https://l3net.wordpress.com/2013/03/17/a-memory-comparison-of-light-linux-desktops/">l3net.wordpress.com</a> - Linked is an article comparing Linux/BSD WMs and DEs by RAM usage.</p> <p><a href="https://openrisc.io/">openrisc.io</a> - Open-source processor.</p> + <p><a href="https://wiki.osdev.org/Expanded_Main_Page">wiki.osdev.org</a> - Wonderful knowledge base for OS development.</p> </div> <h4>⤷ Operating Systems</h4> @@ -111,6 +110,7 @@ <div class="sub"> <p><a href="https://distrochooser.de/">distrochooser.de</a> - Short quiz to help you pick a Linux distro.</p> <p><a href="https://cock.li/">cock.li</a> - Anonymous mail provider.</p> + <p><a href="https://disroot.org">disroot.org</a> - Good email provider.</p> <p><a href="https://github.com/massgravel/Microsoft-Activation-Scripts">MAS by Massgravel</a> - Windows and Office activator script.</p> <p><a href="https://jspaint.app/">jspaint.app</a> - MS Paint in your browser.</p> </div> @@ -138,8 +138,9 @@ <br> <h2>Cool websites</h2> - <p>For starters, <a href="https://neocities.org/site/teethinvitro/follows">sites I follow</a> on Neocities are worth checking out, in my humble opinion.</p> + <p>For starters, <a href="https://neocities.org/site/teethinvitro/follows">sites I follow</a> on Neocities are worth checking out in my humble opinion.</p> <p><a href="https://973-eht-namuh-973.com/">973-eht-namuh-973.com</a> - Numerology, puzzles, God - by the artist Dave Denison.</p> + <p><a href="https://thricegreat.neocities.org/">thricegreat.neocities.org</a> - Philosophy, math, hermeticism, and self-sufficient lifestyle.</p> <p><a href="https://sitcomtheory.org/">sitcomtheory.org</a> - Open your eyes!</p> <p><a href="https://lugnsteel.neocities.org/">lugnsteel.neocities.org</a> - Really cool art evoking picture books and 90s boil animation cartoons.</p> <p><a href="https://murumart.neocities.org/">murumart.neocities.org</a> - Electronic music and games. The comics put me in a state of delirium.</p> @@ -154,10 +155,9 @@ <p><a href="https://andnow.neocities.org/">andnow.neocities.org</a> - Like a digital box of trinkets.</p> <p><a href="https://burialcloth.neocities.org/">burialcloth.neocities.org</a> - There was art here, at some point.</p> <p><a href="https://cyclecyclecycle.neocities.org">cyclecyclecycle.neocities.org</a> - No words for this one, either, but it's great.</p> - <p><a href="https://larvieandlibro.neocities.org/">larvieandlibro.neocities.org</a> - Hysteria. I mean comics!</p> + <p><a href="https://larvieandlibro.neocities.org/">larvieandlibro.neocities.org</a> - Hysteria— I mean comics!</p> <p><a href="https://gfiles.neocities.org/">gfiles.neocities.org</a> - A plethora of documents about governments and crime.</p> <p><a href="https://divinicide.net">divinicide.net</a> - There's nothing going on here. What are you talking about?</p> - <p><a href="https://myfurbyworld.neocities.org/">myfurbyworld.neocities.org</a> - Furbies.</p> <p><a href="https://gui.neocities.org">gui.neocities.org</a> - Movie Computer Interfaces.</p> <p><a href="https://lostlamb.neocities.org/">lostlamb.neocities.org</a> - Gorgeous writing giving romantic weight to the so-called mundane.</p> <p><a href="https://lifewithoutangels.neocities.org">lifewithoutangels.neocities.org</a> - Interesting views on angels.</p> @@ -45,14 +45,13 @@ </div> <nav> <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="library.html">library</a>   <a href="projects.html">projects</a>   <a href="links.html">links</a>   </span> @@ -10,15 +10,11 @@ <title>Soft Machine | Music</title> <style> - body { - color: white; - } - #main { /*border: dotted; border-color: #8F2037;*/ width: 80vw; - margin: auto; + margin: auto; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px 25px rgba(0,0,0,0.8); border-radius: 10px; @@ -29,6 +25,7 @@ justify-content: center; gap: 50px; flex-wrap: wrap; + margin-bottom: 20px; } .container { @@ -48,14 +45,14 @@ } h2 { - font-size: 18px; font-family: 'Nanum', Georgia, 'Times New Roman', Times, serif; font-weight: bold; + font-size: 1.3em; } .genre { font-style: italic; - font-size: 70%; + font-size: 0.9em; } .sticky { @@ -64,6 +61,7 @@ right: 0; z-index: 3; padding: 10px; + width: 15%; } .links { @@ -75,20 +73,39 @@ .links a { background-color: #8F2037; - border-radius: 15px; + border-radius: 20px; padding: 10px; border:#611121 solid; box-shadow: 0 0 10px 5px #611121 inset; margin: 10px; - font-size: 2em; - color: white; + font-size: 1.5em; + color: rgb(202, 200, 200); font-family: DynaPuff, Verdana, sans-serif; display: inline-block; + text-decoration: none; + transition: 0.05s; } .links a:hover { background-color: #c72c4b; filter: none; + font-style: normal; + } + + .links a:active { + background-color: #ff7893; + border: #c72c4b solid; + box-shadow: 0 0 10px 5px #c72c4b inset; + font-size: 1em; + } + + #gnome { + background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(img/gnome.jpg); + background-size: cover; + } + + #gnome p, #gnome h2 { + color: black !important; } </style> </head> @@ -100,10 +117,10 @@ <br> <a href="https://coff.ee/teethinvitro">Support</a> </div> - <img src="img/music/guitar.gif" style="width: 200px;" class="sticky"> + <img src="img/music/guitar.gif" class="sticky"> <div id="main"> <div class="intro"> - <div style="width: 400px;"> + <div style="width: 40%;"> <h1>Music</h1> <p> I have been composing music since 2018, making shitty beats in LMMS and composing theme songs on piano, @@ -122,8 +139,8 @@ <h2>Echo No Leaves Bide</h2> <p>I made this for a comp, but I ended up using another track for it.</p> <audio loading="lazy" controls="true"> - <source src="https://files.catbox.moe/75sf6u.ogg"> - </audio> + <source src="music/echo.ogg"> + </audio> <p><a href="https://sodomitesneurodivergentes.bandcamp.com/album/the-great-sodomite-ass-hyena-motherfucker">Here is the compilation</a>.</p> <p class="genre">(experimental, noise)</p> </div> @@ -158,33 +175,33 @@ <p>(Some) music I made for Moloch that ended up being too fast and crowded. Whether or not I include them in the Bandcamp release depends on whether or not I can recover the tracks (Element, my VST3 host, got messed up in projects after I reinstalled my OS). For now, they'll be bonuses on my website (here!).</p> <h2>Cave</h2> (new version of blue crystal cave) <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/music/cave%20new.mp3"> + <source src="music/cave new.mp3"> </audio> - <h2>"Fell in Well"</h2> (untitled) + <h2>"Fell in Well"</h2> <p>This one is actually an arrangement of a <a href="https://youtu.be/jKMNIB9sk18?si=SdpZsTv84OdCyqy5&t=59">piano warmup exercise</a> by Nahre Sol. For the piano, I only really composed the fourth variation in the pattern. I removed it from the soundtrack because it was too fast and because I don't want to take credit for the melody.</p> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/music/fell%20in%20well%20uhhh.mp3"> + <source src="music/fell in well uhhh.mp3"> </audio> <p>The following version was supposed to play first in the game. Upon finding something in the area, the rest of it will "unlock", and the above rendition will begin playing.</p> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/music/fell%20in%20a%20well%20gemini.mp3"> + <source src="music/fell in a well gemini.mp3"> </audio> <h2>Lab themes</h2> <p>These are likely to make it into the final game if I don't make anything better.</p> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/music/lab%20question%20mark%20192.mp3"> + <source src="music/lab question mark 192.mp3"> </audio> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/music/lab%20true%20192.mp3"> + <source src="music/lab true 192.mp3"> </audio> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/music/sci%20fi%20bg%20low%20drift.mp3"> + <source src="music/sci fi bg low drift.mp3"> </audio> - <h2>Underground City</h2> (this is the oldest one among these) + <h2>Underground City</h2> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/underground%20city.mp3"> + <source src="music/underground city.mp3"> </audio> <p class="genre">(soundtrack, ambient)</p> </div> @@ -192,7 +209,7 @@ <div class="shitpost"> <h2>Chickadee diss track - Dec 17th, 2023</h2> <video width="320" height="240" controls> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/chickadee-diss-track.mp4" type="video/mp4"> + <source src="music/chickadee-diss-track.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <p class="genre">(shitpost)</p> @@ -202,7 +219,7 @@ <h2>Greg ending - Jul 2nd, 2023</h2> <p>Digital remake of menu reprise, with Murumart's ending theme appended to it, but my instrumentation of it. I also rewrote its bass.</p> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/menu%202%20reprise%20ending%20new%20export.ogg" type="audio/ogg"> + <source src="music/menu 2 reprise ending new export.ogg" type="audio/ogg"> </audio> <p class="genre">(soundtrack)</p> </div> @@ -210,25 +227,16 @@ <div class="electronic"> <h2>Sacred - Apr 28th, 2023</h2> <p>Version 2, where I added EQ and more volume control to bring out details that were drowned in the original mix, and I also added a vocal chop repeat somewhere in there. You'll know which one if you've heard version 1.</p> - <audio loading="lazy" controls="true" controlList="nodownload"> - <source src="https://files.catbox.moe/mm965r.ogg" type="audio/ogg"> + <audio loading="lazy" controls="true"> + <source src="music/sacred.ogg" type="audio/ogg"> </audio> <p class="genre">(dnb, breakcore, electronic)</p> </div> - <div class="electronic jummbox"> - <h2>Valguses - Apr 25th, 2023</h2> - <p>A highlight track from my album Jummbox Vol. 1 (2024).</p> - <audio loading="lazy" controls="true" controlList="nodownload"> - <source src="https://files.catbox.moe/eypaqf.mp3" type="audio/mpeg"> - </audio> - <p class="genre">(electronic, jummbox)</p> - </div> - <div class="ost"> <h2>Blue Crystal Cave - Mar 28th, 2023</h2> - <audio loading="lazy" controls="true" controlList="nowdownload"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/music/Radio%20-%20Reflection%20in%20a%20Blue%20Crystal%20new%20mix.ogg"> + <audio loading="lazy" controls="true"> + <source src="music/Radio - Reflection in a Blue Crystal new mix.ogg"> </audio> <p>This is a new mix of the song uploaded in my old blog.</p> <p class="genre">(soundtrack)</p> @@ -237,8 +245,8 @@ <div class="acoustic ost"> <h2>a smoke in the tropical paradise that is a fisherman's hut or hut waltz - Mar 19th, 2023</h2> <p>OST for Greg RPG.</p> - <audio loading="lazy" controls="true" controlList="nowdownload"> - <source src="https://files.catbox.moe/btzrnq.ogg" type="audio/ogg"> + <audio loading="lazy" controls="true"> + <source src="music/tropical.ogg" type="audio/ogg"> </audio> <p class="genre">(acoustic, soundtrack)</p> </div> @@ -247,8 +255,8 @@ <h2>Demo of Clock Tower - Mar 19th, 2023</h2> <p>I say messy because the practice was very good, but what I ended up recording was not as great, but it was received well by friends. It was intended to be a continuation to menu 2, hence making it some epic-ish reprise, but it became its own song instead.</p> <p>Round and round and round...</p> - <audio loading="lazy" controls="true" controlList="nowdownload"> - <source src="https://files.catbox.moe/zghtx7.ogg" type="audio/ogg"> + <audio loading="lazy" controls="true"> + <source src="music/clocktower.ogg" type="audio/ogg"> </audio> <p class="genre">(acoustic, soundtrack)</p> </div> @@ -256,8 +264,8 @@ <div class="folk acoustic ost"> <h2>Menu 2 - Reprise - Mar 19, 2023</h2> <p>Re-recording of menu_2, from my brainstorm.</p> - <audio loading="lazy" controls="true" controlList="nowdownload"> - <source src="https://files.catbox.moe/czps4k.ogg" type="audio/ogg"> + <audio loading="lazy" controls="true"> + <source src="music/menu2reprise.ogg" type="audio/ogg"> </audio> <p class="genre">(folk, acoustic, soundtrack)</p> </div> @@ -266,25 +274,25 @@ <h2>Greg menu themes</h2> <p>At first, I recorded two files, one was a guitar rendition of something game creator Murumart quickly composed, and the other recording was my own original brainstorm (including a few short ideas). Murumart edited them into 7 menu themes:</p> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/mus_menu1.ogg" type="audio/ogg"> + <source src="music/mus_menu1.ogg" type="audio/ogg"> </audio> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/mus_menu2.ogg" type="audio/ogg"> + <source src="music/mus_menu2.ogg" type="audio/ogg"> </audio> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/mus_menu3.ogg" type="audio/ogg"> + <source src="music/mus_menu3.ogg" type="audio/ogg"> </audio> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/mus_menu4.ogg" type="audio/ogg"> + <source src="music/mus_menu4.ogg" type="audio/ogg"> </audio> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/mus_menu5.ogg" type="audio/ogg"> + <source src="music/mus_menu5.ogg" type="audio/ogg"> </audio> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/mus_menu6.ogg" type="audio/ogg"> + <source src="music/mus_menu6.ogg" type="audio/ogg"> </audio> <audio loading="lazy" controls="true"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/mus_menu7.ogg" type="audio/ogg"> + <source src="music/mus_menu7.ogg" type="audio/ogg"> </audio> <p>The full soundtrack is <a href="https://murumart.bandcamp.com/album/greg-rpg-original-soundtrack">here</a></p> <p class="genre">(acoustic, soundtrack)</p> @@ -293,8 +301,8 @@ <div class="electronic"> <h2>Untitled - Mar 24 2023</h2> <p>All sounds except for the fretless bass where made from samples of one song.</p> - <audio loading="lazy" controls="true" controlList="nowdownload"> - <source src="https://files.catbox.moe/m0s0ae.ogg" type="audio/ogg"> + <audio loading="lazy" controls="true"> + <source src="music/untitled.ogg" type="audio/ogg"> </audio> <p class="genre">(electronic)</p> </div> @@ -302,16 +310,16 @@ <div class="jazz"> <h2>Mail Mission Jazz - Mar 7th, 2023 (Jul 19th, 2023 export)</h2> <p>Jazz cover of a <a href="https://murumart.bandcamp.com/track/mail-mission">Greg OST track</a>. Incomplete.</p> - <audio loading="lazy" controls="true" controlList="nodownload"> - <source src="https://file.garden/ZlXIpF4XZwrMebGM/biking%20jazz%20wip.ogg" type="audio/ogg"> + <audio loading="lazy" controls="true"> + <source src="music/biking jazz wip.ogg" type="audio/ogg"> </audio> <p class="genre">(jazz)</p> </div> <div class="acoustic folk"> <h2>Bread - Feb 20th, 2023</h2> - <audio loading="lazy" controls="true" controlList="nodownload"> - <source src="https://files.catbox.moe/g6ngn4.ogg" type="audio/ogg"> + <audio loading="lazy" controls="true"> + <source src="music/bread.ogg" type="audio/ogg"> </audio> <p>Grabbed my guitar. Played that. Played it again to record it. Loaded it into LMMS and figured out the BPM, then added the rest of it. After that I recorded that last section but it has bad clipping.</p> <p>This is a demo to lay the idea down (inspired by Clay Parton). I will remake this at some point into a finished song because I hate the distortion.</p> @@ -321,22 +329,18 @@ <div class="electronic ambient electronic"> <h2>Olen Väsinud - Feb 4th, 2023</h2> <p>The file is called "this came to me in a vision at 8 am" because that's what this is.</p> - <audio loading="lazy" controls="true" controlsList="nodownload"> - <source src="https://files.catbox.moe/9yshvd.ogg" type="audio/ogg" /> + <audio loading="lazy" controls="true"> + <source src="music/olenvasinud.ogg" type="audio/ogg" /> </audio> <p>My magnum opus.</p> <p class="genre">(electronic, ambient)</p> </div> - <div class="rock" style="background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(img/gnome.jpg); background-size: cover;"> + <div class="rock" id="gnome"> <h2>Song of Storms - Jan 29th, 2023</h2> <p>This is a "moss rock" remix of Song of Storms, based on <a href="img/gnome.jpg">this image</a>. I went for prog.</p> - <audio loading="lazy" controls="true" controlsList="nodownload"> - <source src="https://files.catbox.moe/cr9mgc.ogg" type="audio/ogg" /> - </audio> - <p>Scrapped 7/4 section (while the DAW was set to 7/4, the actual work wasn't in 7/4)</p> - <audio loading="lazy" controls="true" controlsList="nodownload"> - <source src="https://files.catbox.moe/grc33w.ogg" type="audio/ogg" /> + <audio loading="lazy" controls="true"> + <source src="music/songofstorms.ogg" type="audio/ogg" /> </audio> <p class="genre">(progressive rock)</p> </div> diff --git a/poetry.html b/poetry.html index f68e5e0..780ed9e 100644 --- a/poetry.html +++ b/poetry.html @@ -3,11 +3,11 @@ <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="unicode"> - <meta name="description" content="The Weight of Comfort"> - <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro"> + <meta name="description" content="The Weight of Comfort | Poetry, particularly freeverse"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> <meta name="author" content="Radiohotline"> <link href="house.css" rel="stylesheet"> - <title>Poetry</title> + <title>Soft Machine | Poetry</title> <style> .c { text-align: center; @@ -45,14 +45,13 @@ </div> <nav> <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="library.html">library</a>   <a href="projects.html">projects</a>   <a href="links.html">links</a>   </span> diff --git a/projects.html b/projects.html index e748429..9e7127c 100644 --- a/projects.html +++ b/projects.html @@ -7,21 +7,23 @@ <meta name="description" content="The Weight of Comfort">
<meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro">
<meta name="author" content="Radiohotline">
- <title>Projects</title>
+ <title>Soft Machine | Projects</title>
</head>
<body>
+ <div class="top">
+ <h1>Poetry</h1>
+ <h1 class="logo"><a href="index.html">Soft Machine</a></h1>
+ </div>
<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="library.html">library</a>  
+ <a href="projects.html">projects</a>  
<a href="links.html">links</a>  
</span>
<hr>
diff --git a/santa/bgs/postal_bg_m.gif b/santa/bgs/postal_bg_m.gif Binary files differdeleted file mode 100644 index 99987fa..0000000 --- a/santa/bgs/postal_bg_m.gif +++ /dev/null diff --git a/santa/brdrs/postal_letter_brdr.png b/santa/brdrs/postal_letter_brdr.png Binary files differdeleted file mode 100644 index 1ce7d69..0000000 --- a/santa/brdrs/postal_letter_brdr.png +++ /dev/null diff --git a/santa/global.css b/santa/global.css deleted file mode 100644 index e491c14..0000000 --- a/santa/global.css +++ /dev/null @@ -1,47 +0,0 @@ -/*
-FONT FACES
-*/
-@TEMP {
- font-family: '';
- src: url('');
-}
-
-/*
-ROOTS
-*/
-:root {
- --bg: #d6d6d6;
- --accent: #465864;
- --white: #f0e5d1;
- --blue: #125484;
- --red: #d55031;
-}
-
-/*
-MISC
-*/
-html {
- cursor: url(imgs/postal_cursor_close.png), default;
- image-rendering: pixelated;
- text-transform: lowercase;
-}
-
-button:hover, a:hover, a:active, button:active {
- cursor: url(imgs/postal_cursor_open.png), pointer;
-}
-
-body {
- font-family: "Times New Roman", Times, serif;
- color: black;
- font-size: 14px;
-}
-
-a:link, a:visited {
- color: var(--red);
- text-decoration: none;
-}
-
-a:hover {
- text-decoration: underline;
- color: var(--blue);
-}
\ No newline at end of file diff --git a/santa/imgs/about.png b/santa/imgs/about.png Binary files differdeleted file mode 100644 index 9ccae20..0000000 --- a/santa/imgs/about.png +++ /dev/null diff --git a/santa/imgs/grass.png b/santa/imgs/grass.png Binary files differdeleted file mode 100644 index 06805b8..0000000 --- a/santa/imgs/grass.png +++ /dev/null diff --git a/santa/imgs/grass2.png b/santa/imgs/grass2.png Binary files differdeleted file mode 100644 index 7f98ad5..0000000 --- a/santa/imgs/grass2.png +++ /dev/null diff --git a/santa/imgs/hoard.png b/santa/imgs/hoard.png Binary files differdeleted file mode 100644 index ea36a45..0000000 --- a/santa/imgs/hoard.png +++ /dev/null diff --git a/santa/imgs/home.png b/santa/imgs/home.png Binary files differdeleted file mode 100644 index 414febb..0000000 --- a/santa/imgs/home.png +++ /dev/null diff --git a/santa/imgs/index.png b/santa/imgs/index.png Binary files differdeleted file mode 100644 index bc253cb..0000000 --- a/santa/imgs/index.png +++ /dev/null diff --git a/santa/imgs/links.png b/santa/imgs/links.png Binary files differdeleted file mode 100644 index 0fc6a94..0000000 --- a/santa/imgs/links.png +++ /dev/null diff --git a/santa/imgs/microblog.png b/santa/imgs/microblog.png Binary files differdeleted file mode 100644 index 3bdd6d0..0000000 --- a/santa/imgs/microblog.png +++ /dev/null diff --git a/santa/imgs/music.png b/santa/imgs/music.png Binary files differdeleted file mode 100644 index b380233..0000000 --- a/santa/imgs/music.png +++ /dev/null diff --git a/santa/imgs/postman.png b/santa/imgs/postman.png Binary files differdeleted file mode 100644 index 9622fed..0000000 --- a/santa/imgs/postman.png +++ /dev/null diff --git a/santa/imgs/sitemap.png b/santa/imgs/sitemap.png Binary files differdeleted file mode 100644 index 182cab8..0000000 --- a/santa/imgs/sitemap.png +++ /dev/null diff --git a/santa/imgs/sotw.png b/santa/imgs/sotw.png Binary files differdeleted file mode 100644 index 666c344..0000000 --- a/santa/imgs/sotw.png +++ /dev/null diff --git a/santa/imgs/woman.png b/santa/imgs/woman.png Binary files differdeleted file mode 100644 index 919aa81..0000000 --- a/santa/imgs/woman.png +++ /dev/null diff --git a/santa/imgs/writing.png b/santa/imgs/writing.png Binary files differdeleted file mode 100644 index d055599..0000000 --- a/santa/imgs/writing.png +++ /dev/null diff --git a/santa/main.css b/santa/main.css deleted file mode 100644 index 0502375..0000000 --- a/santa/main.css +++ /dev/null @@ -1,162 +0,0 @@ -body {
- width: 600px;
- margin: auto;
- background-image: url(bgs/postal_bg_m.gif);
-}
-
-header, #header, #main, #box {
- position: relative;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- margin-top: 20px;
-}
-
-#musicTab {
- left: -255px;
- top: 50px;
- position: fixed;
- z-index: 2;
- height: 250px;
- width: 280px;
- display: flex;
- flex-direction: row;
-
- border-image-slice: 33 10 10 33 fill;
- border-image-width: 33px 10px 10px 33px;
- border-image-outset: 0px 0px 0px 0px;
- border-image-repeat: stretch stretch;
- border-image-source: url(brdrs/postal_letter_brdr.png);
- border-style: solid;
-}
-
-#musicTab:hover {
- left: 0;
- animation: pullout 0.5s ease;
-}
-
-@keyframes pullout {
- 0% { left: -255px;}
- 100% { left: 0;}
-}
-
-header {
- color: black;
- font-size: 28px;
- font-weight: 700;
- text-shadow:
- var(--white) 2px 2px,
- var(--white) -2px 2px,
- var(--white) 2px -2px,
- var(--white) -2px -2px;
- text-align: center;
-}
-
-/* For nav and content layout */
-#main {
- width: 100%;
- display: flex;
- gap: 6px;
-}
-
-/* For content only layout */
-#box {
- width: 100%;
-}
-
-/* Used for normal titles */
-h1 {
- font-size: 15px;
- font-weight: 700;
- text-shadow:
- var(--white) 1px 1px,
- var(--white) -1px 1px,
- var(--white) 1px -1px,
- var(--white) -1px -1px;
- background-color: var(--accent);
- margin-top: 6px;
- padding: 3px;
- border: 1px solid black;
- border-radius: 1px;
- text-align: center;
-}
-
-h2 {
- font-size: 16px;
- font-weight: 100;
-}
-
-h3 {
- font-weight: 600;
- font-size: 16px;
-}
-
-/* Used for titles that don't scroll */
-h4 {
- font-size: 15px;
- font-weight: 700;
- text-shadow:
- var(--white) 1px 1px,
- var(--white) -1px 1px,
- var(--white) 1px -1px,
- var(--white) -1px -1px;
- background-color: var(--accent);
- margin-top: 6px;
- padding: 3px;
- border-bottom: 1px solid black;
- border-radius: 1px;
- text-align: center;
- position: sticky;
- top: 0;
- margin: 0;
- margin-bottom: 6px;
-}
-
-.scrollbox {
- border: 1px solid black;
- border-radius: 1px;
- max-height: 200px;
- overflow: scroll;
- text-align: center;
- margin-top: 0;
- padding-bottom: 10px;
- margin-bottom: 12px;
-}
-
-.emph {
- font-weight: 600;
- color: var(--accent);
-}
-
-.small {
- font-size: 12px;
-}
-
-.content {
- border-image-slice: 33 10 10 33 fill;
- border-image-width: 33px 10px 10px 33px;
- border-image-outset: 0px 0px 0px 0px;
- border-image-repeat: stretch stretch;
- border-image-source: url(brdrs/postal_tab_brdr.png);
- border-style: solid;
-
- max-width: 600px;
- min-width: 600px;
- padding: 8px;
- margin-bottom: 6px;
-}
-
-.footer {
- width: 500px;
- text-align: center;
- margin-top: 20px;
- margin-left: 60px;
-
- border-image-slice: 33 10 10 33 fill;
- border-image-width: 33px 10px 10px 33px;
- border-image-outset: 0px 0px 0px 0px;
- border-image-repeat: stretch stretch;
- border-image-source: url(brdrs/postal_letter_brdr.png);
- border-style: solid;
-}
diff --git a/santa/robots.txt b/santa/robots.txt deleted file mode 100644 index b09000c..0000000 --- a/santa/robots.txt +++ /dev/null @@ -1,197 +0,0 @@ -# robots.txt
-# https://owly.fans/robots.txt
-# Page is under FOPL-ZERO
-# https://owly.fans/license/fopl-zero
-
-# Want to know when this page is updated? Follow the RSS!
-# https://owly.fans/rss/robots.xml
-
-# This page is also on git:
-# Please feel free to suggest a change to this file
-# https://github.com/DynTylluan/owly.fans/blob/main/robots.txt (main)
-# https://notabug.org/DynTylluan/owly.fans/src/main/robots.txt (mirror)
-# https://tildegit.org/cass/owly.fans/src/branch/main/robots.txt (mirror)
-
-# AdIdxBot (Bing/Microsoft)
-# Used by Bing Ads for «quality control» for, you guessed it, ads!
-# https://bing.com/webmasters/help/which-crawlers-does-bing-use-8c184ec0
-User-Agent: AdIdxBot
-Disallow: /
-
-# Amazon
-# Used for Alexa - does not cite sources.
-# https://developer.amazon.com/support/amazonbot
-User-Agent: Amazonbot
-Disallow: /
-
-# Anthropic
-# «AI research and products that put safety at the
-# frontier» - no thanks!
-# https://anthropic.com
-User-agent: anthropic-ai
-Disallow: /
-
-# Apple's bot
-# Used for Siri and Spotlight Suggestions. Does not cite its sources.
-# https://support.apple.com/en-us/HT204683
-User-Agent: Applebot
-User-Agent: AppleNewsBot
-Disallow: /
-
-# Claude
-# Used to help AI.
-# https://claude.ai
-User-agent: Claude-Web
-Disallow: /
-
-# Cohere
-# Stupid bot used to help artificial intelligence.
-# https://cohere.com
-User-agent: cohere-ai
-Disallow: /
-
-# Common Crawl bot
-# From what I've leant from reading online, «[t]he majority of ChatGPT's
-# training data comes from the Common Crawl crawler bot».
-# Quote: https://datadome.co/threat-research/how-chatgpt-openai-might-use-your-content-now-in-the-future
-# https://commoncrawl.org/faq
-User-agent: CCBot
-Disallow: /
-
-# EmailSiphon
-# Email harvesting bot, get outta here!
-User-agent: EmailSiphon
-Disallow: /
-
-# FacebookBot
-# Used to «improve language models for our speech recognition technology»,
-# so more AI rubbish that I don't want from a company that I don't like.
-User-Agent: FacebookBot
-User-Agent: meta-externalagent
-Disallow: /
-
-# Google's AdSense/StoreBot bots
-# Go away - I don't want you here.
-# https://developers.google.com/search/docs/crawling-indexing/overview-google-crawlers
-User-Agent: AdsBot-Google-Mobile
-User-Agent: Storebot-Google
-User-Agent: AdsBot-Google
-User-agent: Mediapartners-Google
-Disallow: /
-
-# Google's AI training bot
-# I don't want to have my content used without giving me credit.
-# https://blog.google/technology/ai/an-update-on-web-publisher-controls
-User-agent: Google-Extended
-Disallow: /
-
-# GPTBot is OpenAI's web crawler
-# I do not want it to use my content as it does not cite its sources.
-# https://platform.openai.com/docs/gptbot
-User-agent: GPTBot
-User-agent: ChatGPT-User
-Disallow: /
-
-# ia_archiver
-# In the past, the Internet Archive (https://archive.org) used to have a
-# bot called ia_archiver that you could allow (or disallow) to index your
-# website, sometimes around 2017, this crawler stopped obeying robots.txt.
-
-# Putting ia_archiver and setting it to «Disallow: /» will not work. If
-# you really want your website to not be seen on this archive, you will
-# need to E-Mail info@archive.org.
-# https://blog.archive.org/2017/04/17/robots-txt-meant-for-search-engines-dont-work-well-for-web-archives
-# https://web.archive.org/web/20150322111536/http://archive.org/about/exclude.php
-# https://blog.reputationx.com/block-wayback-machine
-
-# Magpie Crawler
-# Used to download pages and get «indexed and analysed by our system».
-# I don't want to use your service!
-User-agent: magpie-crawler
-Disallow: /
-
-# MindSpider
-# According to cdc.gov, this bot «appears to be ill-behaved», so it is
-# being blocked here.
-# https://www.cdc.gov/robots.txt
-User-agent: MindSpider
-Disallow: /
-
-# Pinterest crawler
-# I don't want my website to be used to «collect rich metadata like the
-# price, description and availability of your products» or however they
-# want to word that rubbish.
-# https://help.pinterest.com/en/business/article/pinterest-crawler
-User-agent: Pinterestbot
-Disallow: /
-
-# This is where I copy Bytemoth
-# I am taking it in good faith that Bytemoth knows what he's doing and that
-# the following bots are for marketers - so I am blocking them.
-# As taken from the following URL: http://bytemoth.nfshost.com/robots.txt
-User-agent: adsbot
-User-agent: AhrefsBot
-User-agent: BLEXBot
-User-agent: dotbot
-User-agent: Pandalytics
-User-agent: SemrushBot
-User-agent: SemrushBot-BA
-User-agent: SemrushBot-BM
-User-agent: SemrushBot-CT
-User-agent: SemrushBot-SA
-User-agent: SemrushBot-SI
-User-agent: SemrushBot-SWA
-User-agent: serpstatbot
-User agent: MTRobot
-User-agent: PageThing
-Disallow: /
-
-
-# Bots that you might like to block
-# There are a few bots that I am okay/don't really care all that much if
-# they index my website, but not everyone might be okay with them, so
-# if you copy this TXT on your website and want to have the bot not index
-# it, simply remove the «#» before the «User-agent» and «Disallow» part.
-
-# DuckDuckGo
-# The search engine website uses the following bots to index sites.
-# https://duckduckgo.com/duckduckbot
-# https://duckduckgo.com/duckduckgo-help-pages/results/duckduckbot
-# https://duckduckgo.com/duckduckgo-help-pages/results/sources
-# User-agent: DuckDuckBot
-# Disallow: /
-
-# Other Google bots
-# Don't like Google? Unmark these.
-# https://developers.google.com/search/docs/crawling-indexing/overview-google-crawlers
-# User-agent: Googlebot
-# User-agent: Googlebot-News
-# User-agent: Googlebot-Image
-# User-agent: Googlebot-Video
-# User-agent: Storebot-Google
-# User-agent: Google-InspectionTool
-# User-agent: GoogleOther
-# User-agent: Google-Extended
-# User-agent: APIs-Google
-# User-agent: AdsBot-Google-Mobile
-# User-agent: AdsBot-Google
-# User-agent: Mediapartners-Google
-# User-agent: FeedFetcher-Google
-# User-agent: GoogleProducer
-# User-agent: GoogleProducer; (+http://goo.gl/7y4SX)
-# User-agent: google-speakr
-# Disallow: /
-
-# Don't allow any bots
-# If you don't want *any* good bots browsing your website, then unmark
-# this. Please note that there are some bots still that don't obay
-# robots.txt at all, like ia_archiver.
-User-agent: *
-Disallow: /
-
-# Allow all bots
-# If you do, however, want to allow all bots, you should uncheck the
-# following. You can also just *not* have a robots.txt and it'll
-# work all the same.
-# User-agent: *
-# Allow: /
\ No newline at end of file diff --git a/santa/sitemap.html b/santa/sitemap.html deleted file mode 100644 index 6f34661..0000000 --- a/santa/sitemap.html +++ /dev/null @@ -1,261 +0,0 @@ -<!DOCTYPE HTML> -<html> - <head> - <link rel="stylesheet" href="main.css"> - <link rel="stylesheet" href="global.css"> - <title>Merry Christmas, Andie!</title> - <style> - body { - width: auto; - } - - .sitemap { - position: relative; - width: 80vw; - height: 80vh; - background-color: var(--white); - - margin: auto; - - border-image-slice: 33 10 10 33 fill; - border-image-width: 33px 10px 10px 33px; - border-image-outset: 0px 0px 0px 0px; - border-image-repeat: stretch stretch; - border-image-source: url(brdrs/postal_letter_brdr.png); - border-style: solid; - } - - .node { - position: absolute; - transform: translateX(-50%); - text-align: center; - z-index: 2; - } - - .node img { - } - - .node span { - display: block; - margin-top: 6px; - font-size: 14px; - } - - .circle { - display: inline-block; - width: 20px; - height: 20px; - border-radius: 50%; - background: var(--white); - border: 1px solid black; - transition: background 0.2s, transform 0.2s; - } - - .circle:hover { - border: 1px solid var(--accent); - transform: scale(1.1); - } - - .lines { - position: absolute; - inset: 0; - pointer-events: none; - width: 100%; - height: 100%; - overflow: visible; - } - - .lines line { - stroke: bisque; - stroke-width: 10; - } - - .postman { - position: absolute; - } - </style> - </head> - <body> - <header>Sitemap</header> - - <br> - - <!-- - You could, instead of coding in the images, draw a map image with the destinations - and paths in it. This way you'll only have to code the nodes onto it (which can be - done quickly with the <map> tag and an online generator for quick coord fetching. - It might be more practical if you update the map in the future. For this method, - see the code for https://publictransit.neocities.org/map-old made by June. - --> - - <div class="sitemap"> - <img style="width: 80vw; height: 80vh;" src="imgs/grass2.png"> - - <div class="node" style="top: 20px; left: 100px;"> - <img src="imgs/index.png" alt="Index"> - <br> - <a href="index.html" class="circle"></a> - <span>Index</span> - </div> - - <div class="node" style="top: 50px; left: 320px;"> - <img src="imgs/home.png" alt="Home"> - <br> - <a href="home.html" class="circle"></a> - <span>Home</span> - </div> - - <div class="node" style="top: 20px; left: 550px;"> - <img src="imgs/about.png" alt="About"> - <br> - <a href="about.html" class="circle"></a> - <span>About</span> - </div> - - <div class="node" style="top: 20px; left: 800px;"> - <a href="microblog.html" class="circle"></a> - <img src="imgs/microblog.png" alt="Microblog"> - <span>Microblog</span> - </div> - - <div class="node" style="top: 200px; left: 180px;"> - <a href="links.html" class="circle"></a> - <img src="imgs/links.png" alt="Links"> - <span>Links</span> - </div> - - <div class="node" style="top: 370px; left: 300px;"> - <a href="writing.html" class="circle"></a> - <br> - <img src="imgs/writing.png" alt="Writing"> - <span>Writing</span> - </div> - - <div class="node" style="top: 220px; left: 450px;"> - <img src="imgs/music.png" alt="Music"> - <a href="music.html" class="circle"></a> - <span>Music</span> - </div> - - <div class="node" style="top: 220px; left: 700px;"> - <a href="sotw.html" class="circle"></a> - <br> - <img src="imgs/sotw.png" alt="sotw"> - <span>SOTW</span> - </div> - - <div class="node" style="top: 180px; left: 950px;"> - <a href="hoard.html" class="circle"></a> - <img src="imgs/hoard.png" alt="Hoard"> - <span>Hoard</span> - </div> - - <div class="node" style="top: 370px; left: 880px;"> - <a href="sitemap.html" class="circle"></a> - <img src="imgs/sitemap.png" alt="Sitemap"> - <span>Sitemap</span> - </div> - - <svg class="lines"> - <!-- first row --> - <!-- index to home --> - <line x1="110" y1="115" x2="320" y2="145" /> - <!-- home to about --> - <line x1="320" y1="145" x2="550" y2="150"/> - <!-- about to microblog --> - <line x1="550" y1="150" x2="730" y2="100"/> - - <!-- second row --> - <!-- index to links --> - <line x1="100" y1="115" x2="140" y2="290"/> - <!-- about to music --> - <line x1="550" y1="150" x2="540" y2="340"/> - <!-- sotw to hoard --> - <line x1="700" y1="230" x2="950" y2="190"/> - - <!-- third row --> - <!-- links to writing --> - <line x1="140" y1="290" x2="300" y2="380" /> - <!-- sotw-hoard to sitemap --> - <line x1="825" y1="210" x2="815" y2="450"/> - <!-- writing to sitemap --> - <line x1="300" y1="380" x2="815" y2="440"/> - </svg> - - <div class="postman"> - <img src="imgs/postman.png"> - </div> - - <script> - // queryselector returns first match so i thought it was faster - const postman = document.querySelector(".postman"); - const container = document.querySelector(".sitemap"); - - let targetX = 0; - let targetY = 0; - - let currentX = 0; - let currentY = 0; - - let lastTargetX = 0; - let lastTargetY = 0; - - const ease = 0.04; - const moveThreshold = 0.5; - - // get target mouse position relative to map div - document.addEventListener("mousemove", (e) => { - const rect = container.getBoundingClientRect(); - targetX = e.clientX - rect.left; - targetY = e.clientY - rect.top; - }); - - function animate() { - const rect = container.getBoundingClientRect(); - const w = postman.offsetWidth; - const h = postman.offsetHeight; - - // center postman onto cursor - let tx = targetX - w / 2; - let ty = targetY - h / 2; - - // limit movement to div - tx = Math.max(0, Math.min(tx, rect.width - w)); - ty = Math.max(0, Math.min(ty, rect.height - h)); - - // calculate movement amount to start ease animation - const targetMoved = - Math.abs(targetX - lastTargetX) > moveThreshold || - Math.abs(targetY - lastTargetY) > moveThreshold; - - // get animation distance - const dx = tx - currentX; - const dy = ty - currentY; - - // distance is multiplied by ease factor - currentX += dx * ease; - currentY += dy * ease; - - // flip image - if (dx > 0.1) { - postman.style.transform = "scaleX(1)"; - } else if (dx < -0.1) { - postman.style.transform = "scaleX(-1)"; - } - - // move! - postman.style.left = currentX + "px"; - postman.style.top = currentY + "px"; - - // store target for this frame to use in next frame - lastTargetX = targetX; - lastTargetY = targetY; - - requestAnimationFrame(animate); - } - - animate(); - </script> - </div> - </body> -</html> diff --git a/thoughts.html b/thoughts.html index 704e085..35c2301 100644 --- a/thoughts.html +++ b/thoughts.html @@ -18,11 +18,20 @@ float: right; } + article:hover { + cursor: pointer; + } + + summary:hover { + text-decoration: underline; + font-style: italics; + } + embed { width: 55vw; height: 50vh; background-color: rgba(199, 189, 170, 0.8); - box-shadow: 0 0 10px 10px rgba(199, 189, 170, 0.8); + box-shadow: 0 0 5px 5px rgba(199, 189, 170, 0.8); border-radius: 20px; margin: 10px 0px 10px 0px; } @@ -34,7 +43,7 @@ } embed { - width: 90vw; + width: 80vw; height: 75vh; } } @@ -44,64 +53,66 @@ <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> <div class="shadow"> - <img src="../img/enki.jpg"> + <img src="img/enki.jpg"> <h1>Thoughts</h1> + <p>Opinions expressed change over time, especially with my mental state, but writings will remain here.</p> + <div> <article> <details> <summary>25/11/07 - Lemon Soda Lemonade</summary> - <embed src="../txt/soda.txt"> + <embed src="txt/soda.txt"> </details> </article> <article> <details> <summary>25/11/07 - Some Things We Do</summary> - <embed src="../txt/core.txt"> + <embed src="txt/core.txt"> </details> </article> <article> <details> <summary>25/01/09 - Outcomes of a Shower</summary> - <embed src="../txt/shower.txt"> + <embed src="txt/shower.txt"> </details> </article> <article> <details> <summary>23/04/22 - Wherein You Exist</summary> - <embed src="../txt/where.txt"> + <embed src="txt/where.txt"> </details> </article> <article> <details> <summary>23/02/22 - "Aliveness" as Imperfection and Uncertainty in Motion</summary> - <embed src="../txt/alive.txt"> + <embed src="txt/alive.txt"> </details> </article> <article> <details> <summary>23/01/26 - No Such Thing as an Imperfect Number (Updated 2025)</summary> - <embed src="../txt/num.txt"> + <embed src="txt/num.txt"> </details> </article> <article> <details> <summary>23/01/26 - Expression and the Primal Fear of Isolation</summary> - <embed src="../txt/isolation.txt"> + <embed src="txt/isolation.txt"> </details> </article> <article> <details> <summary>23/01/26 - What is this?</summary> - <embed src="../txt/birth.txt"> + <embed src="txt/birth.txt"> </details> </article> @@ -109,7 +120,7 @@ <article> <details> <summary></summary> - <embed src="../txt/"> + <embed src="txt/"> </details> </article> --> diff --git a/txt/alive.txt b/txt/alive.txt index 945e593..02e5983 100644 --- a/txt/alive.txt +++ b/txt/alive.txt @@ -1,107 +1,135 @@ - It all looks so alive. While the large-scale orchestrations and biological systems within and around us are near-perfect, - working like clockwork in a manner that has been unchanged for millions of years, the tiny little bits themselves aren't - as perfect, which is not only beautiful in a sense, but is also a testimony to why the systems are "perfect". In other words, - they work. They work and that's what matters. Such things as the ones I'm about to describe are insignificant on their own, - yet those are traits of the most important units that make you. - - Here I focus on structure in looks and ordering, not structure in it function. The latter is beautifully perfect already, or, - well, near-perfect. Again, if it didn't work so well, it wouldn't have lasted, and that's an important point, and why - I want to connect "aliveness" with "imperfection." - - Now you're probably confused by the jumble of all the "perfects" and "imperfects" in the above text, but I will clarify what - I was thinking about a while ago. The systems inside us—think of small ones like cellular functions, and big ones like - entire organ systems. (I will later touch into a bigger one: organisms themselves and ecosystems.*) I want you to think of - a microscope image of cells together. You're thinking of it? Good. It doesn't matter what type of cells they are yet. - I want you to focus on the structure. Due to the nature of how things grow, those aren't geometrically perfect. They're lumpy - and variant in size, even if subtly. They're in fluid and contain fluid, so their insides move too. When cells split, - I doubt that they split wholly "perfectly". - - (I digress, but maybe they do, since due to how forces work, the mother cell, when squeezing to split, has a tension form in - the middle, and as it splits, the two resulting parts should be similar in size or volume to maintain enough tension to - successfully split into two, I believe.) - - That aside, my point still stands: the forming cells aren't perfectly circular, or perfectly any shape, for that matter. - - To me, their floating, jiggling, and nature are among what makes them look so alive, which they are, of course, but what is - "aliveness" to us? How do we look at a cow and identify that it is a living creature? Isn't it its little movements, like - its ears', the warmth of its blood, its heartbeat, its little sounds here and there? That's a living being. Now back to the - microscopic. Cells that share a function—say, skin cells—are going to work identically. Every cell destined to do - something is ideally capable and does it, like being able to recieve neurotransmitters, or have the miniscule bits of - chemicals have an effect on it, such that reactions within it can alter its behaviour. In a cell, there are exchanges going - on across membranes. There is DNA being copied and packages being transported. If it weren't for the existence of disorders - that the body cannot deal with, or errors of varying degrees occuring at a cellular level, then this system is perfectly - and flawlessy functional. And I am going to state that regardless of errors that can and do frequently happen inside, because such - things are what I percieve as the aliveness of it all. In other words, you are alive because your body is working. Your parts - are playing their role, and your body is equipped with the ability to deal with things, expected and unexpected. - - The final line is crucial, because those who are disabled aren't less (less perfect, less "functional" or less anything). - They are still alive and their bodies still work enough for them to be alive, not just people but any living thing - that doesn't match the image of a fully perfect, unrealistically ideal member of its species. - - Let's go back to my main topic, which is imperfection in apperance of things that are alive. - - What prompted this entire thought process was me thinking about palisade mesophyll, a part of leaf tissue that, when - viewed in cross-section, has a regular formation of rectangular palisade cells. I was thinking; we call them rectangular - because that is what they look like, and it's perfectly logical to call them that, but they aren't perfect rectangles. - They are bumpy and uneven and I doubt they sit together in perfect, even, brick-like alignment. - - Because of the way those cells form and grow, they won't look like perfect geometrical shapes, yet the function is there, - and they can form that orderly structure that they are supposed to form, and work as intended, and I think that's - beautiful. The same idea applies to the spongy mesophyll, which are like the opposite of the palisade in a way, - consisting of rounder cells that aren't evenly placed. In fact, there's no rule to the pattern besides the idea - that the cells should have gaps between them. This doesn't prevent some cells from lumping together, though, as long - as the necessary vaccuum exists for the structure to perform its duty normally. - - This naturally brings us to the next topic: stem cells. Now let's focus on animals again. Stem cells are incredible. - You start as a little ball of cells, an embryo, yet your "code" "knows" that cells are supposed to be different in - order to perform different functions, and those cells do "latch" onto their designated functions and grow accordingly. - Isn't it amazing how cells just "know" that they're supposed to form an ear, and can indeed follow with creating an ear? - And I mean, an actual ear, one whose outer structure they don't start with and work around, yet create from essentially and - structurally nothing but the genetic definition of an ear! It works the same for everyone. The ears are similar for all - humans. They're meant to be, and are programmed to be. How did it come to that, the ability to have an ear that looks like - that across a species? Yes, evolution, but *how*? I can think of the details of how, from the parts of an ear, since those - parts each have a reason they're there, and we can trace each to what made them a need, but that's a different topic, and - you can probably find a decent text on evolution that isn't this ramble. - - This is also applied to the fact that we have skeletons. It amazes me how an embryo can grow into a baby with organs - and a skeleton. Let's take it even further. At some point, life was merely boneless aquatic creatures, yet they eventually - became creatures of flesh, blood, and bones. - - Ears, faces themselves livers, and skeletons, too—none of those are meant to look perfectly even. Your and my liver - aren't identical. They're the same organ and they work the same, but they wouldn't look exactly the same, and I don't - think they should. Again, it's the result of how tissue forms: imperfectly! The cells aren't all the exact same shape and size, - and that combined with them growing over time, forming the organ as they go, relying on a genetic blueprint and not - some physical outline to build on, will create a liver, which is liver-like in shape and can do the function of a liver. - That's simply what a liver is, and that's what my cells and your cells have successfully gathered into. Our livers do the - same thing; we are the same species, and we are both alive. Unless you're reading this in the future, in which case, - I was alive at some point, and this is proof that I was. Anyway, moving on. - - Before I conclude with the biggest point of this passage ("what is aliveness in appearance"), I will explore two - last examples: offspring of asexual reproduction in plants. The mental image I had was that of succulents or small - plants with many small thick leaves lined up. While each of those leaves are identical to each other, and the plant - itself being genetically identical to its parent plant, neither are 100% perfectly identical. The genes are identical, - but, yet again, it is how those cells form tissues that have these little imperfections which create the life that we see. - - The final example is the existence of mathematical patterns in nature. Designs on insects or spirals in the form - of some plants are technically perfect, but the aliveness factors into this again and produces little imperfections - in the form of bumps or curves or varied-sized parts in lumps. (A reader added wax honeycombs when discussing this - and it made me look up images. It's very stunning how perfect they look geometrically, but those too, because of both - the nature of the matter they're made of and the fact that they were made by living animals, fall victim to the idea - presented here. You'll have too look closely to see it, though.) - - Perhaps inanimate things can look alive as well. What to you, would make a robot look alive? I am thinking of a robot with - many appendages or arms: a spider-like giant robot (something similar to "can't help myself" by Sun Yuan & Peng Yu. I - imagine its base to be stationary but it has many arms sticking out, whose movement is anchored to that base). To me, - a pure mechanical motion that is identical in each movement, predictable and repetitive isn't alive, but it can move in ways - that make it seem alive. After thinking, I noticed what I'm looking for: what makes a motion look alive? I found it to be - how it interacts with and is influenced by its surroundings. A robot arm that moves purely based on how it's programmed - to move is, well, functioning, but it doesn't feel alive in any way. It's a machine. Yet a machine, say the spider-thing, - moves imperfectly, such as a motion that isn't even or predictable (it stumbles around, hesitates, doesn't move its - arm for the same distance each time, and so on), can perhaps make me sympathise with a lifeless machine, and even make - me see it as a very large metal animal. - - You were never meant to look perfect. You were meant to be alive. Biologically, your body is perfect enough to keep you alive. - - *I ended up not mentioning ecosystems here, but briefly, it was about the sheer diversity of life on Earth, and the - food chains that dominate the flow of the living part of nature. I don't have anything to say that you can't reach - yourself, but the key idea is the systems that simply work. +It all looks so alive. While the large-scale orchestrations and biological systems +within and around us are near-perfect, working like clockwork in a manner that has +been unchanged for millions of years, the tiny little bits themselves aren't as perfect, +which is not only beautiful in a sense, but is also a testimony to why the systems are +"perfect". In other words, they work. They work and that's what matters. Such things as +the ones I'm about to describe are insignificant on their own, yet those are traits of +the most important units that make you. + +Here I focus on structure in looks and ordering, not structure in it function. +The latter is beautifully perfect already, or, well, near-perfect. Again, if it didn't +work so well, it wouldn't have lasted, and that's an important point, and why I want to +connect "aliveness" with "imperfection." + +Now you're probably confused by the jumble of all the "perfects" and "imperfects" in the +above text, but I will clarify what I was thinking about a while ago. The systems inside +us—think of small ones like cellular functions, and big ones like entire organ systems. +(I will later touch into a bigger one: organisms themselves and ecosystems.*) I want you +to think of a microscope image of cells together. You're thinking of it? Good. It doesn't +matter what type of cells they are yet. I want you to focus on the structure. Due to the +nature of how things grow, those aren't geometrically perfect. They're lumpy and variant +in size, even if subtly. They're in fluid and contain fluid, so their insides move too. +When cells split, I doubt that they split wholly "perfectly". + +(I digress, but maybe they do, since due to how forces work, the mother cell, when +squeezing to split, has a tension form in the middle, and as it splits, the two resulting +parts should be similar in size or volume to maintain enough tension to successfully split +into two, I believe.) + +That aside, my point still stands: the forming cells aren't perfectly circular, or perfectly +any shape, for that matter. + +To me, their floating, jiggling, and nature are among what makes them look so alive, which +they are, of course, but what is "aliveness" to us? How do we look at a cow and identify +that it is a living creature? Isn't it its little movements, like its ears', the warmth of +its blood, its heartbeat, its little sounds here and there? That's a living being. Now back +to the microscopic. Cells that share a function—say, skin cells—are going to work identically. +Every cell destined to do something is ideally capable and does it, like being able to +recieve neurotransmitters, or have the miniscule bits of chemicals have an effect on it, +such that reactions within it can alter its behaviour. In a cell, there are exchanges going +on across membranes. There is DNA being copied and packages being transported. If it weren't +for the existence of disorders that the body cannot deal with, or errors of varying degrees +occuring at a cellular level, then this system is perfectly and flawlessy functional. And I +am going to state that regardless of errors that can and do frequently happen inside, because +such things are what I percieve as the aliveness of it all. In other words, you are alive +because your body is working. Your parts are playing their role, and your body is equipped +with the ability to deal with things, expected and unexpected. + +The final line is crucial, because those who are disabled aren't less (less perfect, +less "functional" or less anything). They are still alive and their bodies still work +enough for them to be alive, not just people but any living thing that doesn't match the +image of a fully perfect, unrealistically ideal member of its species. + +Let's go back to my main topic, which is imperfection in apperance of things that are alive. + +What prompted this entire thought process was me thinking about palisade mesophyll, a part +of leaf tissue that, when viewed in cross-section, has a regular formation of rectangular +palisade cells. I was thinking; we call them rectangular because that is what they look like, +and it's perfectly logical to call them that, but they aren't perfect rectangles. +They are bumpy and uneven and I doubt they sit together in perfect, even, brick-like alignment. + +Because of the way those cells form and grow, they won't look like perfect geometrical shapes, +yet the function is there, and they can form that orderly structure that they are supposed to +form, and work as intended, and I think that's beautiful. The same idea applies to the spongy +mesophyll, which are like the opposite of the palisade in a way, consisting of rounder cells +that aren't evenly placed. In fact, there's no rule to the pattern besides the idea that the +cells should have gaps between them. This doesn't prevent some cells from lumping together, +though, as long as the necessary vaccuum exists for the structure to perform its duty normally. + +This naturally brings us to the next topic: stem cells. Now let's focus on animals again. +Stem cells are incredible. You start as a little ball of cells, an embryo, yet your "code" +"knows" that cells are supposed to be different in order to perform different functions, and +those cells do "latch" onto their designated functions and grow accordingly. Isn't it amazing +how cells just "know" that they're supposed to form an ear, and can indeed follow with creating +an ear? And I mean, an actual ear, one whose outer structure they don't start with and work +around, yet create from essentially and structurally nothing but the genetic definition of an +ear! It works the same for everyone. The ears are similar for all humans. They're meant to be, +and are programmed to be. How did it come to that, the ability to have an ear that looks like +that across a species? Yes, evolution, but *how*? I can think of the details of how, from the +parts of an ear, since those parts each have a reason they're there, and we can trace each to +what made them a need, but that's a different topic, and you can probably find a decent text +on evolution that isn't this ramble. + +This is also applied to the fact that we have skeletons. It amazes me how an embryo can grow +into a baby with organs and a skeleton. Let's take it even further. At some point, life was +merely boneless aquatic creatures, yet they eventually became creatures of flesh, blood, and bones. + +Ears, faces themselves livers, and skeletons, too—none of those are meant to look perfectly +even. Your and my liver aren't identical. They're the same organ and they work the same, but +they wouldn't look exactly the same, and I don't think they should. Again, it's the result of +how tissue forms: imperfectly! The cells aren't all the exact same shape and size, and that +combined with them growing over time, forming the organ as they go, relying on a genetic +blueprint and not some physical outline to build on, will create a liver, which is liver-like +in shape and can do the function of a liver. That's simply what a liver is, and that's what +my cells and your cells have successfully gathered into. Our livers do the same thing; we are +the same species, and we are both alive. Unless you're reading this in the future, in which case, +I was alive at some point, and this is proof that I was. Anyway, moving on. + +Before I conclude with the biggest point of this passage ("what is aliveness in appearance"), +I will explore two last examples: offspring of asexual reproduction in plants. The mental +image I had was that of succulents or small plants with many small thick leaves lined up. +While each of those leaves are identical to each other, and the plant itself being +genetically identical to its parent plant, neither are 100% perfectly identical. The genes +are identical, but, yet again, it is how those cells form tissues that have these little +imperfections which create the life that we see. + +The final example is the existence of mathematical patterns in nature. Designs on insects +or spirals in the form of some plants are technically perfect, but the aliveness factors +into this again and produces little imperfections in the form of bumps or curves or +varied-sized parts in lumps. (A reader added wax honeycombs when discussing this and it made +me look up images. It's very stunning how perfect they look geometrically, but those too, +because of both the nature of the matter they're made of and the fact that they were made by +living animals, fall victim to the idea presented here. You'll have too look closely to see +it, though.) + +Perhaps inanimate things can look alive as well. What to you, would make a robot look alive? +I am thinking of a robot with many appendages or arms: a spider-like giant robot (something +similar to "can't help myself" by Sun Yuan & Peng Yu. I imagine its base to be stationary +but it has many arms sticking out, whose movement is anchored to that base). To me, a pure +mechanical motion that is identical in each movement, predictable and repetitive isn't alive, +but it can move in ways that make it seem alive. After thinking, I noticed what I'm looking +for: what makes a motion look alive? I found it to be how it interacts with and is influenced +by its surroundings. A robot arm that moves purely based on how it's programmed to move is, +well, functioning, but it doesn't feel alive in any way. It's a machine. Yet a machine, say +the spider-thing, moves imperfectly, such as a motion that isn't even or predictable +(it stumbles around, hesitates, doesn't move its arm for the same distance each time, and +so on), can perhaps make me sympathise with a lifeless machine, and even make me see it as +a very large metal animal. + +You were never meant to look perfect. You were meant to be alive. Biologically, your body +is perfect enough to keep you alive. + +*I ended up not mentioning ecosystems here, but briefly, it was about the sheer diversity +of life on Earth, and the food chains that dominate the flow of the living part of nature. +I don't have anything to say that you can't reach yourself, but the key idea is the systems +that simply work. diff --git a/txt/birth.txt b/txt/birth.txt index 7d6bed5..190fb79 100644 --- a/txt/birth.txt +++ b/txt/birth.txt @@ -1,25 +1,27 @@ - I will use this page to express whatever I want to, especially thoughts I have a lot and want to discuss, - given that nobody in my life is down to ever having a discussion. I want to keep it minimal as the words - are more important than the look, but with a bit of CSS, I wanted it to look comfortable to read. This - page was ironically inspired by the No-CSS club. I originally wanted to write pure pages for my thoughts, - with zero styling. I already had the habit of storing thoughts in plaintext files, and when I saw its - potentional in websites, I wanted to do the same. However, when I created this file and was greeted by - Neocities' placeholder code, I realized that I liked my default style (mute background plus page margins). - I avoided JavaScript as well, as I deem it to be excessive. - - As for my audience, I know who they are. It's people who think similarly to me, or otherwise anyone who - thinks too deeply about everything. I consider it a curse of some sorts but we'll see where it takes me. - - The internet is wide, so not everyone who comes across this will understand me, and if they do, they could - disagree. Thing is, I'd like that. I appreciate disagreements as they get me out of my head. I love getting - insight into how others think if it differs from my own thinking. I'm sick of living inside of my head, so - this is a great outlet. Ideas exist to be shared in a way, whether directly or through application and - implementation, or however you want to put it. Like I've said before, my online existence isn't worth more - or less than anyone else's, and my opinions aren't anything special, but I think and I need to put use into - these thoughts. Thinking alone won't change a thing in my life, but it sure makes the days more eventful - than they really are. My life wouldn't have looked the same if it weren't for my understanding of it being - the way it is. I've seen people whose lenses I want to share, people who, when you look through their eyes, - refresh my vision. For some of them, I'd love to see life the way they do, but only for a little while, as - changing something so big about myelf won't make me the *me* I know anymore. - - Enjoy.
\ No newline at end of file +I will use this page to express whatever I want to, especially thoughts I have a lot and want to +discuss, given that nobody in my life is down to ever having a discussion. I want to keep it minimal +as the words are more important than the look, but with a bit of CSS, I wanted it to look comfortable +to read. This page was ironically inspired by the No-CSS club. I originally wanted to write pure pages +for my thoughts, with zero styling. I already had the habit of storing thoughts in plaintext files, +and when I saw its potentional in websites, I wanted to do the same. However, when I created this +file and was greeted by Neocities' placeholder code, I realized that I liked my default style (mute +background plus page margins). I avoided JavaScript as well, as I deem it to be excessive. + +As for my audience, I know who they are. It's people who think similarly to me, or otherwise anyone +who thinks too deeply about everything. I consider it a curse of some sorts but we'll see where it +takes me. + +The internet is wide, so not everyone who comes across this will understand me, and if they do, +they could disagree. Thing is, I'd like that. I appreciate disagreements as they get me out of my +head. I love getting insight into how others think if it differs from my own thinking. I'm sick of +living inside of my head, so this is a great outlet. Ideas exist to be shared in a way, whether +directly or through application and implementation, or however you want to put it. Like I've said +before, my online existence isn't worth more or less than anyone else's, and my opinions aren't +anything special, but I think and I need to put use into these thoughts. Thinking alone won't change +a thing in my life, but it sure makes the days more eventful than they really are. My life wouldn't +have looked the same if it weren't for my understanding of it being the way it is. I've seen people +whose lenses I want to share, people who, when you look through their eyes, refresh my vision. For +some of them, I'd love to see life the way they do, but only for a little while, as changing +something so big about myelf won't make me the *me* I know anymore. + +Enjoy.
\ No newline at end of file diff --git a/txt/isolation.txt b/txt/isolation.txt index 781c5f5..9fea6ba 100644 --- a/txt/isolation.txt +++ b/txt/isolation.txt @@ -1,44 +1,58 @@ - We are not immune to influence. We are surrounded by all kinds of opinions, and a human, when deciding how they feel - or think about something, will be influenced by those around them. In addition, all creative works are sourced from around - the creator. Even art that is born from within us has been inspired by something or somebody that we have seen before. (Yes, - even if the art was inspired by a hallucination, other mind tricks, or geometric shapes.) We cannot truly conjure something - that our brain has never had any contact with. Our imagination is limited to what we have visual input for. Creativity exists - when we can create something new out of our past knowledge. We can split and stick parts together and create something never - seen before, but I digress. I am saying that one cannot be 100% original. This is not to discredit any artists, of course. - In fact, what I'm talking about isn't a negative thing at all. Instead, it's somewhat unifying. - - Back to opinions. We may not all consciously look around and see what others are thinking before declaring what we think, - even though it has become the norm to be considerate in some way or another to our surroundings. My point here is that we - all want to conform to those with whom we feel that we belong. Don't deny it. Even if you are willing to go against the - grain in every aspect of your life, you are still trying to conform to something, and that something could be your own mental - image. However, in most cases, we want to belong with others. We feel that we must not think or feel in a way that defies or - contradicts those with whom we want to share a bond. That bond does not always exist either. It could be an invisible tie - that none of us acknowledge, which appears in cases where our only similarity is intellectual. Those who think the same - can be grouped together. - - Nobody likes to be isolated. In ancient times, isolation from a tribe meant death. That is the proposed origin of why - loneliness is painful. How does this apply in our times? We may want to participate in the same activities that people we - like participate in. We may want to incorporate into our creative works things that will draw in those similar to us, or - those with whom we want to be grouped or part of. Actually, there is a fallacy in what I said, because, as you know, many - artists do not create with a label in mind. They do not create in order to be similar to another artist or to fit a title, - style, or genre, as it defeats the self-expression and individuality that comes with creative human expression. However, - for things as general as style or genre, one cannot be truly one of a kind. There will always be something similar, even - if distantly, or something that has been a source of inspiration. That is not a bad thing. There could be two poets who - write a similar poem, yet they don't know that the other nor their poem exists. Things like that can happen, as there is - only so much originality that a human being could produce. - - There is another distinction in this topic. There are those who do not want to be associated with any existing principle - or group, those who want to be completely solitary in their individualism. Those people could be hermits, recluses, or - otherwise anyone who wants to separate themselves as much as possible from society and/or to actively defy and fight the - norms placed by it. Like most other things in the world, this can be good and bad. It's good to think for yourself and - to try to eliminate as much influence as possible from your decision-making, but it's only natural to be influenced in some - way. While one is capable of making a perfectly neutral and logical decision, part of what makes us human is our reasoning. - We can decide what *we* find best. And that itself will be influenced by our past experiences, and in a lot of cases, our - feelings. Thoughts and feelings in decision-making will be discussed in "Heart and Mind" and not here. - - The bottom line is that human beings do not want to be isolated or ostracized. We prefer decisions and opinions that will - draw us closer to and not further apart from our people. However, I want to declare that you don't have to. You don't have - to conform. You aren't a slave to others' opinions, so who cares whether or not you achieve the similarity to others, if - you seek it? If you don't, then that's good. In this day and age, it is always better to draw your own conclusions and - opinions. People you like aren't necessarily "more correct", so think for yourself before you let an influence choose your - thoughts and feelings for you. This can apply to anything, big and small.
\ No newline at end of file +We are not immune to influence. We are surrounded by all kinds of opinions, and a human, +when deciding how they feel or think about something, will be influenced by those around +them. In addition, all creative works are sourced from around the creator. Even art that +is born from within us has been inspired by something or somebody that we have seen before. +(Yes, even if the art was inspired by a hallucination, other mind tricks, or geometric +shapes.) We cannot truly conjure something that our brain has never had any contact with. +Our imagination is limited to what we have visual input for. Creativity exists when we can +create something new out of our past knowledge. We can split and stick parts together and +create something never seen before, but I digress. I am saying that one cannot be 100% +original. This is not to discredit any artists, of course. In fact, what I'm talking about +isn't a negative thing at all. Instead, it's somewhat unifying. + +Back to opinions. We may not all consciously look around and see what others are thinking +before declaring what we think, even though it has become the norm to be considerate in +some way or another to our surroundings. My point here is that we all want to conform to +those with whom we feel that we belong. Don't deny it. Even if you are willing to go against +the grain in every aspect of your life, you are still trying to conform to something, and +that something could be your own mental image. However, in most cases, we want to belong +with others. We feel that we must not think or feel in a way that defies or contradicts +those with whom we want to share a bond. That bond does not always exist either. It could +be an invisible tie that none of us acknowledge, which appears in cases where our only +similarity is intellectual. Those who think the same can be grouped together. + +Nobody likes to be isolated. In ancient times, isolation from a tribe meant death. That +is the proposed origin of why loneliness is painful. How does this apply in our times? +We may want to participate in the same activities that people we like participate in. We +may want to incorporate into our creative works things that will draw in those similar to +us, or those with whom we want to be grouped or part of. Actually, there is a fallacy in +what I said, because, as you know, many artists do not create with a label in mind. They +do not create in order to be similar to another artist or to fit a title, style, or genre, +as it defeats the self-expression and individuality that comes with creative human +expression. However, for things as general as style or genre, one cannot be truly one of +a kind. There will always be something similar, even if distantly, or something that has +been a source of inspiration. That is not a bad thing. There could be two poets who write +a similar poem, yet they don't know that the other nor their poem exists. Things like that +can happen, as there is only so much originality that a human being could produce. + +There is another distinction in this topic. There are those who do not want to be +associated with any existing principle or group, those who want to be completely +solitary in their individualism. Those people could be hermits, recluses, or otherwise +anyone who wants to separate themselves as much as possible from society and/or to +actively defy and fight the norms placed by it. Like most other things in the world, +this can be good and bad. It's good to think for yourself and to try to eliminate as +much influence as possible from your decision-making, but it's only natural to be +influenced in some way. While one is capable of making a perfectly neutral and logical +decision, part of what makes us human is our reasoning. We can decide what *we* find best. +And that itself will be influenced by our past experiences, and in a lot of cases, our +feelings. Thoughts and feelings in decision-making will be discussed in "Heart and Mind" +and not here. + +The bottom line is that human beings do not want to be isolated or ostracized. We prefer +decisions and opinions that will draw us closer to and not further apart from our people. +However, I want to declare that you don't have to. You don't have to conform. You aren't +a slave to others' opinions, so who cares whether or not you achieve the similarity to +others, if you seek it? If you don't, then that's good. In this day and age, it is always +better to draw your own conclusions and opinions. People you like aren't necessarily "more +correct", so think for yourself before you let an influence choose your thoughts and feelings +for you. This can apply to anything, big and small.
\ No newline at end of file |
