diff options
697 files changed, 12350 insertions, 0 deletions
diff --git a/Debussy.html b/Debussy.html new file mode 100644 index 0000000..6c7ae81 --- /dev/null +++ b/Debussy.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + </head> + <body style="background-color: black"> + + <a href="/txt/hello.txt"><img src="/img/Stegosaurus that has a CHON song in it.png" Alt="Image of Debussy"></a> + + </body> +</html> diff --git a/about.html b/about.html new file mode 100644 index 0000000..851ecac --- /dev/null +++ b/about.html @@ -0,0 +1,152 @@ +<!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"> + <meta name="author" content="Radiohotline"> + <link href="house.css" rel="stylesheet"> + <title>Soft Machine | About</title> + <style> + + </style> +</head> +<body> + <div class="top"> + <h1>About</h1> + <h1 class="logo"><a href="index.html">Soft Machine</a></h1> + <h1 id="home">House</h1> + </div> + + <script> + (function house() { + var words = ['Huis','Strehë','منزل','Տուն','Etxe','বাডি','Къща','Casa','ផទហ','房子','Kuća','Dům','Hus','Huis','House','Maja','Talo','Maison','სახლი','Haus','Σπίτι','ઘર','בית','घर','Ház','Hús','Rumah','Teach lán','Casa','家','Omah','집','Domum','Māja','Namas','Куќа','Rumah','വീട','Dar','Whare','घर','Байшин','घर','Hus','خانه','Dom','Casa','ਘਰ','Casă','Дом','Fale','Кућу','Dom','Hiša','Casa','Nyumba','Hus','வடு','Йорт','ఇలలు','บาน','Fale','Ev','Будинок','گھر','Uy','Căn nhà','Letya’','Indlu']; + var random = Math.floor(Math.random() * words.length); + document.getElementById('home').innerHTML = words[random]; + })(); + </script> + + <div class="col"> + <div style="width: 20%; text-align: justify; padding: 0 20px 0 0; border-right: 1px solid black;"> + <h2 style="margin-top: 0px;">Webmaster</h2> + <p>radiohotline[at]disroot[dot]org - <a href="radio.asc">PGP key</a></p> + <p>The more I try to outline who I am, the more I lose grasp.<sup>1</sup></p> + <p> + I'm an artist, musician, and "programmer" (I mainly use C), with a passion for music, computers (both CS and CE), experimental art, and other things. + I am a linguistics student. + <br><br> + I love learning about everything. More persistent interests include philosophy, literature, linguistics, psychology, + cryptanalysis, video games and game development, filmmaking, + electronics, ham radio, dinosaurs, birdwatching, and FOSS. + </p> + <hr> + <p class="j"> + <sup>1</sup> + Fruit bled in the palm<br> + Streaking life across my skin<br> + I am real again<br> + </p> + + <p> + <sup>2</sup> + <img src=img/teethinvitro.gif alt="Site button"> + </p> + + <br> + + <div id="buttons" style="text-align: center;"> + <img src="img/blinkies/am.gif" alt=""> + <img src="img/blinkies/bloodsucker.gif" alt=""> + <img src="img/blinkies/figment.gif" alt=""> + <img src="img/blinkies/fragile.gif" alt=""> + + <img src="img/blinkies/happy.gif" alt=""> + <img src="img/blinkies/malpractice.gif" alt=""> + <img src="img/blinkies/ohworm.gif" alt=""> + <img src="img/blinkies/wug.gif" alt=""> + + <br> + + <img src="img/stamps/gointhedark.gif" alt=""> + <img src="img/stamps/kafka.png" alt=""> + <img src="img/stamps/thog.png" alt=""> + </div> + + + </div> + + <div style="padding-left: 10px; width: 65%;"> + <div style="height: 400px; width: 400px; margin: auto; writing-mode: vertical-rl; text-orientation: mixed; text-align: justify; font-size: larger; line-height: 1;"> + <p><span style="font-weight: bold;">History:</span> Soft Machine<sup>2</sup> started in 2021 under the name "Randal", and it was only populated in 2022 when it was renamed to "Teeth in Vitro", when it solely + held the Nirvana page. After a hiatus, it was relaunched in 2024 as a much more + compact personal website, the modest version you can find under /min<span class="bsq"></span>. In late 2025, a style based on the typography of House of Leaves was used, + as on this page. It is archived under /old. As of 2026, the site is themed around my project "Moloch". + You pass by people every day and they don't leave an impression on you, and neither will I, but maybe I will leave a mark on the world as someone who merely + existed. <span style="font-weight: bold;">Aim:</span> The site serves as a hub for all my projects, ranging from art to techy escapades. Essays may be shared if a topic lingers on my mind. + </p> + </div> + + <div style="padding: 0 15px 0 15px;"> + <h2>Inspiration</h2> + <p> + I believe in self-sufficiency as a lifestyle, and this extends into my love for DIY. If I can make something myself instead of buying it, I attempt to do it. + As a result, I love open-source hardware projects, but DIY includes crafts and clothes. + <br><br> + I am deeply fascinated by human life from the Paleolithic to the Bronze Age. Even though I am drawn to anthropological history, I despise mankind and what + it made, but I have a soft spot for prehistoric settlements and early civilization, especially Mesopotamian. + <br><br> + I'm also fascinated by categorization, data archives and collections of basically anything, tools, trinkets, mechanisms, and musical instruments. + A lot of my interests are off-shoots or combinations of each other, and my aspirations lay everywhere since my dream is to combine the things that + I enjoy doing into a valuable creation. + </p> + + <p style="text-align: center">***</p> + + <div class="blsq" style="padding: 5px;"> + <img src="img/buttons/apples.png" alt=""> + <img src="img/buttons/bestview.gif" alt=""> + <img style="width:88px; height:31px;" src="img/buttons/evil.gif" alt=""> + <a href="https://sitcomtheory.org/"><img style="width:88px; height:31px;" src="img/buttons/sitcombutton.gif" alt="sitcomtheory.org"></a> + <img src="img/buttons/homestar.gif" alt=""> + <a href="https://wiredcollective.neocities.org/webring"><img src="https://wiredcollective.neocities.org/webringimages/wiredcollectivebutton.png" alt="WIRED COLLECTIVE WEBRING"></a> + <img src="img/buttons/sharewareplease.gif" alt=""> + <img src="img/buttons/thirdimpact.png" alt=""> + <a href="https://publictransit.neocities.org/"><img src="img/buttons/transit.gif" alt="publictransit.neocities.org"></a> + <a href="https://dhmo.org/"><img style="width:88px; height:31px;" src="img/buttons/dhmo.png" alt="dhmo.org"></a> + <img style="width:88px; height:31px;" src="img/buttons/void.gif" alt=""> + <img style="width:88px; height:31px;" src="img/buttons/xenia.gif" alt=""> + <a href="https://theanarchistlibrary.org/special/index"><img style="width:88px; height:31px;" src="img/buttons/anarchist_lib.png" alt="theanarchistlibrary.org"></a> + <a href="https://archive.org"><img style="width:88px; height:31px;" src="img/buttons/archive.gif" alt="archive.org"></a> + <a href="https://zapatopi.net/treeoctopus/"><img style="width:88px; height:31px;" src="img/buttons/treeoctopus.png" alt="zapatopi.net/treeoctopus"></a> + <img style="width:88px; height:31px;" src="img/buttons/urappin.png" alt=""> + <a href="https://crouton.net/"><img style="width:88px; height:31px;" src="img/buttons/crouton.png" alt="crouton.net"></a> + <img style="width:88px; height:31px;" src="img/buttons/furby.jpg" alt=""> + <img style="width:88px; height:31px;" src="img/buttons/templeos.png" alt=""> + <img style="width:88px; height:31px;" src="img/buttons/budgie.gif" alt=""> + </div> + + <p> + Do you remember the taste of your mother's flesh? Do you remember the smell of the angel's milk? Do you remember the metal joints that were once your bones? Do you remember the sound of the thunder that was once your heart? The ivory is the amalgam in your teeth. The flowers sit between the tangled strands of your perfumed hair. Your mother has long been dead, but her mass remains hidden in the overgrown and forgotten realm of your home, with rusted pipes still extending from the meat. You opened your eyes a thousand years ago, but have only blinked today, moisturizing your eyes for the first time and with it storing your memories in the record. You begin a new life everyday if you have no attachment to anything. Every item left behind is reborn every hour. Nothing holds the traces of your touch anymore. Everything around you has become a faded and swirling mess, floating like gas that carries you with ease. You are heavy. You are light. You do not know grief, but you know warmth. You knew one warmth. It is now cold all around you. You do not know if you are lost or at your new home. You do not care to know. You look up to the saturated blue sky, and it returns your glimpse with a blinding beam of red light. You have a feeling that the beam was once a white bundle of rays that softly painted your surroundings, but you can never be sure. With each passing day, you bury more of the past under the soft and wet clumps of soil that make up your world. You continue to crawl towards a God you wish to find. It is all you have. + </p> + + </div> + + </div> + + <div style="width: 15%; text-align: justify; padding-left: 10px; border-left: 1px solid black; font-size: small;" class="udown"> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis sem rutrum ligula blandit auctor ac at felis. Vestibulum ultricies mi ante, a lacinia eros cursus a. Quisque nisi turpis, sollicitudin ac erat vel, condimentum tempor libero. Vivamus in odio vitae arcu gravida aliquam. Nunc egestas ligula at blandit commodo. Pellentesque lorem neque, tristique sit amet ultricies ac, ultricies at sapien. Cras sed enim nec nunc convallis hendrerit porttitor semper lectus. + </p> + <p> + Nunc placerat leo et nunc pharetra tincidunt. Vestibulum sed hendrerit mauris. Nunc ut nisi eget est commodo feugiat in eu urna. Maecenas elementum maximus sollicitudin. Duis non dolor pellentesque, facilisis elit sed, sodales metus. Nulla dui augue, convallis id mauris vitae, lobortis dapibus ipsum. Vivamus viverra efficitur vestibulum. + + Vivamus eleifend neque nec ante posuere, quis pretium turpis varius. Sed tincidunt enim placerat ante euismod lacinia. Praesent massa lacus, dapibus nec commodo vitae, auctor sed urna. Curabitur et suscipit nibh. In tincidunt fermentum est vitae rhoncus. Sed quis urna felis. Nulla vitae ipsum ut metus maximus aliquet sit amet id sem. Duis purus mauris, iaculis id quam suscipit, malesuada posuere ipsum. + </p> + <p class="minpass"> +   <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>  <span> Pellentesque nulla orci, lacinia vitae aliquam ac,</span>  <span> aliquam in nisi. Suspendisse</span>    <span> efficitur nisl nibh, sit amet mollis purus blandit et. Ut velit diam, vehicula eget rhoncus ac, tincidunt at dolor. Nam rhoncus gravida mollis. Proin sem ipsum,</span>  <span> sodales sed ornare a, venenatis ac ante. Donec cursus ligula augue, non blandit lacus dapibus id. Cras orci risus, cursus id faucibus id, iaculis a nibh. Proin in justo nec lectus convallis placerat.</span>       <span>Proin lacinia diam sit amet tellus malesuada bibendum. Suspendisse sagittis fermentum sem ut ultricies. Morbi egestas odio id feugiat vestibulum. Quisque</span>    <span> sed tincidunt nibh. Quisque a pellentesque nunc.</span> + </p> + </div> + </div> +</body> +</html> diff --git a/art.html b/art.html new file mode 100644 index 0000000..bec4a4c --- /dev/null +++ b/art.html @@ -0,0 +1,86 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="I make digital and traditional art exploring surreal worlds, dark tunnels, ambigious gender, violence, and surgical experiments, with a touch of soft strokes and tenderness"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <title>Soft Machine | Art</title> + <link rel="stylesheet" href="house.css"> + + <style> + .container { + padding: 0%; + } + + .container div { + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + padding-right: 20px; + } + + .container div p { + position: absolute; + z-index: 2; + pointer-events: none; + font-family: 'Courier New', Courier, monospace; + } + + img { + width: 100px; + height: 100px; + } + </style> +</head> +<body> + <div class="top"> + <h1>Art</h1> + <h1 class="logo"><a href="index.html">Soft Machine</a></h1> + </div> + + <nav> + <span> + <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="library.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + + <h2>Archive</h2> + + <div class="container"> + <div> + <p>Doodles</p> + <a href="doodle.html"> + <img src="img/art/doodle.png" alt="Doodles"> + </a> + </div> + <div> + <p>Sketches</p> + <a href="sketch.html"> + <img src="img/art/sketch.jpg" alt="Sketches"> + </a> + </div> + <div> + <p style="background-color: rgba(255, 255, 255, 0.5);">Completed</p> + <a href="portfolio.html"> + <img src="img/art/full.jpg" alt="Complete"> + </a> + </div> + </div> + + <p>I post art on <a href="https://bsky.app/profile/softmachine.dev">Bluesky</a>.</p> + + <p style="font-weight: bold; font-size: larger;">page is a work in progress</p> +</body> +</html> diff --git a/artwip.html b/artwip.html new file mode 100644 index 0000000..cb4cfe5 --- /dev/null +++ b/artwip.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="I make digital and traditional art exploring surreal worlds, dark tunnels, ambigious gender, violence, and surgical experiments, with a touch of soft strokes and tenderness"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <title>Soft Machine | Art</title> + <link href="common.css" rel="stylesheet" type="text/css"> + + <style> + body { + background-image: url('img/art/artbg.png'); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + background-position: center; + } + + .flex a { + padding-left: 30px; + padding-right: 30px; + } + </style> +</head> +<body> + <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> + <div> + <div class="flex"> + <a href="portfolio.html"><img src="img/art/bulletin.png" alt="Portfolio"></a> + </div> + <div class="flex"> + <a href="doodle.html"><img src="img/art/drawing.png" alt="Doodles"></a> + <a href="sketch.html"><img src="img/art/sketchbooks.png" alt="Sketches"></a> + <a href="paintings.html"><img src="img/index/art.png" alt="Paintings"></a> + </div> + <div class="flex"> + <a href="https://bsky.app/profile/softmachine.dev"><img src="img/art/bluesky.png" alt="Bluesky"></a> + <a href="commission.html"><img src="img/art/letter.png" alt="Commissions"></a> + </div> + </div> +</body> +</html>
\ No newline at end of file diff --git a/aylesbury_ducks.jpg b/aylesbury_ducks.jpg Binary files differnew file mode 100644 index 0000000..1f68134 --- /dev/null +++ b/aylesbury_ducks.jpg diff --git a/brain.html b/brain.html new file mode 100644 index 0000000..f631534 --- /dev/null +++ b/brain.html @@ -0,0 +1,5 @@ +<a href="library.html">library</a> +<a href="thoughts.html">thoughts</a> +<a href="muse.html">muse</a> +<a href="poetry.html">poetry</a> +<p>temporary page</p>
\ No newline at end of file diff --git a/commold.txt b/commold.txt new file mode 100644 index 0000000..33fb349 --- /dev/null +++ b/commold.txt @@ -0,0 +1,238 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="house.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> + <style> + .container { + padding: 0%; + } + + div { + text-align: center; + } + + p, li { + text-align: left; + } + + img { + width: 100px; + height: 100px; + } + + li { + margin: 20px 0; + } + + table { + #empty-cells: hide; + margin-left: auto; + margin-right: auto; + } + + table, th, td { + border: 1px solid black; + border-collapse: collapse; + } + + th, td { + padding: 10px; + } + + @media (max-width: 400px) { + img { + width: 150px; + height: 150px; + } + + div { + display: inline-block; + } + } + </style> +</head> +<body> + <nav> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="house.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + + <h2>Commissions (Currently Closed)</h2> + + <h3>WIP page. Images and prices will be added by next summer.</h3> + + <p>Commissions are paid for through <a href="https://coff.ee/teethinvitro">Buy Me A Coffee</a>.</p> + + <div class="container"> + <h3>Character Art/Portraiture</h3> + <p>Art of humanoids in a semirealistic or cartoon style (specify)</p> + <p>Formula: base + [(no. of subjects - 1) * 0.5 * base] + bg</p> + + <h4>Traditional</h4> + + <table> + <tr> + <td></td> + <th>Sketch</th> + <th>Lineart</th> + <th>Rendered</th> + </tr> + <tr> + <th>Bust/Icon</th> + </tr> + <tr> + <th>Halfbody</th> + </tr> + <tr> + <th>Fullbody</th> + </tr> + </table> + + <h4>Digital</h4> + + <table> + <tr> + <td></td> + <th>Sketch</th> + <th>Lineart</th> + <th>Rendered</th> + </tr> + <tr> + <th>Bust/Icon</th> + </tr> + <tr> + <th>Halfbody</th> + </tr> + <tr> + <th>Fullbody</th> + </tr> + </table> + + <ul> + <li>An additional subject costs an additional %50 of the base price (i.e. price of one character as specified above).</li> + <li>Simple backgrounds such as patterns or backdrops with low detail cost between $1 and $5 depending on the size of the drawing and the complexity.</li> + # image examples + <li>For even larger or more complex backgrounds see <a href="#landscape">Landscape</a>.</li> + </ul> + </div> + <br><br> + <div class="container"> + <h3>MS Paint</h3> + <p>Art made in Microsoft Paint</p> + <p>Small ≤ 500px × 500px < Large</p> + + <table> + <tr> + <td></td> + <th>Small drawing</th> + <th>Large drawing</th> + <th>Small painting</th> + <th>Large painting</th> + </tr> + <tr> + <th>Portrait</th> + <td>lineart<br>colored</td> + <td>lineart<br>colored</td> + </tr> + <tr> + <th>Landscape</th> + </tr> + <tr> + <th>Both</th> + </tr> + </table> + + <h4>TuxPaint Collage</h4> + x + </div> + <br><br> + <div class="container"> + <h3 id="landscape">Landscape and genre art</h3> + + <table> + <tr> + <td></td> + <th>Traditional</th> + <th>Digital</th> + </tr> + <tr> + <th>Lineart</th> + </tr> + <tr> + <th>Rendered</th> + </tr> + </table> + + <p>If the living subject of the painting is not detailed (see the examples below), you will only pay the cost of the landscape and not the character.</p> + # image + <br><br> + <h3>Free work (limited)</h3> + <p>The idea behind this category is to give me full creative freedom but a general direction to work with.</p> + <p>You may specify a theme, such as shapes, elements, motifs, colors, mood, meaning (optional; you can choose what the painting represents and I'll have the freedom to decide what that looks like), etc.</p> + <p>You are free to choose a broadly defined style such as impressionism, expressionism, abstract art, surrealism, and so on.</p> + <p>TL;DR: You can pay me to create something I'd put my heart into.</p> + </div> + <br><br> + + <div class="container"> + <h3>Commercial Work</h3> + <ul> +<li>The cost of a commercial commission equals the price of a personal commission plus a fixed base for usage rights depending on artwork type.</li> + <li>Commercial commissions I may take include the following:</li> + <ul> + <li>Creator artwork: banners, icons, etc. for streamers and similar</li> + <li>Art for independent zines</li> + <li>Poster art elements for small music venues and gigs</li> + <li>Album artwork</li> + <li>Book cover artwork or similar</li> + </ul> +</ul> + </div> + <br><br> + <hr> + <h3>Terms of Service</h3> + <h4>General terms</h4> + <ul> + <li>Commission prices may be higher than listed depending on the complexity of the work requested.</li> + <li>I retain the right to reject an order for any reason.</li> + </ul> + <h4>Payment</h4> + <ul> + <li>Payments are done through BuyMeACoffee (linked above) and in USD.</li> + <li>I will first send a sketch when I accept the commission, and you may pay 50% of the total price as confirmation. When the work is completed, I will send a preview, and you may pay the remaining 50% as confirmation. You may request a refund up until the sketch stage.</li> + <li>Please do not pay until I have accepted the commission and given you a slot. I will provide an ID for the commission for you to use during payment.</li> + </ul> + <h4>Process and Delivery</h4> + <ul> + <li>The time it takes to complete a commission may vary, but I can generally complete an order within a week <i>after making a sketch</i>. The time at which I start will depend on how many commissions I have taken. I may cancel the order if special circumstances occur, such as travel or illness. I will refund the order in that case.</li> + <li>When the commission is complete, I will email you the full-resolution image as a PNG or your preferred lossless format.</li> + </ul> + <h4>Revisions</h4> + <ul> + <li>Minor changes (fixing errors, touching up the work, coloring changes, etc) to the commissioned work are free. Major changes (such as recreating a rendered background) that take more than an hour to do will cost up to %50 additional money depending on the workload. If the change is a result of a misunderstanding on my end (i.e. misreading or misinterpreting the written directions), there will be no extra costs.</li> + </ul> + <h4>Copyright and Usage</h4> + <ul> + <li>You may not use a personally commissioned work for commercial purposes, such as in a product, to resell, to redistribute (standalone or as a part of a product, such as a book or poster), or any other forms of profit without my permission.</li> + <li>Personal usage is allowed, such as in icons, banners, ArtFight pages (with credit), posting online (with credit), printing for personal use (no mass printing), etc., i.e. usage that does not earn you money.</li> + <li>For commercial commissions, full attribution is required, and the work may not be resold or redistributed as standalone.</li> + <li>You may not claim the commissioned piece as your own work.</li> + <li>You may not alter the commissioned piece and redistribute it without my permission.</li> + <li>I will most likely share the commission (low res) here on my portfolio, so let me know if you do not want me to do so.</li> + </ul> +</body> +</html> diff --git a/common.css b/common.css new file mode 100644 index 0000000..cf4e037 --- /dev/null +++ b/common.css @@ -0,0 +1,238 @@ +body { + background-image: url(img/bg.jpg); + background-attachment: fixed; + background-position: center; + background-size: 100%; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Mountains', Georgia, 'Times New Roman', Times, serif; + font-weight: bold; + 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); +} + +a { + color: #8F2037; + font-family: 'HennyPenny', Georgia, 'Times New Roman', Times, serif; +} + +a:hover { + filter: drop-shadow(0 0 5px #6b1020);; + font-style: italic; +} + +.logo { + text-align: center; + margin-top: 0px +} + +.logo a { + font-family: 'Mountains', Georgia, 'Times New Roman', Times, serif; + font-weight: bold; + color: rgb(228, 222, 210); +} + +.logo a:hover { + filter: none; +} + +.logo img { + width: 30rem; + transition: 0.4s; + filter: drop-shadow(0 0 10px rgba(0,0,0,0.9)); +} + +.logo img:hover { + width: 35rem; + filter: drop-shadow(0 0 10px rgba(255,255,255,0.9)); +} + +.shadow { + margin: auto; + background-color: rgba(0,0,0,0.6); + -webkit-box-shadow: 0 0 20px 20px rgba(0,0,0,0.6); + -moz-box-shadow: 0 0 20px 20px rgba(0,0,0,0.6); + box-shadow: 0 0 20px 20px rgba(0,0,0,0.6); + border-radius: 20px; + padding: 0px 30px 0px 30px; +} + +/* graphical pages */ + +.flex { + display: flex; + justify-content: center; + align-items: center; + max-height: 50vh; + min-height: auto; +} + +.flex a { + flex: 0 0 auto; + display: inline-block; + position: relative; + filter: none; + color: rgba(0,0,0,0); +} + +.flex a::after { + content: ""; + position: absolute; + background: rgba(0,0,0,0.6); + 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 { + /*-webkit-box-shadow: 0px 20px 50px 0px rgba(255,255,255,0.9); + -moz-box-shadow: 0px 20px 50px 0px rgba(255,255,255,0.9); + box-shadow: 0px 20px 50px 0px rgba(255,255,255,0.9);*/ + filter: drop-shadow(0 0 10px rgba(255,255,255,0.9)); +} + +/* art */ + +.art-container { + display: inline-flex; + flex-wrap: wrap; + justify-content: center; + flex-grow: none; + align-items: center; + align-self: flex-start; + gap: 20px; +} + +@media (min-width: 900px) { + .art { + margin-left: 0%; + margin-right: 0%; + } + + .art-nav { + margin-left: 30%; + margin-right: 30%; + } + + .art-container { + flex-direction: row; + } + + .art-container img { + height: 300px; + width: auto; + + } +} + +@media (max-width: 400px) { + body { + margin-left: 15px; + margin-right: 15px; + font-size: 20px; + } + + .art-container { + flex-direction: column; + } + + .art-container img { + height: auto; + width: 80vw; + margin-left: 5vw; + margin-right: 5vw; + } +} + +/* fonts */ + +@font-face { + font-family: 'DynaPuff'; + src: url('fonts/DynaPuff.ttf') format('truetype'); + font-display: swap; +} + +@font-face { + font-family: 'HennyPenny'; + src: url('fonts/HennyPenny.ttf') format('truetype'); + font-display: swap; +} + +@font-face { + font-family: 'Mountains'; + src: url('fonts/MountainsofChristmas-Regular.ttf') format('truetype'); + font-display: swap; +} + +@font-face { + font-family: 'MountainsBold'; + src: url('fonts/MountainsofChristmas-Bold.ttf') format('truetype'); + font-display: swap; +} + +@font-face { + font-family: 'Nanum'; + src: url('fonts/NanumMyeongjo-Regular.ttf') format('truetype'); + font-display: swap; +} + +@font-face { + font-family: 'Nanum'; + src: url('fonts/NanumMyeongjo-Bold.ttf') format('truetype'); + font-display: swap; + font-weight: bold; +} + +@font-face { + font-family: 'NanumExtra'; + src: url('fonts/NanumMyeongjo-ExtraBold.ttf') format('truetype'); + font-display: swap; +} + +@font-face { + font-family: 'Schoolbell'; + src: url('fonts/Schoolbell.ttf') format('truetype'); + font-display: swap; +} + +@font-face { + font-family: 'SNPro'; + src: url('fonts/SNPro.ttf') format('truetype'); + font-display: swap; +} + +@font-face { + font-family: 'SNPro'; + src: url('fonts/SNPro-Italic.ttf') format('truetype'); + font-display: swap; + font-style: italic; +} + +@font-face { + font-family: 'Stylish'; + src: url('fonts/Stylish.ttf') format('truetype'); + font-display: swap; +} + +@font-face { + font-family: 'Cherry'; + src: url('fonts/CherryBombOne.ttf') format('truetype'); + font-display: swap; +} diff --git a/cube.html b/cube.html new file mode 100644 index 0000000..1e9d5d6 --- /dev/null +++ b/cube.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>The web site of teethinvitro</title> + <style> + body { + background-color: black; + } + </style> + </head> + <body> + <div style="text-align: center"> + <img src="img/cube.png" style="height: 90vh"> + </div> + </body> +</html> diff --git a/doodle.html b/doodle.html new file mode 100644 index 0000000..0fee8bd --- /dev/null +++ b/doodle.html @@ -0,0 +1,196 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="I make digital and traditional art exploring surreal worlds, dark tunnels, ambigious gender, violence, and surgical experiments, with a touch of soft strokes and tenderness"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <title>Soft Machine | Doodles</title> + <link href="common.css" rel="stylesheet" type="text/css"> + + <style> + .shadow h1 { + text-align: center; + } + </style> +</head> +<body> + <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> + + <div class="shadow"> + <h1>Doodles</h1> + + <div class="art-container"> + <h2>2025</h2> + <img loading="lazy" src="img/art/2025/s2.jpg"> + <img loading="lazy" src="img/art/2025/s3.jpg"> + <img loading="lazy" src="img/art/2025/s4.jpg"> + <img loading="lazy" src="img/art/2025/h1.jpg"> + <img loading="lazy" src="img/art/2025/h2.jpg"> + <img loading="lazy" src="img/art/2025/h3.jpg"> + <img loading="lazy" src="img/art/2025/h2.jpg"> + <img loading="lazy" src="img/art/2025/h5.jpg"> + <img loading="lazy" src="img/art/2025/gen.jpg"> + <img loading="lazy" src="img/art/2025/gen2.jpg"> + <img loading="lazy" src="img/art/2025/girl.jpg"> + <img loading="lazy" src="img/art/2025/girls.jpg"> + <img loading="lazy" src="img/art/2025/grenoille.jpg"> + <img loading="lazy" src="img/art/2025/gren.jpg"> + <img loading="lazy" src="img/art/2025/chan.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190837.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190555.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190527.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190516.jpg"> + <img loading="lazy" src="img/art/2025/website.png"> + <h2>2024</h2> + <img loading="lazy" src="img/art/2024/weenergender.png"> + <img loading="lazy" src="img/art/2024/thething.png"> + <img loading="lazy" src="img/art/2024/theprotag.png"> + <img loading="lazy" src="img/art/2024/the experience.png"> + <img loading="lazy" src="img/art/2024/stars.png"> + <img loading="lazy" src="img/art/2024/skin.png"> + <img loading="lazy" src="img/art/2024/skedaddleaway.png"> + <img loading="lazy" src="img/art/2024/TIME.png"> + <img loading="lazy" src="img/art/2024/poster texture cool.jpg"> + <img loading="lazy" src="img/art/2024/my wires.png"> + <img loading="lazy" src="img/art/2024/molochhelp.gif"> + <img loading="lazy" src="img/art/2024/molochand me.gif"> + <img loading="lazy" src="img/art/2024/moldoodles.png"> + <img loading="lazy" src="img/art/2024/mithrundoodle.png"> + <img loading="lazy" src="img/art/2024/mithrun3.jpg"> + <img loading="lazy" src="img/art/2024/mithrun2.jpg"> + <img loading="lazy" src="img/art/2024/mithrun.GIF"> + <img loading="lazy" src="img/art/2024/lips.png"> + <img loading="lazy" src="img/art/2024/laiosSHIRT.jpg"> + <img loading="lazy" src="img/art/2024/jig.gif"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224938.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224932.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224926.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224814.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224815.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224914.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224904.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224835.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224828.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224758.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224657.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224638.jpg"> + <img loading="lazy" src="img/art/2024/ill.png"> + <img loading="lazy" src="img/art/2024/guts.png"> + <img loading="lazy" src="img/art/2024/gregemup.png"> + <img loading="lazy" src="img/art/2024/godot.png"> + <img loading="lazy" src="img/art/2024/gamedoodles.png"> + <img loading="lazy" src="img/art/2024/die.png"> + <img loading="lazy" src="img/art/2024/d.png"> + <img loading="lazy" src="img/art/2024/wegh.png"> + <img loading="lazy" src="img/art/2024/cant.png"> + <img loading="lazy" src="img/art/2024/and your relationships will fall apart c.png"> + <img loading="lazy" src="img/art/2024/2024 - Jan 23.jpg"> + <img loading="lazy" src="img/art/2024/2024 - Jan23 googles.png"> + <img loading="lazy" src="img/art/2024/2024 - Feb2.jpg"> + <h2>2023</h2> + <img loading="lazy" src="img/art/2023/whathehell.png"> + <img loading="lazy" src="img/art/2023/whatami.png"> + <img loading="lazy" src="img/art/2023/weird girl.png"> + <img loading="lazy" src="img/art/2023/update.png"> + <img loading="lazy" src="img/art/2023/typing.png"> + <img loading="lazy" src="img/art/2023/thoughts.png"> + <img loading="lazy" src="img/art/2023/the me tunrb 3.png"> + <img loading="lazy" src="img/art/2023/spaghettblur2.png"> + <img loading="lazy" src="img/art/2023/Sleep.png"> + <img loading="lazy" src="img/art/2023/September18 3.jpg"> + <img loading="lazy" src="img/art/2023/September18 2.jpg"> + <img loading="lazy" src="img/art/2023/September18 1.jpg"> + <img loading="lazy" src="img/art/2023/September18.jpg"> + <img loading="lazy" src="img/art/2023/September 4.png"> + <img loading="lazy" src="img/art/2023/scdumbrella.png"> + <img loading="lazy" src="img/art/2023/philosophy.png"> + <img loading="lazy" src="img/art/2023/person.png"> + <img loading="lazy" src="img/art/2023/people.png"> + <img loading="lazy" src="img/art/2023/November 2 2.jpg"> + <img loading="lazy" src="img/art/2023/momsjacket2.png"> + <img loading="lazy" src="img/art/2023/minmax.png"> + <img loading="lazy" src="img/art/2023/meshakeart.gif"> + <img loading="lazy" src="img/art/2023/me reference.png"> + <img loading="lazy" src="img/art/2023/me1.png"> + <img loading="lazy" src="img/art/2023/lighter.png"> + <img loading="lazy" src="img/art/2023/klaabu.jpg"> + <img loading="lazy" src="img/art/2023/June14 - dump2.jpg"> + <img loading="lazy" src="img/art/2023/jan29.png"> + <img loading="lazy" src="img/art/2023/inanna.png"> + <img loading="lazy" src="img/art/2023/imtheworst.png"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224346.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224336.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224332.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20231214_095534_edit_61702316709854.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224150.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224151.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230423_095740_edit_386787025095667.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230224_082257_edit_195344615689983.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230224_082251_edit_195280928687909.jpg"> + <img loading="lazy" src="img/art/2023/hylics looking ass.png"> + <img loading="lazy" src="img/art/2023/halftone.png"> + <img loading="lazy" src="img/art/2023/hair.png"> + <img loading="lazy" src="img/art/2023/gregsplat2.png"> + <img loading="lazy" src="img/art/2023/gregdespair2.png"> + <img loading="lazy" src="img/art/2023/goodday.png"> + <img loading="lazy" src="img/art/2023/girly.png"> + <img loading="lazy" src="img/art/2023/gegheff.png"> + <img loading="lazy" src="img/art/2023/gah.png"> + <img loading="lazy" src="img/art/2023/fursona.png"> + <img loading="lazy" src="img/art/2023/funkyproportions.png"> + <img loading="lazy" src="img/art/2023/fuckedup.png"> + <img loading="lazy" src="img/art/2023/freak.png"> + <img loading="lazy" src="img/art/2023/estshirt2.png"> + <img loading="lazy" src="img/art/2023/estoniapride.png"> + <img loading="lazy" src="img/art/2023/duckfull.png"> + <img loading="lazy" src="img/art/2023/distraught.png"> + <img loading="lazy" src="img/art/2023/departure.png"> + <img loading="lazy" src="img/art/2023/December18.jpg"> + <h2>Stout .. Identity Start</h2> + <img loading="lazy" src="img/art/2023/Dec 15.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 1.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 2.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 3.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 4.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 5.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 6.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 7.jpg"> + <h2>Stout ... Identity End</h2> + <img loading="lazy" src="img/art/2023/deal.png"> + <img loading="lazy" src="img/art/2023/coolending.png"> + <img loading="lazy" src="img/art/2023/compeeter.png"> + <img loading="lazy" src="img/art/2023/circle.png"> + <img loading="lazy" src="img/art/2023/catboyreigenfixed.png"> + <img loading="lazy" src="img/art/2023/can't find it.png"> + <img loading="lazy" src="img/art/2023/brutal.png"> + <img loading="lazy" src="img/art/2023/break.png"> + <img loading="lazy" src="img/art/2023/aoigarasudama.png"> + <img loading="lazy" src="img/art/2023/anatomysketches.png"> + <h2>2022</h2> + <img loading="lazy" src="img/art/2022/TabletTestCrop1.png"> + <img loading="lazy" src="img/art/2022/signed.png"> + <img loading="lazy" src="img/art/2022/IMG_20230703_204745.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20230703_204841.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_224600.jpg"> + <img loading="lazy" src="img/art/2022/linkdoodle.jpg"> + <h5>Comic start</h5> + <img loading="lazy" src="img/art/2022/IMG_20240718_223338.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223342.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223347.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223352.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223357.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223400.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223403.jpg"> + <h5>Comic end</h5> + <img loading="lazy" src="img/art/2022/IMG_20221019_220521_edit_150902434438431.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20220411_202438.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20220411_165337.jpg"> + <img loading="lazy" src="img/art/2022/kaiba.jpg"> + <h2>2021</h2> + <img loading="lazy" src="img/art/2021/Aubreyfull.jpg"> + </div> + </div> +</body> +</html> diff --git a/favicon.ico b/favicon.ico Binary files differnew file mode 100644 index 0000000..766a7c6 --- /dev/null +++ b/favicon.ico diff --git a/files/anachronism.pdf b/files/anachronism.pdf Binary files differnew file mode 100644 index 0000000..f2f4298 --- /dev/null +++ b/files/anachronism.pdf diff --git a/files/menagerie.pdf b/files/menagerie.pdf Binary files differnew file mode 100644 index 0000000..1d78fd7 --- /dev/null +++ b/files/menagerie.pdf diff --git a/fonts/Amiri.ttf b/fonts/Amiri.ttf Binary files differnew file mode 100644 index 0000000..e44f124 --- /dev/null +++ b/fonts/Amiri.ttf diff --git a/fonts/CherryBombOne.ttf b/fonts/CherryBombOne.ttf Binary files differnew file mode 100644 index 0000000..c78f8e0 --- /dev/null +++ b/fonts/CherryBombOne.ttf diff --git a/fonts/DejaVuSerif-Bold.ttf b/fonts/DejaVuSerif-Bold.ttf Binary files differnew file mode 100644 index 0000000..3fffea6 --- /dev/null +++ b/fonts/DejaVuSerif-Bold.ttf diff --git a/fonts/DejaVuSerif-Italic.ttf b/fonts/DejaVuSerif-Italic.ttf Binary files differnew file mode 100644 index 0000000..46a718e --- /dev/null +++ b/fonts/DejaVuSerif-Italic.ttf diff --git a/fonts/DejaVuSerif.ttf b/fonts/DejaVuSerif.ttf Binary files differnew file mode 100644 index 0000000..712a59b --- /dev/null +++ b/fonts/DejaVuSerif.ttf diff --git a/fonts/DynaPuff.ttf b/fonts/DynaPuff.ttf Binary files differnew file mode 100644 index 0000000..1910fbe --- /dev/null +++ b/fonts/DynaPuff.ttf diff --git a/fonts/HennyPenny.ttf b/fonts/HennyPenny.ttf Binary files differnew file mode 100644 index 0000000..ad308b7 --- /dev/null +++ b/fonts/HennyPenny.ttf diff --git a/fonts/MTF Memory.ttf b/fonts/MTF Memory.ttf Binary files differnew file mode 100644 index 0000000..11c74d9 --- /dev/null +++ b/fonts/MTF Memory.ttf diff --git a/fonts/MountainsofChristmas-Bold.ttf b/fonts/MountainsofChristmas-Bold.ttf Binary files differnew file mode 100644 index 0000000..1496965 --- /dev/null +++ b/fonts/MountainsofChristmas-Bold.ttf diff --git a/fonts/MountainsofChristmas-Regular.ttf b/fonts/MountainsofChristmas-Regular.ttf Binary files differnew file mode 100644 index 0000000..645fdcb --- /dev/null +++ b/fonts/MountainsofChristmas-Regular.ttf diff --git a/fonts/NanumMyeongjo-Bold.ttf b/fonts/NanumMyeongjo-Bold.ttf Binary files differnew file mode 100644 index 0000000..3d17772 --- /dev/null +++ b/fonts/NanumMyeongjo-Bold.ttf diff --git a/fonts/NanumMyeongjo-ExtraBold.ttf b/fonts/NanumMyeongjo-ExtraBold.ttf Binary files differnew file mode 100644 index 0000000..284cb1b --- /dev/null +++ b/fonts/NanumMyeongjo-ExtraBold.ttf diff --git a/fonts/NanumMyeongjo-Regular.ttf b/fonts/NanumMyeongjo-Regular.ttf Binary files differnew file mode 100644 index 0000000..22139a2 --- /dev/null +++ b/fonts/NanumMyeongjo-Regular.ttf diff --git a/fonts/RadiosHandwriting-Regular.ttf b/fonts/RadiosHandwriting-Regular.ttf Binary files differnew file mode 100644 index 0000000..fbe25f6 --- /dev/null +++ b/fonts/RadiosHandwriting-Regular.ttf diff --git a/fonts/Roundabout.ttf b/fonts/Roundabout.ttf Binary files differnew file mode 100644 index 0000000..0baa9d5 --- /dev/null +++ b/fonts/Roundabout.ttf diff --git a/fonts/SNPro-Italic.ttf b/fonts/SNPro-Italic.ttf Binary files differnew file mode 100644 index 0000000..a0a20f2 --- /dev/null +++ b/fonts/SNPro-Italic.ttf diff --git a/fonts/SNPro.ttf b/fonts/SNPro.ttf Binary files differnew file mode 100644 index 0000000..a161787 --- /dev/null +++ b/fonts/SNPro.ttf diff --git a/fonts/Schoolbell.ttf b/fonts/Schoolbell.ttf Binary files differnew file mode 100644 index 0000000..555b747 --- /dev/null +++ b/fonts/Schoolbell.ttf diff --git a/fonts/Stylish.ttf b/fonts/Stylish.ttf Binary files differnew file mode 100644 index 0000000..8aea245 --- /dev/null +++ b/fonts/Stylish.ttf diff --git a/fonts/asilaydying.ttf b/fonts/asilaydying.ttf Binary files differnew file mode 100644 index 0000000..7688b04 --- /dev/null +++ b/fonts/asilaydying.ttf diff --git a/fonts/blackclouds.ttf b/fonts/blackclouds.ttf Binary files differnew file mode 100644 index 0000000..071a786 --- /dev/null +++ b/fonts/blackclouds.ttf diff --git a/fonts/consola.ttf b/fonts/consola.ttf Binary files differnew file mode 100644 index 0000000..556d2fd --- /dev/null +++ b/fonts/consola.ttf diff --git a/fonts/cutout.ttf b/fonts/cutout.ttf Binary files differnew file mode 100644 index 0000000..ec99aef --- /dev/null +++ b/fonts/cutout.ttf diff --git a/fonts/poti.ttf b/fonts/poti.ttf Binary files differnew file mode 100644 index 0000000..e751eea --- /dev/null +++ b/fonts/poti.ttf diff --git a/fonts/punktype.ttf b/fonts/punktype.ttf Binary files differnew file mode 100644 index 0000000..b8d7a08 --- /dev/null +++ b/fonts/punktype.ttf diff --git a/gymno/3fish.exe.gif b/gymno/3fish.exe.gif Binary files differnew file mode 100644 index 0000000..837a42f --- /dev/null +++ b/gymno/3fish.exe.gif diff --git a/gymno/gymnopedie.html b/gymno/gymnopedie.html new file mode 100644 index 0000000..988157f --- /dev/null +++ b/gymno/gymnopedie.html @@ -0,0 +1,30 @@ +<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>So long...</title>
+ <style>
+ body {
+ background-color: black;
+ text-align: center;
+ margin: 200px;
+ }
+ iframe {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ z-index: -1;
+ }
+ </style>
+ </head>
+
+ <body>
+ <img src="3fish.exe.gif">
+ <!-- <audio loop autoplay>
+ <source src="GYMN_1_.CMF.ogg" type="audio/ogg">
+ </audio> -->
+ <iframe width="1" height="1" src="https://www.youtube.com/embed/4svlrjm98i8?autoplay=1&loop=1&controls=0" title="YouTube video player" frameborder="0" allow="autoplay; clipboard-write; encrypted-media;" allowfullscreen></iframe>
+ </body>
+
+</html>
diff --git a/house.css b/house.css new file mode 100644 index 0000000..42a40f8 --- /dev/null +++ b/house.css @@ -0,0 +1,103 @@ +h1, h2, h3, h4, h5, h6, p, li { + font-family: 'Times New Roman', Times, serif; +} + +.j { + font-family: 'Courier New', Courier, monospace; +} + +.m { + text-decoration: line-through; + color: red; +} + +.p { + text-decoration: line-through; + color: purple; +} + +.b { + color: blue; +} + +a { + color: blue; +} + +a:active { + color: red; +} + +.bsq { + width: 200px; + height: 200px; + background-color: black; + float: left; + shape-outside: square(50%); + display: block; + margin-bottom: 5px; + margin-right: 5px; + border: 2px solid blue; +} + +.blsq { + width: 200px; + height: 200px; + transform:rotateY(180deg); + -webkit-transform:rotateY(180deg); + -moz-transform:rotateY(180deg); + -o-transform:rotateY(180deg); + -ms-transform:rotateY(180deg); + border: 2px solid blue; + float: left; + overflow: scroll; + text-align: justify; + margin-right: 5px; + margin-top: 5px; + padding: 0px; +} + +.col { + display: flex; + word-wrap: break-word; +} + +.udown { + transform:rotateX(180deg); + -webkit-transform:rotateX(180deg); + -moz-transform:rotateX(180deg); + -o-transform:rotateX(180deg); + -ms-transform:rotateX(180deg); +} + +.minpass span { + color: red; + text-decoration: line-through; +} + +body { + margin: 20px; + margin-bottom: 0px; + margin-top: 0px; +} + +.top { + display: flex; + justify-content: space-between; +} + +.top h1 { + flex: 0 0 auto; + display: inline-block; + position: relative; +} + +.logo a { + color: black; + text-decoration: none; +} + +.logo:hover { + font-style: italic; + text-decoration: underline; +}
\ No newline at end of file diff --git a/images.txt b/images.txt new file mode 100644 index 0000000..5c2aaa7 --- /dev/null +++ b/images.txt @@ -0,0 +1,35 @@ + <div class="flex"> + <a href="brain.html"> + <img src="img/index/brain.png" style="max-width: 200px;" </div> + + <div class="flex"> + <a href="art.html"> + <img src="img/index/art.png" style="max-width: 350px;" onmouseover="this.src='img/index/art_select.png';" onmouseout="this.src='img/index/art.png';"></a> + + <div class="wrap"> + <a href="moloch.html"> + + <div class="eye" style="top: 160px; left: 70px;"> + <div class="pupil"></div> + </div> + + <div class="eye" style="top: 145px; left: 40px; width: 30px;"> + <div class="pupil"></div> + </div> + + <img src="img/index/weener.png" style="max-width: 250px;" onmouseover="this.src='img/index/weener_select.png';" onmouseout="this.src='img/index/weener.png';"></a> + </div> + + <a href="tech.html"> + <img src="img/index/computer.png" style="max-width:350px;" onmouseover="this.src='img/index/computer_select.png';" onmouseout="this.src='img/index/computer.png';"></a> + </div> + + <div class="flex"> + <a href="creatures.html"> + <img src="img/index/doll.png" style="max-width: 200px;" onmouseover="this.src='img/index/doll_select.png';" onmouseout="this.src='img/index/doll.png';"></a> + + <div style="width: 200px;"></div> + + <a href="music.html"> + <img src="img/index/music.png" style="max-width: 250px;" onmouseover="this.src='img/index/music_select.png';" onmouseout="this.src='img/index/music.png';"></a> + </div> diff --git a/img/art/2021/2021satoru.jpg b/img/art/2021/2021satoru.jpg Binary files differnew file mode 100644 index 0000000..56c1962 --- /dev/null +++ b/img/art/2021/2021satoru.jpg diff --git a/img/art/2021/Aubreyfull.jpg b/img/art/2021/Aubreyfull.jpg Binary files differnew file mode 100644 index 0000000..bd06923 --- /dev/null +++ b/img/art/2021/Aubreyfull.jpg diff --git a/img/art/2021/IMG_20210311_170418.jpg b/img/art/2021/IMG_20210311_170418.jpg Binary files differnew file mode 100644 index 0000000..b522d45 --- /dev/null +++ b/img/art/2021/IMG_20210311_170418.jpg diff --git a/img/art/2021/IMG_20210721_115209.jpg b/img/art/2021/IMG_20210721_115209.jpg Binary files differnew file mode 100644 index 0000000..76478cf --- /dev/null +++ b/img/art/2021/IMG_20210721_115209.jpg diff --git a/img/art/2021/IMG_20211223_202541.jpg b/img/art/2021/IMG_20211223_202541.jpg Binary files differnew file mode 100644 index 0000000..4a13130 --- /dev/null +++ b/img/art/2021/IMG_20211223_202541.jpg diff --git a/img/art/2021/IMG_20211225_210622.jpg b/img/art/2021/IMG_20211225_210622.jpg Binary files differnew file mode 100644 index 0000000..89b8bae --- /dev/null +++ b/img/art/2021/IMG_20211225_210622.jpg diff --git a/img/art/2022/IMG_20220127_205955.jpg b/img/art/2022/IMG_20220127_205955.jpg Binary files differnew file mode 100644 index 0000000..6efedaf --- /dev/null +++ b/img/art/2022/IMG_20220127_205955.jpg diff --git a/img/art/2022/IMG_20220226_183246.jpg b/img/art/2022/IMG_20220226_183246.jpg Binary files differnew file mode 100644 index 0000000..561b866 --- /dev/null +++ b/img/art/2022/IMG_20220226_183246.jpg diff --git a/img/art/2022/IMG_20220411_165337.jpg b/img/art/2022/IMG_20220411_165337.jpg Binary files differnew file mode 100644 index 0000000..852d43a --- /dev/null +++ b/img/art/2022/IMG_20220411_165337.jpg diff --git a/img/art/2022/IMG_20220411_202438.jpg b/img/art/2022/IMG_20220411_202438.jpg Binary files differnew file mode 100644 index 0000000..d9473d5 --- /dev/null +++ b/img/art/2022/IMG_20220411_202438.jpg diff --git a/img/art/2022/IMG_20220829_203310.jpg b/img/art/2022/IMG_20220829_203310.jpg Binary files differnew file mode 100644 index 0000000..b5a36bc --- /dev/null +++ b/img/art/2022/IMG_20220829_203310.jpg diff --git a/img/art/2022/IMG_20221019_220521_edit_150902434438431.jpg b/img/art/2022/IMG_20221019_220521_edit_150902434438431.jpg Binary files differnew file mode 100644 index 0000000..1be3c58 --- /dev/null +++ b/img/art/2022/IMG_20221019_220521_edit_150902434438431.jpg diff --git a/img/art/2022/IMG_20230221_144951_edit_177165706492236.jpg b/img/art/2022/IMG_20230221_144951_edit_177165706492236.jpg Binary files differnew file mode 100644 index 0000000..98d447c --- /dev/null +++ b/img/art/2022/IMG_20230221_144951_edit_177165706492236.jpg diff --git a/img/art/2022/IMG_20230703_204745.jpg b/img/art/2022/IMG_20230703_204745.jpg Binary files differnew file mode 100644 index 0000000..49b36b1 --- /dev/null +++ b/img/art/2022/IMG_20230703_204745.jpg diff --git a/img/art/2022/IMG_20230703_204841.jpg b/img/art/2022/IMG_20230703_204841.jpg Binary files differnew file mode 100644 index 0000000..5e70fe1 --- /dev/null +++ b/img/art/2022/IMG_20230703_204841.jpg diff --git a/img/art/2022/IMG_20240718_223138.jpg b/img/art/2022/IMG_20240718_223138.jpg Binary files differnew file mode 100644 index 0000000..374d374 --- /dev/null +++ b/img/art/2022/IMG_20240718_223138.jpg diff --git a/img/art/2022/IMG_20240718_223338.jpg b/img/art/2022/IMG_20240718_223338.jpg Binary files differnew file mode 100644 index 0000000..b79dfb3 --- /dev/null +++ b/img/art/2022/IMG_20240718_223338.jpg diff --git a/img/art/2022/IMG_20240718_223342.jpg b/img/art/2022/IMG_20240718_223342.jpg Binary files differnew file mode 100644 index 0000000..c002ee5 --- /dev/null +++ b/img/art/2022/IMG_20240718_223342.jpg diff --git a/img/art/2022/IMG_20240718_223347.jpg b/img/art/2022/IMG_20240718_223347.jpg Binary files differnew file mode 100644 index 0000000..98a7021 --- /dev/null +++ b/img/art/2022/IMG_20240718_223347.jpg diff --git a/img/art/2022/IMG_20240718_223352.jpg b/img/art/2022/IMG_20240718_223352.jpg Binary files differnew file mode 100644 index 0000000..ddea455 --- /dev/null +++ b/img/art/2022/IMG_20240718_223352.jpg diff --git a/img/art/2022/IMG_20240718_223357.jpg b/img/art/2022/IMG_20240718_223357.jpg Binary files differnew file mode 100644 index 0000000..2e246b2 --- /dev/null +++ b/img/art/2022/IMG_20240718_223357.jpg diff --git a/img/art/2022/IMG_20240718_223400.jpg b/img/art/2022/IMG_20240718_223400.jpg Binary files differnew file mode 100644 index 0000000..dcc27da --- /dev/null +++ b/img/art/2022/IMG_20240718_223400.jpg diff --git a/img/art/2022/IMG_20240718_223403.jpg b/img/art/2022/IMG_20240718_223403.jpg Binary files differnew file mode 100644 index 0000000..327c81b --- /dev/null +++ b/img/art/2022/IMG_20240718_223403.jpg diff --git a/img/art/2022/IMG_20240718_223643.jpg b/img/art/2022/IMG_20240718_223643.jpg Binary files differnew file mode 100644 index 0000000..5a757ff --- /dev/null +++ b/img/art/2022/IMG_20240718_223643.jpg diff --git a/img/art/2022/IMG_20240718_223733.jpg b/img/art/2022/IMG_20240718_223733.jpg Binary files differnew file mode 100644 index 0000000..ff29622 --- /dev/null +++ b/img/art/2022/IMG_20240718_223733.jpg diff --git a/img/art/2022/IMG_20240718_223745.jpg b/img/art/2022/IMG_20240718_223745.jpg Binary files differnew file mode 100644 index 0000000..84c80f8 --- /dev/null +++ b/img/art/2022/IMG_20240718_223745.jpg diff --git a/img/art/2022/IMG_20240718_223752.jpg b/img/art/2022/IMG_20240718_223752.jpg Binary files differnew file mode 100644 index 0000000..81c2d7c --- /dev/null +++ b/img/art/2022/IMG_20240718_223752.jpg diff --git a/img/art/2022/IMG_20240718_223809.jpg b/img/art/2022/IMG_20240718_223809.jpg Binary files differnew file mode 100644 index 0000000..058c3b4 --- /dev/null +++ b/img/art/2022/IMG_20240718_223809.jpg diff --git a/img/art/2022/IMG_20240718_223943.jpg b/img/art/2022/IMG_20240718_223943.jpg Binary files differnew file mode 100644 index 0000000..07561a4 --- /dev/null +++ b/img/art/2022/IMG_20240718_223943.jpg diff --git a/img/art/2022/IMG_20240718_224050.jpg b/img/art/2022/IMG_20240718_224050.jpg Binary files differnew file mode 100644 index 0000000..c2d6dc6 --- /dev/null +++ b/img/art/2022/IMG_20240718_224050.jpg diff --git a/img/art/2022/IMG_20240718_224600.jpg b/img/art/2022/IMG_20240718_224600.jpg Binary files differnew file mode 100644 index 0000000..e35732b --- /dev/null +++ b/img/art/2022/IMG_20240718_224600.jpg diff --git a/img/art/2022/IMG_20241230_152950.jpg b/img/art/2022/IMG_20241230_152950.jpg Binary files differnew file mode 100644 index 0000000..db4b4e1 --- /dev/null +++ b/img/art/2022/IMG_20241230_152950.jpg diff --git a/img/art/2022/TabletTestCrop1.png b/img/art/2022/TabletTestCrop1.png Binary files differnew file mode 100644 index 0000000..7b12cad --- /dev/null +++ b/img/art/2022/TabletTestCrop1.png diff --git a/img/art/2022/guy.jpg b/img/art/2022/guy.jpg Binary files differnew file mode 100644 index 0000000..0e4e94d --- /dev/null +++ b/img/art/2022/guy.jpg diff --git a/img/art/2022/kaiba.jpg b/img/art/2022/kaiba.jpg Binary files differnew file mode 100644 index 0000000..828eb30 --- /dev/null +++ b/img/art/2022/kaiba.jpg diff --git a/img/art/2022/link.jpg b/img/art/2022/link.jpg Binary files differnew file mode 100644 index 0000000..7e0fda4 --- /dev/null +++ b/img/art/2022/link.jpg diff --git a/img/art/2022/linkdoodle.jpg b/img/art/2022/linkdoodle.jpg Binary files differnew file mode 100644 index 0000000..440e82c --- /dev/null +++ b/img/art/2022/linkdoodle.jpg diff --git a/img/art/2022/seki.jpg b/img/art/2022/seki.jpg Binary files differnew file mode 100644 index 0000000..624187f --- /dev/null +++ b/img/art/2022/seki.jpg diff --git a/img/art/2022/signed.png b/img/art/2022/signed.png Binary files differnew file mode 100644 index 0000000..1d5414d --- /dev/null +++ b/img/art/2022/signed.png diff --git a/img/art/2023/Dec 15 - 1.jpg b/img/art/2023/Dec 15 - 1.jpg Binary files differnew file mode 100644 index 0000000..41cc189 --- /dev/null +++ b/img/art/2023/Dec 15 - 1.jpg diff --git a/img/art/2023/Dec 15 - 2.jpg b/img/art/2023/Dec 15 - 2.jpg Binary files differnew file mode 100644 index 0000000..f9d2e5f --- /dev/null +++ b/img/art/2023/Dec 15 - 2.jpg diff --git a/img/art/2023/Dec 15 - 3.jpg b/img/art/2023/Dec 15 - 3.jpg Binary files differnew file mode 100644 index 0000000..2923a76 --- /dev/null +++ b/img/art/2023/Dec 15 - 3.jpg diff --git a/img/art/2023/Dec 15 - 4.jpg b/img/art/2023/Dec 15 - 4.jpg Binary files differnew file mode 100644 index 0000000..4c4d776 --- /dev/null +++ b/img/art/2023/Dec 15 - 4.jpg diff --git a/img/art/2023/Dec 15 - 5.jpg b/img/art/2023/Dec 15 - 5.jpg Binary files differnew file mode 100644 index 0000000..87b52e4 --- /dev/null +++ b/img/art/2023/Dec 15 - 5.jpg diff --git a/img/art/2023/Dec 15 - 6.jpg b/img/art/2023/Dec 15 - 6.jpg Binary files differnew file mode 100644 index 0000000..5506719 --- /dev/null +++ b/img/art/2023/Dec 15 - 6.jpg diff --git a/img/art/2023/Dec 15 - 7.jpg b/img/art/2023/Dec 15 - 7.jpg Binary files differnew file mode 100644 index 0000000..04caa70 --- /dev/null +++ b/img/art/2023/Dec 15 - 7.jpg diff --git a/img/art/2023/Dec 15.jpg b/img/art/2023/Dec 15.jpg Binary files differnew file mode 100644 index 0000000..0bf83b2 --- /dev/null +++ b/img/art/2023/Dec 15.jpg diff --git a/img/art/2023/December18.jpg b/img/art/2023/December18.jpg Binary files differnew file mode 100644 index 0000000..b2660ec --- /dev/null +++ b/img/art/2023/December18.jpg diff --git a/img/art/2023/IMG_20230224_082251_edit_195280928687909.jpg b/img/art/2023/IMG_20230224_082251_edit_195280928687909.jpg Binary files differnew file mode 100644 index 0000000..7daea79 --- /dev/null +++ b/img/art/2023/IMG_20230224_082251_edit_195280928687909.jpg diff --git a/img/art/2023/IMG_20230224_082257_edit_195344615689983.jpg b/img/art/2023/IMG_20230224_082257_edit_195344615689983.jpg Binary files differnew file mode 100644 index 0000000..e59b315 --- /dev/null +++ b/img/art/2023/IMG_20230224_082257_edit_195344615689983.jpg diff --git a/img/art/2023/IMG_20230423_095740_edit_386787025095667.jpg b/img/art/2023/IMG_20230423_095740_edit_386787025095667.jpg Binary files differnew file mode 100644 index 0000000..bc2e1a1 --- /dev/null +++ b/img/art/2023/IMG_20230423_095740_edit_386787025095667.jpg diff --git a/img/art/2023/IMG_20230705_174343.jpg b/img/art/2023/IMG_20230705_174343.jpg Binary files differnew file mode 100644 index 0000000..a18e777 --- /dev/null +++ b/img/art/2023/IMG_20230705_174343.jpg diff --git a/img/art/2023/IMG_20230809_181215_edit_447859372544680.jpg b/img/art/2023/IMG_20230809_181215_edit_447859372544680.jpg Binary files differnew file mode 100644 index 0000000..87ca4c1 --- /dev/null +++ b/img/art/2023/IMG_20230809_181215_edit_447859372544680.jpg diff --git a/img/art/2023/IMG_20231214_095534_edit_61702316709854.jpg b/img/art/2023/IMG_20231214_095534_edit_61702316709854.jpg Binary files differnew file mode 100644 index 0000000..700e8da --- /dev/null +++ b/img/art/2023/IMG_20231214_095534_edit_61702316709854.jpg diff --git a/img/art/2023/IMG_20240718_224121.jpg b/img/art/2023/IMG_20240718_224121.jpg Binary files differnew file mode 100644 index 0000000..f4865b0 --- /dev/null +++ b/img/art/2023/IMG_20240718_224121.jpg diff --git a/img/art/2023/IMG_20240718_224150.jpg b/img/art/2023/IMG_20240718_224150.jpg Binary files differnew file mode 100644 index 0000000..c55e0fc --- /dev/null +++ b/img/art/2023/IMG_20240718_224150.jpg diff --git a/img/art/2023/IMG_20240718_224151.jpg b/img/art/2023/IMG_20240718_224151.jpg Binary files differnew file mode 100644 index 0000000..37c291e --- /dev/null +++ b/img/art/2023/IMG_20240718_224151.jpg diff --git a/img/art/2023/IMG_20240718_224241.jpg b/img/art/2023/IMG_20240718_224241.jpg Binary files differnew file mode 100644 index 0000000..6224103 --- /dev/null +++ b/img/art/2023/IMG_20240718_224241.jpg diff --git a/img/art/2023/IMG_20240718_224248.jpg b/img/art/2023/IMG_20240718_224248.jpg Binary files differnew file mode 100644 index 0000000..a459361 --- /dev/null +++ b/img/art/2023/IMG_20240718_224248.jpg diff --git a/img/art/2023/IMG_20240718_224255.jpg b/img/art/2023/IMG_20240718_224255.jpg Binary files differnew file mode 100644 index 0000000..ecd44bb --- /dev/null +++ b/img/art/2023/IMG_20240718_224255.jpg diff --git a/img/art/2023/IMG_20240718_224332.jpg b/img/art/2023/IMG_20240718_224332.jpg Binary files differnew file mode 100644 index 0000000..1987001 --- /dev/null +++ b/img/art/2023/IMG_20240718_224332.jpg diff --git a/img/art/2023/IMG_20240718_224336.jpg b/img/art/2023/IMG_20240718_224336.jpg Binary files differnew file mode 100644 index 0000000..718595c --- /dev/null +++ b/img/art/2023/IMG_20240718_224336.jpg diff --git a/img/art/2023/IMG_20240718_224346.jpg b/img/art/2023/IMG_20240718_224346.jpg Binary files differnew file mode 100644 index 0000000..928d6e5 --- /dev/null +++ b/img/art/2023/IMG_20240718_224346.jpg diff --git a/img/art/2023/July 19 - steampunkscd.png b/img/art/2023/July 19 - steampunkscd.png Binary files differnew file mode 100644 index 0000000..b8fa2a6 --- /dev/null +++ b/img/art/2023/July 19 - steampunkscd.png diff --git a/img/art/2023/June 4 scd.png b/img/art/2023/June 4 scd.png Binary files differnew file mode 100644 index 0000000..9c9312a --- /dev/null +++ b/img/art/2023/June 4 scd.png diff --git a/img/art/2023/June14 - dump2.jpg b/img/art/2023/June14 - dump2.jpg Binary files differnew file mode 100644 index 0000000..f935619 --- /dev/null +++ b/img/art/2023/June14 - dump2.jpg diff --git a/img/art/2023/November 2 2.jpg b/img/art/2023/November 2 2.jpg Binary files differnew file mode 100644 index 0000000..6386a29 --- /dev/null +++ b/img/art/2023/November 2 2.jpg diff --git a/img/art/2023/November 2.jpg b/img/art/2023/November 2.jpg Binary files differnew file mode 100644 index 0000000..0288670 --- /dev/null +++ b/img/art/2023/November 2.jpg diff --git a/img/art/2023/September 4.png b/img/art/2023/September 4.png Binary files differnew file mode 100644 index 0000000..63e4e0a --- /dev/null +++ b/img/art/2023/September 4.png diff --git a/img/art/2023/September10 - alien.jpg b/img/art/2023/September10 - alien.jpg Binary files differnew file mode 100644 index 0000000..e707691 --- /dev/null +++ b/img/art/2023/September10 - alien.jpg diff --git a/img/art/2023/September18 1.jpg b/img/art/2023/September18 1.jpg Binary files differnew file mode 100644 index 0000000..62332d8 --- /dev/null +++ b/img/art/2023/September18 1.jpg diff --git a/img/art/2023/September18 2.jpg b/img/art/2023/September18 2.jpg Binary files differnew file mode 100644 index 0000000..48c1128 --- /dev/null +++ b/img/art/2023/September18 2.jpg diff --git a/img/art/2023/September18 3.jpg b/img/art/2023/September18 3.jpg Binary files differnew file mode 100644 index 0000000..cfe710a --- /dev/null +++ b/img/art/2023/September18 3.jpg diff --git a/img/art/2023/September18.jpg b/img/art/2023/September18.jpg Binary files differnew file mode 100644 index 0000000..85c0207 --- /dev/null +++ b/img/art/2023/September18.jpg diff --git a/img/art/2023/September28 - dino.png b/img/art/2023/September28 - dino.png Binary files differnew file mode 100644 index 0000000..97df52c --- /dev/null +++ b/img/art/2023/September28 - dino.png diff --git a/img/art/2023/Sleep.png b/img/art/2023/Sleep.png Binary files differnew file mode 100644 index 0000000..a9deeb9 --- /dev/null +++ b/img/art/2023/Sleep.png diff --git a/img/art/2023/anatomysketches.png b/img/art/2023/anatomysketches.png Binary files differnew file mode 100644 index 0000000..24a5581 --- /dev/null +++ b/img/art/2023/anatomysketches.png diff --git a/img/art/2023/aoigarasudama.png b/img/art/2023/aoigarasudama.png Binary files differnew file mode 100644 index 0000000..68e289b --- /dev/null +++ b/img/art/2023/aoigarasudama.png diff --git a/img/art/2023/break.png b/img/art/2023/break.png Binary files differnew file mode 100644 index 0000000..cec0dc6 --- /dev/null +++ b/img/art/2023/break.png diff --git a/img/art/2023/brutal.png b/img/art/2023/brutal.png Binary files differnew file mode 100644 index 0000000..5304b5f --- /dev/null +++ b/img/art/2023/brutal.png diff --git a/img/art/2023/can't find it.png b/img/art/2023/can't find it.png Binary files differnew file mode 100644 index 0000000..c54a17c --- /dev/null +++ b/img/art/2023/can't find it.png diff --git a/img/art/2023/catboyreigenfixed.png b/img/art/2023/catboyreigenfixed.png Binary files differnew file mode 100644 index 0000000..0c6e433 --- /dev/null +++ b/img/art/2023/catboyreigenfixed.png diff --git a/img/art/2023/circle.png b/img/art/2023/circle.png Binary files differnew file mode 100644 index 0000000..db07e43 --- /dev/null +++ b/img/art/2023/circle.png diff --git a/img/art/2023/compeeter.png b/img/art/2023/compeeter.png Binary files differnew file mode 100644 index 0000000..d302fb6 --- /dev/null +++ b/img/art/2023/compeeter.png diff --git a/img/art/2023/coolending.png b/img/art/2023/coolending.png Binary files differnew file mode 100644 index 0000000..09047ef --- /dev/null +++ b/img/art/2023/coolending.png diff --git a/img/art/2023/deal.png b/img/art/2023/deal.png Binary files differnew file mode 100644 index 0000000..d764256 --- /dev/null +++ b/img/art/2023/deal.png diff --git a/img/art/2023/departure.png b/img/art/2023/departure.png Binary files differnew file mode 100644 index 0000000..1b0e377 --- /dev/null +++ b/img/art/2023/departure.png diff --git a/img/art/2023/distraught.png b/img/art/2023/distraught.png Binary files differnew file mode 100644 index 0000000..835b1f2 --- /dev/null +++ b/img/art/2023/distraught.png diff --git a/img/art/2023/duck.png b/img/art/2023/duck.png Binary files differnew file mode 100644 index 0000000..514798d --- /dev/null +++ b/img/art/2023/duck.png diff --git a/img/art/2023/duckfull.png b/img/art/2023/duckfull.png Binary files differnew file mode 100644 index 0000000..b079fb5 --- /dev/null +++ b/img/art/2023/duckfull.png diff --git a/img/art/2023/estoniapride.png b/img/art/2023/estoniapride.png Binary files differnew file mode 100644 index 0000000..582cde4 --- /dev/null +++ b/img/art/2023/estoniapride.png diff --git a/img/art/2023/estshirt2.png b/img/art/2023/estshirt2.png Binary files differnew file mode 100644 index 0000000..618d5ed --- /dev/null +++ b/img/art/2023/estshirt2.png diff --git a/img/art/2023/freak.png b/img/art/2023/freak.png Binary files differnew file mode 100644 index 0000000..07b9e5f --- /dev/null +++ b/img/art/2023/freak.png diff --git a/img/art/2023/fuckedup.png b/img/art/2023/fuckedup.png Binary files differnew file mode 100644 index 0000000..7d28a3c --- /dev/null +++ b/img/art/2023/fuckedup.png diff --git a/img/art/2023/funkyproportions.png b/img/art/2023/funkyproportions.png Binary files differnew file mode 100644 index 0000000..f2142db --- /dev/null +++ b/img/art/2023/funkyproportions.png diff --git a/img/art/2023/fursona.png b/img/art/2023/fursona.png Binary files differnew file mode 100644 index 0000000..62d16aa --- /dev/null +++ b/img/art/2023/fursona.png diff --git a/img/art/2023/gah.png b/img/art/2023/gah.png Binary files differnew file mode 100644 index 0000000..9abbff3 --- /dev/null +++ b/img/art/2023/gah.png diff --git a/img/art/2023/gegheff.png b/img/art/2023/gegheff.png Binary files differnew file mode 100644 index 0000000..a29b013 --- /dev/null +++ b/img/art/2023/gegheff.png diff --git a/img/art/2023/girly.png b/img/art/2023/girly.png Binary files differnew file mode 100644 index 0000000..d54ce20 --- /dev/null +++ b/img/art/2023/girly.png diff --git a/img/art/2023/goodday.png b/img/art/2023/goodday.png Binary files differnew file mode 100644 index 0000000..7422125 --- /dev/null +++ b/img/art/2023/goodday.png diff --git a/img/art/2023/gregdespair2.png b/img/art/2023/gregdespair2.png Binary files differnew file mode 100644 index 0000000..c35f3c0 --- /dev/null +++ b/img/art/2023/gregdespair2.png diff --git a/img/art/2023/gregepicwip2.png b/img/art/2023/gregepicwip2.png Binary files differnew file mode 100644 index 0000000..18816ca --- /dev/null +++ b/img/art/2023/gregepicwip2.png diff --git a/img/art/2023/gregsplat2.png b/img/art/2023/gregsplat2.png Binary files differnew file mode 100644 index 0000000..7fe98f7 --- /dev/null +++ b/img/art/2023/gregsplat2.png diff --git a/img/art/2023/hair.png b/img/art/2023/hair.png Binary files differnew file mode 100644 index 0000000..d33a7f7 --- /dev/null +++ b/img/art/2023/hair.png diff --git a/img/art/2023/halftone.png b/img/art/2023/halftone.png Binary files differnew file mode 100644 index 0000000..1b3f2a4 --- /dev/null +++ b/img/art/2023/halftone.png diff --git a/img/art/2023/hylics looking ass.png b/img/art/2023/hylics looking ass.png Binary files differnew file mode 100644 index 0000000..5eb0fac --- /dev/null +++ b/img/art/2023/hylics looking ass.png diff --git a/img/art/2023/imtheworst.png b/img/art/2023/imtheworst.png Binary files differnew file mode 100644 index 0000000..23bdde4 --- /dev/null +++ b/img/art/2023/imtheworst.png diff --git a/img/art/2023/inanna.png b/img/art/2023/inanna.png Binary files differnew file mode 100644 index 0000000..06d84d3 --- /dev/null +++ b/img/art/2023/inanna.png diff --git a/img/art/2023/jan29.png b/img/art/2023/jan29.png Binary files differnew file mode 100644 index 0000000..445d158 --- /dev/null +++ b/img/art/2023/jan29.png diff --git a/img/art/2023/klaabu.jpg b/img/art/2023/klaabu.jpg Binary files differnew file mode 100644 index 0000000..e06b0df --- /dev/null +++ b/img/art/2023/klaabu.jpg diff --git a/img/art/2023/lighter.png b/img/art/2023/lighter.png Binary files differnew file mode 100644 index 0000000..d1cf561 --- /dev/null +++ b/img/art/2023/lighter.png diff --git a/img/art/2023/mart.jpg b/img/art/2023/mart.jpg Binary files differnew file mode 100644 index 0000000..ddd0f75 --- /dev/null +++ b/img/art/2023/mart.jpg diff --git a/img/art/2023/me reference.png b/img/art/2023/me reference.png Binary files differnew file mode 100644 index 0000000..325fb4c --- /dev/null +++ b/img/art/2023/me reference.png diff --git a/img/art/2023/me1.png b/img/art/2023/me1.png Binary files differnew file mode 100644 index 0000000..a750ca9 --- /dev/null +++ b/img/art/2023/me1.png diff --git a/img/art/2023/meshakeart.gif b/img/art/2023/meshakeart.gif Binary files differnew file mode 100644 index 0000000..2cda3bf --- /dev/null +++ b/img/art/2023/meshakeart.gif diff --git a/img/art/2023/mind_parasite.png b/img/art/2023/mind_parasite.png Binary files differnew file mode 100644 index 0000000..57d92de --- /dev/null +++ b/img/art/2023/mind_parasite.png diff --git a/img/art/2023/minmax.png b/img/art/2023/minmax.png Binary files differnew file mode 100644 index 0000000..21fa810 --- /dev/null +++ b/img/art/2023/minmax.png diff --git a/img/art/2023/mitemind.png b/img/art/2023/mitemind.png Binary files differnew file mode 100644 index 0000000..b224d50 --- /dev/null +++ b/img/art/2023/mitemind.png diff --git a/img/art/2023/mobpsychofinal2.png b/img/art/2023/mobpsychofinal2.png Binary files differnew file mode 100644 index 0000000..6b250e8 --- /dev/null +++ b/img/art/2023/mobpsychofinal2.png diff --git a/img/art/2023/momsjacket2.png b/img/art/2023/momsjacket2.png Binary files differnew file mode 100644 index 0000000..2b209c3 --- /dev/null +++ b/img/art/2023/momsjacket2.png diff --git a/img/art/2023/people.png b/img/art/2023/people.png Binary files differnew file mode 100644 index 0000000..ee93996 --- /dev/null +++ b/img/art/2023/people.png diff --git a/img/art/2023/person.png b/img/art/2023/person.png Binary files differnew file mode 100644 index 0000000..1fdf986 --- /dev/null +++ b/img/art/2023/person.png diff --git a/img/art/2023/philosophy.png b/img/art/2023/philosophy.png Binary files differnew file mode 100644 index 0000000..168ec53 --- /dev/null +++ b/img/art/2023/philosophy.png diff --git a/img/art/2023/scdumbrella.png b/img/art/2023/scdumbrella.png Binary files differnew file mode 100644 index 0000000..8311d76 --- /dev/null +++ b/img/art/2023/scdumbrella.png diff --git a/img/art/2023/spaghettblur2.png b/img/art/2023/spaghettblur2.png Binary files differnew file mode 100644 index 0000000..7e7fb5f --- /dev/null +++ b/img/art/2023/spaghettblur2.png diff --git a/img/art/2023/the me tunrb 3.png b/img/art/2023/the me tunrb 3.png Binary files differnew file mode 100644 index 0000000..d74033b --- /dev/null +++ b/img/art/2023/the me tunrb 3.png diff --git a/img/art/2023/thoughts.png b/img/art/2023/thoughts.png Binary files differnew file mode 100644 index 0000000..4ee6c22 --- /dev/null +++ b/img/art/2023/thoughts.png diff --git a/img/art/2023/typing.png b/img/art/2023/typing.png Binary files differnew file mode 100644 index 0000000..25cb555 --- /dev/null +++ b/img/art/2023/typing.png diff --git a/img/art/2023/update.png b/img/art/2023/update.png Binary files differnew file mode 100644 index 0000000..6a6b7f9 --- /dev/null +++ b/img/art/2023/update.png diff --git a/img/art/2023/weird girl.png b/img/art/2023/weird girl.png Binary files differnew file mode 100644 index 0000000..3de8df8 --- /dev/null +++ b/img/art/2023/weird girl.png diff --git a/img/art/2023/whatami.png b/img/art/2023/whatami.png Binary files differnew file mode 100644 index 0000000..f0342de --- /dev/null +++ b/img/art/2023/whatami.png diff --git a/img/art/2023/whathehell.png b/img/art/2023/whathehell.png Binary files differnew file mode 100644 index 0000000..adfe617 --- /dev/null +++ b/img/art/2023/whathehell.png diff --git a/img/art/2024/2024 - April13 molochcats.png b/img/art/2024/2024 - April13 molochcats.png Binary files differnew file mode 100644 index 0000000..920f421 --- /dev/null +++ b/img/art/2024/2024 - April13 molochcats.png diff --git a/img/art/2024/2024 - Feb2.jpg b/img/art/2024/2024 - Feb2.jpg Binary files differnew file mode 100644 index 0000000..73fc758 --- /dev/null +++ b/img/art/2024/2024 - Feb2.jpg diff --git a/img/art/2024/2024 - February.jpg b/img/art/2024/2024 - February.jpg Binary files differnew file mode 100644 index 0000000..a588a20 --- /dev/null +++ b/img/art/2024/2024 - February.jpg diff --git a/img/art/2024/2024 - February16 posterwip.png b/img/art/2024/2024 - February16 posterwip.png Binary files differnew file mode 100644 index 0000000..2160b84 --- /dev/null +++ b/img/art/2024/2024 - February16 posterwip.png diff --git a/img/art/2024/2024 - Februrary 2.jpg b/img/art/2024/2024 - Februrary 2.jpg Binary files differnew file mode 100644 index 0000000..1a45e1a --- /dev/null +++ b/img/art/2024/2024 - Februrary 2.jpg diff --git a/img/art/2024/2024 - Jan 23.jpg b/img/art/2024/2024 - Jan 23.jpg Binary files differnew file mode 100644 index 0000000..0a55168 --- /dev/null +++ b/img/art/2024/2024 - Jan 23.jpg diff --git a/img/art/2024/2024 - Jan23 googles.png b/img/art/2024/2024 - Jan23 googles.png Binary files differnew file mode 100644 index 0000000..941d30a --- /dev/null +++ b/img/art/2024/2024 - Jan23 googles.png diff --git a/img/art/2024/IMG_20240718_224629.jpg b/img/art/2024/IMG_20240718_224629.jpg Binary files differnew file mode 100644 index 0000000..38647cb --- /dev/null +++ b/img/art/2024/IMG_20240718_224629.jpg diff --git a/img/art/2024/IMG_20240718_224634.jpg b/img/art/2024/IMG_20240718_224634.jpg Binary files differnew file mode 100644 index 0000000..1fa6202 --- /dev/null +++ b/img/art/2024/IMG_20240718_224634.jpg diff --git a/img/art/2024/IMG_20240718_224638.jpg b/img/art/2024/IMG_20240718_224638.jpg Binary files differnew file mode 100644 index 0000000..322e43a --- /dev/null +++ b/img/art/2024/IMG_20240718_224638.jpg diff --git a/img/art/2024/IMG_20240718_224646.jpg b/img/art/2024/IMG_20240718_224646.jpg Binary files differnew file mode 100644 index 0000000..ca56f42 --- /dev/null +++ b/img/art/2024/IMG_20240718_224646.jpg diff --git a/img/art/2024/IMG_20240718_224652.jpg b/img/art/2024/IMG_20240718_224652.jpg Binary files differnew file mode 100644 index 0000000..7e5d46b --- /dev/null +++ b/img/art/2024/IMG_20240718_224652.jpg diff --git a/img/art/2024/IMG_20240718_224657.jpg b/img/art/2024/IMG_20240718_224657.jpg Binary files differnew file mode 100644 index 0000000..b7fe2f3 --- /dev/null +++ b/img/art/2024/IMG_20240718_224657.jpg diff --git a/img/art/2024/IMG_20240718_224718.jpg b/img/art/2024/IMG_20240718_224718.jpg Binary files differnew file mode 100644 index 0000000..2d6334f --- /dev/null +++ b/img/art/2024/IMG_20240718_224718.jpg diff --git a/img/art/2024/IMG_20240718_224728.jpg b/img/art/2024/IMG_20240718_224728.jpg Binary files differnew file mode 100644 index 0000000..998511a --- /dev/null +++ b/img/art/2024/IMG_20240718_224728.jpg diff --git a/img/art/2024/IMG_20240718_224748.jpg b/img/art/2024/IMG_20240718_224748.jpg Binary files differnew file mode 100644 index 0000000..d1710f8 --- /dev/null +++ b/img/art/2024/IMG_20240718_224748.jpg diff --git a/img/art/2024/IMG_20240718_224758.jpg b/img/art/2024/IMG_20240718_224758.jpg Binary files differnew file mode 100644 index 0000000..2991388 --- /dev/null +++ b/img/art/2024/IMG_20240718_224758.jpg diff --git a/img/art/2024/IMG_20240718_224814.jpg b/img/art/2024/IMG_20240718_224814.jpg Binary files differnew file mode 100644 index 0000000..233a225 --- /dev/null +++ b/img/art/2024/IMG_20240718_224814.jpg diff --git a/img/art/2024/IMG_20240718_224815.jpg b/img/art/2024/IMG_20240718_224815.jpg Binary files differnew file mode 100644 index 0000000..eb3b472 --- /dev/null +++ b/img/art/2024/IMG_20240718_224815.jpg diff --git a/img/art/2024/IMG_20240718_224828.jpg b/img/art/2024/IMG_20240718_224828.jpg Binary files differnew file mode 100644 index 0000000..68ced23 --- /dev/null +++ b/img/art/2024/IMG_20240718_224828.jpg diff --git a/img/art/2024/IMG_20240718_224835.jpg b/img/art/2024/IMG_20240718_224835.jpg Binary files differnew file mode 100644 index 0000000..a5b7fae --- /dev/null +++ b/img/art/2024/IMG_20240718_224835.jpg diff --git a/img/art/2024/IMG_20240718_224904.jpg b/img/art/2024/IMG_20240718_224904.jpg Binary files differnew file mode 100644 index 0000000..7346abd --- /dev/null +++ b/img/art/2024/IMG_20240718_224904.jpg diff --git a/img/art/2024/IMG_20240718_224914.jpg b/img/art/2024/IMG_20240718_224914.jpg Binary files differnew file mode 100644 index 0000000..110ab7b --- /dev/null +++ b/img/art/2024/IMG_20240718_224914.jpg diff --git a/img/art/2024/IMG_20240718_224926.jpg b/img/art/2024/IMG_20240718_224926.jpg Binary files differnew file mode 100644 index 0000000..f433c62 --- /dev/null +++ b/img/art/2024/IMG_20240718_224926.jpg diff --git a/img/art/2024/IMG_20240718_224932.jpg b/img/art/2024/IMG_20240718_224932.jpg Binary files differnew file mode 100644 index 0000000..abef19e --- /dev/null +++ b/img/art/2024/IMG_20240718_224932.jpg diff --git a/img/art/2024/IMG_20240718_224938.jpg b/img/art/2024/IMG_20240718_224938.jpg Binary files differnew file mode 100644 index 0000000..28e0752 --- /dev/null +++ b/img/art/2024/IMG_20240718_224938.jpg diff --git a/img/art/2024/TIME.png b/img/art/2024/TIME.png Binary files differnew file mode 100644 index 0000000..2333283 --- /dev/null +++ b/img/art/2024/TIME.png diff --git a/img/art/2024/and your relationships will fall apart alt.png b/img/art/2024/and your relationships will fall apart alt.png Binary files differnew file mode 100644 index 0000000..38170ff --- /dev/null +++ b/img/art/2024/and your relationships will fall apart alt.png diff --git a/img/art/2024/and your relationships will fall apart c.png b/img/art/2024/and your relationships will fall apart c.png Binary files differnew file mode 100644 index 0000000..fdd5dea --- /dev/null +++ b/img/art/2024/and your relationships will fall apart c.png diff --git a/img/art/2024/aphrodite.jpg b/img/art/2024/aphrodite.jpg Binary files differnew file mode 100644 index 0000000..1bbd51b --- /dev/null +++ b/img/art/2024/aphrodite.jpg diff --git a/img/art/2024/ardennaaaa.png b/img/art/2024/ardennaaaa.png Binary files differnew file mode 100644 index 0000000..1845ced --- /dev/null +++ b/img/art/2024/ardennaaaa.png diff --git a/img/art/2024/cant.png b/img/art/2024/cant.png Binary files differnew file mode 100644 index 0000000..e712f0b --- /dev/null +++ b/img/art/2024/cant.png diff --git a/img/art/2024/d.png b/img/art/2024/d.png Binary files differnew file mode 100644 index 0000000..0e1fce8 --- /dev/null +++ b/img/art/2024/d.png diff --git a/img/art/2024/die.png b/img/art/2024/die.png Binary files differnew file mode 100644 index 0000000..9d61f41 --- /dev/null +++ b/img/art/2024/die.png diff --git a/img/art/2024/gamedoodles.png b/img/art/2024/gamedoodles.png Binary files differnew file mode 100644 index 0000000..65eea50 --- /dev/null +++ b/img/art/2024/gamedoodles.png diff --git a/img/art/2024/gamescreenshot.jpg b/img/art/2024/gamescreenshot.jpg Binary files differnew file mode 100644 index 0000000..63f41fb --- /dev/null +++ b/img/art/2024/gamescreenshot.jpg diff --git a/img/art/2024/godot.png b/img/art/2024/godot.png Binary files differnew file mode 100644 index 0000000..f4b1eca --- /dev/null +++ b/img/art/2024/godot.png diff --git a/img/art/2024/gregemup.png b/img/art/2024/gregemup.png Binary files differnew file mode 100644 index 0000000..efb8968 --- /dev/null +++ b/img/art/2024/gregemup.png diff --git a/img/art/2024/guts.png b/img/art/2024/guts.png Binary files differnew file mode 100644 index 0000000..974f6ef --- /dev/null +++ b/img/art/2024/guts.png diff --git a/img/art/2024/ill.png b/img/art/2024/ill.png Binary files differnew file mode 100644 index 0000000..6c3e1a2 --- /dev/null +++ b/img/art/2024/ill.png diff --git a/img/art/2024/jig.gif b/img/art/2024/jig.gif Binary files differnew file mode 100644 index 0000000..66d0260 --- /dev/null +++ b/img/art/2024/jig.gif diff --git a/img/art/2024/laiosSHIRT.jpg b/img/art/2024/laiosSHIRT.jpg Binary files differnew file mode 100644 index 0000000..2645116 --- /dev/null +++ b/img/art/2024/laiosSHIRT.jpg diff --git a/img/art/2024/lips.png b/img/art/2024/lips.png Binary files differnew file mode 100644 index 0000000..bf88d8b --- /dev/null +++ b/img/art/2024/lips.png diff --git a/img/art/2024/mithrun.GIF b/img/art/2024/mithrun.GIF Binary files differnew file mode 100644 index 0000000..a6974e0 --- /dev/null +++ b/img/art/2024/mithrun.GIF diff --git a/img/art/2024/mithrun1.jpg b/img/art/2024/mithrun1.jpg Binary files differnew file mode 100644 index 0000000..f8c7f25 --- /dev/null +++ b/img/art/2024/mithrun1.jpg diff --git a/img/art/2024/mithrun2.jpg b/img/art/2024/mithrun2.jpg Binary files differnew file mode 100644 index 0000000..18ec7d6 --- /dev/null +++ b/img/art/2024/mithrun2.jpg diff --git a/img/art/2024/mithrun3.jpg b/img/art/2024/mithrun3.jpg Binary files differnew file mode 100644 index 0000000..c39ea0d --- /dev/null +++ b/img/art/2024/mithrun3.jpg diff --git a/img/art/2024/mithrundoodle.png b/img/art/2024/mithrundoodle.png Binary files differnew file mode 100644 index 0000000..5b4e116 --- /dev/null +++ b/img/art/2024/mithrundoodle.png diff --git a/img/art/2024/moldoodles.png b/img/art/2024/moldoodles.png Binary files differnew file mode 100644 index 0000000..a4fc7c3 --- /dev/null +++ b/img/art/2024/moldoodles.png diff --git a/img/art/2024/molochand me.gif b/img/art/2024/molochand me.gif Binary files differnew file mode 100644 index 0000000..2a75881 --- /dev/null +++ b/img/art/2024/molochand me.gif diff --git a/img/art/2024/molochhelp.gif b/img/art/2024/molochhelp.gif Binary files differnew file mode 100644 index 0000000..36f6a03 --- /dev/null +++ b/img/art/2024/molochhelp.gif diff --git a/img/art/2024/my wires.png b/img/art/2024/my wires.png Binary files differnew file mode 100644 index 0000000..5ed7ee3 --- /dev/null +++ b/img/art/2024/my wires.png diff --git a/img/art/2024/poster texture cool.jpg b/img/art/2024/poster texture cool.jpg Binary files differnew file mode 100644 index 0000000..2438102 --- /dev/null +++ b/img/art/2024/poster texture cool.jpg diff --git a/img/art/2024/skedaddleaway.png b/img/art/2024/skedaddleaway.png Binary files differnew file mode 100644 index 0000000..83e2406 --- /dev/null +++ b/img/art/2024/skedaddleaway.png diff --git a/img/art/2024/skin.png b/img/art/2024/skin.png Binary files differnew file mode 100644 index 0000000..e911cce --- /dev/null +++ b/img/art/2024/skin.png diff --git a/img/art/2024/stars.png b/img/art/2024/stars.png Binary files differnew file mode 100644 index 0000000..fa4d937 --- /dev/null +++ b/img/art/2024/stars.png diff --git a/img/art/2024/the experience.png b/img/art/2024/the experience.png Binary files differnew file mode 100644 index 0000000..82be309 --- /dev/null +++ b/img/art/2024/the experience.png diff --git a/img/art/2024/theprotag.png b/img/art/2024/theprotag.png Binary files differnew file mode 100644 index 0000000..0779f4e --- /dev/null +++ b/img/art/2024/theprotag.png diff --git a/img/art/2024/thething.png b/img/art/2024/thething.png Binary files differnew file mode 100644 index 0000000..0c1d7e4 --- /dev/null +++ b/img/art/2024/thething.png diff --git a/img/art/2024/weenergender.png b/img/art/2024/weenergender.png Binary files differnew file mode 100644 index 0000000..23dafcd --- /dev/null +++ b/img/art/2024/weenergender.png diff --git a/img/art/2024/wegh.png b/img/art/2024/wegh.png Binary files differnew file mode 100644 index 0000000..f27da6a --- /dev/null +++ b/img/art/2024/wegh.png diff --git a/img/art/2024/wigeon.png b/img/art/2024/wigeon.png Binary files differnew file mode 100644 index 0000000..bc02f1c --- /dev/null +++ b/img/art/2024/wigeon.png diff --git a/img/art/2025/IMG_20250225_190516.jpg b/img/art/2025/IMG_20250225_190516.jpg Binary files differnew file mode 100644 index 0000000..53ffe5d --- /dev/null +++ b/img/art/2025/IMG_20250225_190516.jpg diff --git a/img/art/2025/IMG_20250225_190527.jpg b/img/art/2025/IMG_20250225_190527.jpg Binary files differnew file mode 100644 index 0000000..1b32f0a --- /dev/null +++ b/img/art/2025/IMG_20250225_190527.jpg diff --git a/img/art/2025/IMG_20250225_190555.jpg b/img/art/2025/IMG_20250225_190555.jpg Binary files differnew file mode 100644 index 0000000..6131b29 --- /dev/null +++ b/img/art/2025/IMG_20250225_190555.jpg diff --git a/img/art/2025/IMG_20250225_190627.jpg b/img/art/2025/IMG_20250225_190627.jpg Binary files differnew file mode 100644 index 0000000..b409a79 --- /dev/null +++ b/img/art/2025/IMG_20250225_190627.jpg diff --git a/img/art/2025/IMG_20250225_190657.jpg b/img/art/2025/IMG_20250225_190657.jpg Binary files differnew file mode 100644 index 0000000..8cf7853 --- /dev/null +++ b/img/art/2025/IMG_20250225_190657.jpg diff --git a/img/art/2025/IMG_20250225_190837.jpg b/img/art/2025/IMG_20250225_190837.jpg Binary files differnew file mode 100644 index 0000000..ed05762 --- /dev/null +++ b/img/art/2025/IMG_20250225_190837.jpg diff --git a/img/art/2025/IMG_20250225_190853.jpg b/img/art/2025/IMG_20250225_190853.jpg Binary files differnew file mode 100644 index 0000000..301f523 --- /dev/null +++ b/img/art/2025/IMG_20250225_190853.jpg diff --git a/img/art/2025/bikeghost.jpg b/img/art/2025/bikeghost.jpg Binary files differnew file mode 100644 index 0000000..78c0abe --- /dev/null +++ b/img/art/2025/bikeghost.jpg diff --git a/img/art/2025/bikeghostsketch.jpeg b/img/art/2025/bikeghostsketch.jpeg Binary files differnew file mode 100644 index 0000000..a1e3278 --- /dev/null +++ b/img/art/2025/bikeghostsketch.jpeg diff --git a/img/art/2025/chan.jpg b/img/art/2025/chan.jpg Binary files differnew file mode 100644 index 0000000..7ac5abb --- /dev/null +++ b/img/art/2025/chan.jpg diff --git a/img/art/2025/gen.jpg b/img/art/2025/gen.jpg Binary files differnew file mode 100644 index 0000000..3de61c3 --- /dev/null +++ b/img/art/2025/gen.jpg diff --git a/img/art/2025/gen2.jpg b/img/art/2025/gen2.jpg Binary files differnew file mode 100644 index 0000000..55ba063 --- /dev/null +++ b/img/art/2025/gen2.jpg diff --git a/img/art/2025/girl.jpg b/img/art/2025/girl.jpg Binary files differnew file mode 100644 index 0000000..5609c8f --- /dev/null +++ b/img/art/2025/girl.jpg diff --git a/img/art/2025/girls.jpg b/img/art/2025/girls.jpg Binary files differnew file mode 100644 index 0000000..f13c11a --- /dev/null +++ b/img/art/2025/girls.jpg diff --git a/img/art/2025/gren.jpg b/img/art/2025/gren.jpg Binary files differnew file mode 100644 index 0000000..96083d3 --- /dev/null +++ b/img/art/2025/gren.jpg diff --git a/img/art/2025/grenoille.jpg b/img/art/2025/grenoille.jpg Binary files differnew file mode 100644 index 0000000..eb77e41 --- /dev/null +++ b/img/art/2025/grenoille.jpg diff --git a/img/art/2025/h1.jpg b/img/art/2025/h1.jpg Binary files differnew file mode 100644 index 0000000..e75ae5a --- /dev/null +++ b/img/art/2025/h1.jpg diff --git a/img/art/2025/h2.jpg b/img/art/2025/h2.jpg Binary files differnew file mode 100644 index 0000000..815467e --- /dev/null +++ b/img/art/2025/h2.jpg diff --git a/img/art/2025/h3.jpg b/img/art/2025/h3.jpg Binary files differnew file mode 100644 index 0000000..3a50e25 --- /dev/null +++ b/img/art/2025/h3.jpg diff --git a/img/art/2025/h4.jpg b/img/art/2025/h4.jpg Binary files differnew file mode 100644 index 0000000..b3f8a35 --- /dev/null +++ b/img/art/2025/h4.jpg diff --git a/img/art/2025/h5.jpg b/img/art/2025/h5.jpg Binary files differnew file mode 100644 index 0000000..efe875c --- /dev/null +++ b/img/art/2025/h5.jpg diff --git a/img/art/2025/h6.jpg b/img/art/2025/h6.jpg Binary files differnew file mode 100644 index 0000000..2793e15 --- /dev/null +++ b/img/art/2025/h6.jpg diff --git a/img/art/2025/i1.jpg b/img/art/2025/i1.jpg Binary files differnew file mode 100644 index 0000000..86445aa --- /dev/null +++ b/img/art/2025/i1.jpg diff --git a/img/art/2025/i2.jpg b/img/art/2025/i2.jpg Binary files differnew file mode 100644 index 0000000..e408836 --- /dev/null +++ b/img/art/2025/i2.jpg diff --git a/img/art/2025/i3.jpg b/img/art/2025/i3.jpg Binary files differnew file mode 100644 index 0000000..a7f3497 --- /dev/null +++ b/img/art/2025/i3.jpg diff --git a/img/art/2025/jojomart.jpeg b/img/art/2025/jojomart.jpeg Binary files differnew file mode 100644 index 0000000..bae7560 --- /dev/null +++ b/img/art/2025/jojomart.jpeg diff --git a/img/art/2025/jojosketches.jpeg b/img/art/2025/jojosketches.jpeg Binary files differnew file mode 100644 index 0000000..adef8e4 --- /dev/null +++ b/img/art/2025/jojosketches.jpeg diff --git a/img/art/2025/s1.jpg b/img/art/2025/s1.jpg Binary files differnew file mode 100644 index 0000000..26f7dd2 --- /dev/null +++ b/img/art/2025/s1.jpg diff --git a/img/art/2025/s2.jpg b/img/art/2025/s2.jpg Binary files differnew file mode 100644 index 0000000..b4e4fbb --- /dev/null +++ b/img/art/2025/s2.jpg diff --git a/img/art/2025/s3.jpg b/img/art/2025/s3.jpg Binary files differnew file mode 100644 index 0000000..4ac9a35 --- /dev/null +++ b/img/art/2025/s3.jpg diff --git a/img/art/2025/s4.jpg b/img/art/2025/s4.jpg Binary files differnew file mode 100644 index 0000000..d367140 --- /dev/null +++ b/img/art/2025/s4.jpg diff --git a/img/art/2025/s5.jpg b/img/art/2025/s5.jpg Binary files differnew file mode 100644 index 0000000..283a753 --- /dev/null +++ b/img/art/2025/s5.jpg diff --git a/img/art/2025/website.png b/img/art/2025/website.png Binary files differnew file mode 100644 index 0000000..7fc56a8 --- /dev/null +++ b/img/art/2025/website.png diff --git a/img/art/artbg.png b/img/art/artbg.png Binary files differnew file mode 100644 index 0000000..7f249d5 --- /dev/null +++ b/img/art/artbg.png diff --git a/img/art/bluesky.png b/img/art/bluesky.png Binary files differnew file mode 100644 index 0000000..613a7f6 --- /dev/null +++ b/img/art/bluesky.png diff --git a/img/art/bulletin.png b/img/art/bulletin.png Binary files differnew file mode 100644 index 0000000..b849ac8 --- /dev/null +++ b/img/art/bulletin.png diff --git a/img/art/doodle.png b/img/art/doodle.png Binary files differnew file mode 100644 index 0000000..f27da6a --- /dev/null +++ b/img/art/doodle.png diff --git a/img/art/drawing.png b/img/art/drawing.png Binary files differnew file mode 100644 index 0000000..6e283e6 --- /dev/null +++ b/img/art/drawing.png diff --git a/img/art/full.jpg b/img/art/full.jpg Binary files differnew file mode 100644 index 0000000..8642bb0 --- /dev/null +++ b/img/art/full.jpg diff --git a/img/art/letter.png b/img/art/letter.png Binary files differnew file mode 100644 index 0000000..ade737e --- /dev/null +++ b/img/art/letter.png diff --git a/img/art/sketch.jpg b/img/art/sketch.jpg Binary files differnew file mode 100644 index 0000000..b2ba83d --- /dev/null +++ b/img/art/sketch.jpg diff --git a/img/art/sketchbooks.png b/img/art/sketchbooks.png Binary files differnew file mode 100644 index 0000000..c26e3f4 --- /dev/null +++ b/img/art/sketchbooks.png diff --git a/img/bg.jpg b/img/bg.jpg Binary files differnew file mode 100644 index 0000000..0ac2bfd --- /dev/null +++ b/img/bg.jpg diff --git a/img/bg.png b/img/bg.png Binary files differnew file mode 100644 index 0000000..fca368a --- /dev/null +++ b/img/bg.png diff --git a/img/bg/Artifact 2.png b/img/bg/Artifact 2.png Binary files differnew file mode 100644 index 0000000..8d4500b --- /dev/null +++ b/img/bg/Artifact 2.png diff --git a/img/bg/housemap.jpg b/img/bg/housemap.jpg Binary files differnew file mode 100644 index 0000000..30b58d7 --- /dev/null +++ b/img/bg/housemap.jpg diff --git a/img/bg/insert.png b/img/bg/insert.png Binary files differnew file mode 100644 index 0000000..ea7b763 --- /dev/null +++ b/img/bg/insert.png diff --git a/img/bg/leaves.jpg b/img/bg/leaves.jpg Binary files differnew file mode 100644 index 0000000..9131b17 --- /dev/null +++ b/img/bg/leaves.jpg diff --git a/img/bg/sedgfGOJa b/img/bg/sedgfGOJa new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/img/bg/sedgfGOJa diff --git a/img/bg2.png b/img/bg2.png Binary files differnew file mode 100644 index 0000000..13c0ab2 --- /dev/null +++ b/img/bg2.png diff --git a/img/bgfull.png b/img/bgfull.png Binary files differnew file mode 100644 index 0000000..fca368a --- /dev/null +++ b/img/bgfull.png diff --git a/img/blinkies/am.gif b/img/blinkies/am.gif Binary files differnew file mode 100644 index 0000000..ad8d8ab --- /dev/null +++ b/img/blinkies/am.gif diff --git a/img/blinkies/bloodsucker.gif b/img/blinkies/bloodsucker.gif Binary files differnew file mode 100644 index 0000000..5c13357 --- /dev/null +++ b/img/blinkies/bloodsucker.gif diff --git a/img/blinkies/connection.gif b/img/blinkies/connection.gif Binary files differnew file mode 100644 index 0000000..fa17e1a --- /dev/null +++ b/img/blinkies/connection.gif diff --git a/img/blinkies/cyclepath.gif b/img/blinkies/cyclepath.gif Binary files differnew file mode 100644 index 0000000..b41f185 --- /dev/null +++ b/img/blinkies/cyclepath.gif diff --git a/img/blinkies/figment.gif b/img/blinkies/figment.gif Binary files differnew file mode 100644 index 0000000..e20b375 --- /dev/null +++ b/img/blinkies/figment.gif diff --git a/img/blinkies/fragile.gif b/img/blinkies/fragile.gif Binary files differnew file mode 100644 index 0000000..3bfa0c6 --- /dev/null +++ b/img/blinkies/fragile.gif diff --git a/img/blinkies/happy.gif b/img/blinkies/happy.gif Binary files differnew file mode 100644 index 0000000..b6f3159 --- /dev/null +++ b/img/blinkies/happy.gif diff --git a/img/blinkies/malpractice.gif b/img/blinkies/malpractice.gif Binary files differnew file mode 100644 index 0000000..9275969 --- /dev/null +++ b/img/blinkies/malpractice.gif diff --git a/img/blinkies/mybackhurts.gif b/img/blinkies/mybackhurts.gif Binary files differnew file mode 100644 index 0000000..e68a269 --- /dev/null +++ b/img/blinkies/mybackhurts.gif diff --git a/img/blinkies/ohworm.gif b/img/blinkies/ohworm.gif Binary files differnew file mode 100644 index 0000000..d5919be --- /dev/null +++ b/img/blinkies/ohworm.gif diff --git a/img/blinkies/wug.gif b/img/blinkies/wug.gif Binary files differnew file mode 100644 index 0000000..10b54ea --- /dev/null +++ b/img/blinkies/wug.gif diff --git a/img/brain/brain.png b/img/brain/brain.png Binary files differnew file mode 100644 index 0000000..c41dd48 --- /dev/null +++ b/img/brain/brain.png diff --git a/img/brain/reading.png b/img/brain/reading.png Binary files differnew file mode 100644 index 0000000..8d8ea68 --- /dev/null +++ b/img/brain/reading.png diff --git a/img/buttons/17776.gif b/img/buttons/17776.gif Binary files differnew file mode 100644 index 0000000..f647cfa --- /dev/null +++ b/img/buttons/17776.gif diff --git a/img/buttons/I-WARNED-YOU-DOG.gif b/img/buttons/I-WARNED-YOU-DOG.gif Binary files differnew file mode 100644 index 0000000..8eada3b --- /dev/null +++ b/img/buttons/I-WARNED-YOU-DOG.gif diff --git a/img/buttons/anarchist_lib.png b/img/buttons/anarchist_lib.png Binary files differnew file mode 100644 index 0000000..3f19e85 --- /dev/null +++ b/img/buttons/anarchist_lib.png diff --git a/img/buttons/anarchy_now2.gif b/img/buttons/anarchy_now2.gif Binary files differnew file mode 100644 index 0000000..e1b8597 --- /dev/null +++ b/img/buttons/anarchy_now2.gif diff --git a/img/buttons/apples.png b/img/buttons/apples.png Binary files differnew file mode 100644 index 0000000..3dd6cb0 --- /dev/null +++ b/img/buttons/apples.png diff --git a/img/buttons/archive.gif b/img/buttons/archive.gif Binary files differnew file mode 100644 index 0000000..21ccfa3 --- /dev/null +++ b/img/buttons/archive.gif diff --git a/img/buttons/bestview.gif b/img/buttons/bestview.gif Binary files differnew file mode 100644 index 0000000..27581b7 --- /dev/null +++ b/img/buttons/bestview.gif diff --git a/img/buttons/budgie.gif b/img/buttons/budgie.gif Binary files differnew file mode 100644 index 0000000..22e79c3 --- /dev/null +++ b/img/buttons/budgie.gif diff --git a/img/buttons/crouton.png b/img/buttons/crouton.png Binary files differnew file mode 100644 index 0000000..5f01e9f --- /dev/null +++ b/img/buttons/crouton.png diff --git a/img/buttons/designpassion.png b/img/buttons/designpassion.png Binary files differnew file mode 100644 index 0000000..1a6c838 --- /dev/null +++ b/img/buttons/designpassion.png diff --git a/img/buttons/dhmo.png b/img/buttons/dhmo.png Binary files differnew file mode 100644 index 0000000..d6524e0 --- /dev/null +++ b/img/buttons/dhmo.png diff --git a/img/buttons/dream_now.gif b/img/buttons/dream_now.gif Binary files differnew file mode 100644 index 0000000..2c44d8a --- /dev/null +++ b/img/buttons/dream_now.gif diff --git a/img/buttons/evil.gif b/img/buttons/evil.gif Binary files differnew file mode 100644 index 0000000..ab1d975 --- /dev/null +++ b/img/buttons/evil.gif diff --git a/img/buttons/fag.gif b/img/buttons/fag.gif Binary files differnew file mode 100644 index 0000000..e6ea598 --- /dev/null +++ b/img/buttons/fag.gif diff --git a/img/buttons/furby.jpg b/img/buttons/furby.jpg Binary files differnew file mode 100644 index 0000000..a1ffa19 --- /dev/null +++ b/img/buttons/furby.jpg diff --git a/img/buttons/gnu-linux.gif b/img/buttons/gnu-linux.gif Binary files differnew file mode 100644 index 0000000..89e3562 --- /dev/null +++ b/img/buttons/gnu-linux.gif diff --git a/img/buttons/gregdock.gif b/img/buttons/gregdock.gif Binary files differnew file mode 100644 index 0000000..7873e14 --- /dev/null +++ b/img/buttons/gregdock.gif diff --git a/img/buttons/homestar.gif b/img/buttons/homestar.gif Binary files differnew file mode 100644 index 0000000..5c08094 --- /dev/null +++ b/img/buttons/homestar.gif diff --git a/img/buttons/kriswherearewe.png b/img/buttons/kriswherearewe.png Binary files differnew file mode 100644 index 0000000..a7b0943 --- /dev/null +++ b/img/buttons/kriswherearewe.png diff --git a/img/buttons/navi.jpg b/img/buttons/navi.jpg Binary files differnew file mode 100644 index 0000000..5847a4f --- /dev/null +++ b/img/buttons/navi.jpg diff --git a/img/buttons/plan9.gif b/img/buttons/plan9.gif Binary files differnew file mode 100644 index 0000000..96f9c61 --- /dev/null +++ b/img/buttons/plan9.gif diff --git a/img/buttons/sharewareplease.gif b/img/buttons/sharewareplease.gif Binary files differnew file mode 100644 index 0000000..75857ec --- /dev/null +++ b/img/buttons/sharewareplease.gif diff --git a/img/buttons/sitcombutton.gif b/img/buttons/sitcombutton.gif Binary files differnew file mode 100644 index 0000000..26fc535 --- /dev/null +++ b/img/buttons/sitcombutton.gif diff --git a/img/buttons/teeth.gif b/img/buttons/teeth.gif Binary files differnew file mode 100644 index 0000000..007f230 --- /dev/null +++ b/img/buttons/teeth.gif diff --git a/img/buttons/templeos.png b/img/buttons/templeos.png Binary files differnew file mode 100644 index 0000000..fc2f9ac --- /dev/null +++ b/img/buttons/templeos.png diff --git a/img/buttons/thirdimpact.png b/img/buttons/thirdimpact.png Binary files differnew file mode 100644 index 0000000..02254b6 --- /dev/null +++ b/img/buttons/thirdimpact.png diff --git a/img/buttons/transit.gif b/img/buttons/transit.gif Binary files differnew file mode 100644 index 0000000..5e455a4 --- /dev/null +++ b/img/buttons/transit.gif diff --git a/img/buttons/treeoctopus.png b/img/buttons/treeoctopus.png Binary files differnew file mode 100644 index 0000000..fbcc568 --- /dev/null +++ b/img/buttons/treeoctopus.png diff --git a/img/buttons/urappin.png b/img/buttons/urappin.png Binary files differnew file mode 100644 index 0000000..d8e81b1 --- /dev/null +++ b/img/buttons/urappin.png diff --git a/img/buttons/void.gif b/img/buttons/void.gif Binary files differnew file mode 100644 index 0000000..1099de4 --- /dev/null +++ b/img/buttons/void.gif diff --git a/img/buttons/xenia.gif b/img/buttons/xenia.gif Binary files differnew file mode 100644 index 0000000..b400283 --- /dev/null +++ b/img/buttons/xenia.gif diff --git a/img/cube.png b/img/cube.png Binary files differnew file mode 100644 index 0000000..998967f --- /dev/null +++ b/img/cube.png diff --git a/img/download/bg.png b/img/download/bg.png Binary files differnew file mode 100644 index 0000000..83ecbe2 --- /dev/null +++ b/img/download/bg.png diff --git a/img/download/bg2.png b/img/download/bg2.png Binary files differnew file mode 100644 index 0000000..13c0ab2 --- /dev/null +++ b/img/download/bg2.png diff --git a/img/download/guitar-ezgif.com-speed.gif b/img/download/guitar-ezgif.com-speed.gif Binary files differnew file mode 100644 index 0000000..c8b892f --- /dev/null +++ b/img/download/guitar-ezgif.com-speed.gif diff --git a/img/duck.mp4 b/img/duck.mp4 Binary files differnew file mode 100644 index 0000000..91a0869 --- /dev/null +++ b/img/duck.mp4 diff --git a/img/enki.jpg b/img/enki.jpg Binary files differnew file mode 100644 index 0000000..5ebebb1 --- /dev/null +++ b/img/enki.jpg diff --git a/img/film/angel.jpg b/img/film/angel.jpg Binary files differnew file mode 100644 index 0000000..714d74e --- /dev/null +++ b/img/film/angel.jpg diff --git a/img/film/clock.jpg b/img/film/clock.jpg Binary files differnew file mode 100644 index 0000000..55d1293 --- /dev/null +++ b/img/film/clock.jpg diff --git a/img/film/dancer.jpg b/img/film/dancer.jpg Binary files differnew file mode 100644 index 0000000..57427a0 --- /dev/null +++ b/img/film/dancer.jpg diff --git a/img/film/good.jpg b/img/film/good.jpg Binary files differnew file mode 100644 index 0000000..ea8fb74 --- /dev/null +++ b/img/film/good.jpg diff --git a/img/film/heck.jpg b/img/film/heck.jpg Binary files differnew file mode 100644 index 0000000..fb2b327 --- /dev/null +++ b/img/film/heck.jpg diff --git a/img/film/if.jpg b/img/film/if.jpg Binary files differnew file mode 100644 index 0000000..4c539d6 --- /dev/null +++ b/img/film/if.jpg diff --git a/img/film/little.jpg b/img/film/little.jpg Binary files differnew file mode 100644 index 0000000..8ca6a04 --- /dev/null +++ b/img/film/little.jpg diff --git a/img/film/martin.jpg b/img/film/martin.jpg Binary files differnew file mode 100644 index 0000000..49cc491 --- /dev/null +++ b/img/film/martin.jpg diff --git a/img/film/maude.jpg b/img/film/maude.jpg Binary files differnew file mode 100644 index 0000000..8b93d87 --- /dev/null +++ b/img/film/maude.jpg diff --git a/img/film/padd2.jpg b/img/film/padd2.jpg Binary files differnew file mode 100644 index 0000000..b98308b --- /dev/null +++ b/img/film/padd2.jpg diff --git a/img/film/planet.jpg b/img/film/planet.jpg Binary files differnew file mode 100644 index 0000000..f2213b7 --- /dev/null +++ b/img/film/planet.jpg diff --git a/img/film/shining.jpg b/img/film/shining.jpg Binary files differnew file mode 100644 index 0000000..7e9bfd7 --- /dev/null +++ b/img/film/shining.jpg diff --git a/img/film/theblacktower.jpg b/img/film/theblacktower.jpg Binary files differnew file mode 100644 index 0000000..c37ae5e --- /dev/null +++ b/img/film/theblacktower.jpg diff --git a/img/film/wind.jpg b/img/film/wind.jpg Binary files differnew file mode 100644 index 0000000..cceba2f --- /dev/null +++ b/img/film/wind.jpg diff --git a/img/gnome.jpg b/img/gnome.jpg Binary files differnew file mode 100644 index 0000000..474eb15 --- /dev/null +++ b/img/gnome.jpg diff --git a/img/index/Brain_autopsy_lateral_view.png b/img/index/Brain_autopsy_lateral_view.png Binary files differnew file mode 100644 index 0000000..881ab70 --- /dev/null +++ b/img/index/Brain_autopsy_lateral_view.png diff --git a/img/index/Brain_autopsy_lateral_view2.png b/img/index/Brain_autopsy_lateral_view2.png Binary files differnew file mode 100644 index 0000000..aa1b85a --- /dev/null +++ b/img/index/Brain_autopsy_lateral_view2.png diff --git a/img/index/Chimp_Brain_in_a_jar.png b/img/index/Chimp_Brain_in_a_jar.png Binary files differnew file mode 100644 index 0000000..4b50f89 --- /dev/null +++ b/img/index/Chimp_Brain_in_a_jar.png diff --git a/img/index/art.png b/img/index/art.png Binary files differnew file mode 100644 index 0000000..38977dd --- /dev/null +++ b/img/index/art.png diff --git a/img/index/brain.png b/img/index/brain.png Binary files differnew file mode 100644 index 0000000..3951a4f --- /dev/null +++ b/img/index/brain.png diff --git a/img/index/computer.png b/img/index/computer.png Binary files differnew file mode 100644 index 0000000..ad6b73d --- /dev/null +++ b/img/index/computer.png diff --git a/img/index/doll.png b/img/index/doll.png Binary files differnew file mode 100644 index 0000000..999f332 --- /dev/null +++ b/img/index/doll.png diff --git a/img/index/index.jpg b/img/index/index.jpg Binary files differnew file mode 100644 index 0000000..cf4c8bc --- /dev/null +++ b/img/index/index.jpg diff --git a/img/index/index.png b/img/index/index.png Binary files differnew file mode 100644 index 0000000..77b8dc2 --- /dev/null +++ b/img/index/index.png diff --git a/img/index/music.png b/img/index/music.png Binary files differnew file mode 100644 index 0000000..9c40426 --- /dev/null +++ b/img/index/music.png diff --git a/img/index/weener.png b/img/index/weener.png Binary files differnew file mode 100644 index 0000000..323ad55 --- /dev/null +++ b/img/index/weener.png diff --git a/img/lib/448.jpg b/img/lib/448.jpg Binary files differnew file mode 100644 index 0000000..2599136 --- /dev/null +++ b/img/lib/448.jpg diff --git a/img/lib/acwo.jpg b/img/lib/acwo.jpg Binary files differnew file mode 100644 index 0000000..e92160a --- /dev/null +++ b/img/lib/acwo.jpg diff --git a/img/lib/alice.jpg b/img/lib/alice.jpg Binary files differnew file mode 100644 index 0000000..fb44f5a --- /dev/null +++ b/img/lib/alice.jpg diff --git a/img/lib/baby.jpg b/img/lib/baby.jpg Binary files differnew file mode 100644 index 0000000..5b781f6 --- /dev/null +++ b/img/lib/baby.jpg diff --git a/img/lib/blood.jpg b/img/lib/blood.jpg Binary files differnew file mode 100644 index 0000000..df1bea9 --- /dev/null +++ b/img/lib/blood.jpg diff --git a/img/lib/child.jpg b/img/lib/child.jpg Binary files differnew file mode 100644 index 0000000..c5d6772 --- /dev/null +++ b/img/lib/child.jpg diff --git a/img/lib/flowers.jpg b/img/lib/flowers.jpg Binary files differnew file mode 100644 index 0000000..16c6b26 --- /dev/null +++ b/img/lib/flowers.jpg diff --git a/img/lib/forgive.jpg b/img/lib/forgive.jpg Binary files differnew file mode 100644 index 0000000..b691dd9 --- /dev/null +++ b/img/lib/forgive.jpg diff --git a/img/lib/girl.jpeg b/img/lib/girl.jpeg Binary files differnew file mode 100644 index 0000000..268b7a6 --- /dev/null +++ b/img/lib/girl.jpeg diff --git a/img/lib/hol.jpeg b/img/lib/hol.jpeg Binary files differnew file mode 100644 index 0000000..876aea3 --- /dev/null +++ b/img/lib/hol.jpeg diff --git a/img/lib/human.jpeg b/img/lib/human.jpeg Binary files differnew file mode 100644 index 0000000..47b6032 --- /dev/null +++ b/img/lib/human.jpeg diff --git a/img/lib/mockingbird.jpg b/img/lib/mockingbird.jpg Binary files differnew file mode 100644 index 0000000..174490f --- /dev/null +++ b/img/lib/mockingbird.jpg diff --git a/img/lib/naked.jpg b/img/lib/naked.jpg Binary files differnew file mode 100644 index 0000000..f35da7e --- /dev/null +++ b/img/lib/naked.jpg diff --git a/img/lib/necro.jpg b/img/lib/necro.jpg Binary files differnew file mode 100644 index 0000000..fd852d2 --- /dev/null +++ b/img/lib/necro.jpg diff --git a/img/lib/perfume.jpg b/img/lib/perfume.jpg Binary files differnew file mode 100644 index 0000000..863bbbc --- /dev/null +++ b/img/lib/perfume.jpg diff --git a/img/lib/punpun.jpg b/img/lib/punpun.jpg Binary files differnew file mode 100644 index 0000000..f99c104 --- /dev/null +++ b/img/lib/punpun.jpg diff --git a/img/lib/snake.jpg b/img/lib/snake.jpg Binary files differnew file mode 100644 index 0000000..3dd5a00 --- /dev/null +++ b/img/lib/snake.jpg diff --git a/img/lib/stranger.jpg b/img/lib/stranger.jpg Binary files differnew file mode 100644 index 0000000..999bed4 --- /dev/null +++ b/img/lib/stranger.jpg diff --git a/img/lib/trans.jpg b/img/lib/trans.jpg Binary files differnew file mode 100644 index 0000000..984af59 --- /dev/null +++ b/img/lib/trans.jpg diff --git a/img/logo.png b/img/logo.png Binary files differnew file mode 100644 index 0000000..58e7119 --- /dev/null +++ b/img/logo.png diff --git a/img/logo2.png b/img/logo2.png Binary files differnew file mode 100644 index 0000000..fa7e553 --- /dev/null +++ b/img/logo2.png diff --git a/img/music/guitar.gif b/img/music/guitar.gif Binary files differnew file mode 100644 index 0000000..e34ebe8 --- /dev/null +++ b/img/music/guitar.gif diff --git a/img/nav/redplayer.png b/img/nav/redplayer.png Binary files differnew file mode 100644 index 0000000..cde9579 --- /dev/null +++ b/img/nav/redplayer.png diff --git a/img/objects/duckgrass.gif b/img/objects/duckgrass.gif Binary files differnew file mode 100644 index 0000000..e622621 --- /dev/null +++ b/img/objects/duckgrass.gif diff --git a/img/objects/ducks.gif b/img/objects/ducks.gif Binary files differnew file mode 100644 index 0000000..eb831c3 --- /dev/null +++ b/img/objects/ducks.gif diff --git a/img/objects/snailcircle.gif b/img/objects/snailcircle.gif Binary files differnew file mode 100644 index 0000000..52d17ce --- /dev/null +++ b/img/objects/snailcircle.gif diff --git a/img/old.jpg b/img/old.jpg Binary files differnew file mode 100644 index 0000000..38e1110 --- /dev/null +++ b/img/old.jpg diff --git a/img/placeholder/art.png b/img/placeholder/art.png Binary files differnew file mode 100644 index 0000000..e374410 --- /dev/null +++ b/img/placeholder/art.png diff --git a/img/placeholder/brain.png b/img/placeholder/brain.png Binary files differnew file mode 100644 index 0000000..0a82941 --- /dev/null +++ b/img/placeholder/brain.png diff --git a/img/placeholder/computer.png b/img/placeholder/computer.png Binary files differnew file mode 100644 index 0000000..d501f3f --- /dev/null +++ b/img/placeholder/computer.png diff --git a/img/placeholder/doll.png b/img/placeholder/doll.png Binary files differnew file mode 100644 index 0000000..be2310a --- /dev/null +++ b/img/placeholder/doll.png diff --git a/img/placeholder/ezgif.com-optimize.gif b/img/placeholder/ezgif.com-optimize.gif Binary files differnew file mode 100644 index 0000000..ce2e3d2 --- /dev/null +++ b/img/placeholder/ezgif.com-optimize.gif diff --git a/img/placeholder/ezgif.com-resize.gif b/img/placeholder/ezgif.com-resize.gif Binary files differnew file mode 100644 index 0000000..e34ebe8 --- /dev/null +++ b/img/placeholder/ezgif.com-resize.gif diff --git a/img/placeholder/guitar.png b/img/placeholder/guitar.png Binary files differnew file mode 100644 index 0000000..e9d3a96 --- /dev/null +++ b/img/placeholder/guitar.png diff --git a/img/placeholder/index sprites.png b/img/placeholder/index sprites.png Binary files differnew file mode 100644 index 0000000..76924dc --- /dev/null +++ b/img/placeholder/index sprites.png diff --git a/img/placeholder/index sprites2.png b/img/placeholder/index sprites2.png Binary files differnew file mode 100644 index 0000000..4e19b80 --- /dev/null +++ b/img/placeholder/index sprites2.png diff --git a/img/placeholder/index sprites3.png b/img/placeholder/index sprites3.png Binary files differnew file mode 100644 index 0000000..a76e578 --- /dev/null +++ b/img/placeholder/index sprites3.png diff --git a/img/placeholder/index sprites4.png b/img/placeholder/index sprites4.png Binary files differnew file mode 100644 index 0000000..e3a9900 --- /dev/null +++ b/img/placeholder/index sprites4.png diff --git a/img/placeholder/indexbg.png b/img/placeholder/indexbg.png Binary files differnew file mode 100644 index 0000000..0ed6331 --- /dev/null +++ b/img/placeholder/indexbg.png diff --git a/img/placeholder/indexbg1.png b/img/placeholder/indexbg1.png Binary files differnew file mode 100644 index 0000000..cca4207 --- /dev/null +++ b/img/placeholder/indexbg1.png diff --git a/img/placeholder/musicbg.png b/img/placeholder/musicbg.png Binary files differnew file mode 100644 index 0000000..23e83c7 --- /dev/null +++ b/img/placeholder/musicbg.png diff --git a/img/placeholder/musicbox.png b/img/placeholder/musicbox.png Binary files differnew file mode 100644 index 0000000..ff7ce3f --- /dev/null +++ b/img/placeholder/musicbox.png diff --git a/img/placeholder/weener.png b/img/placeholder/weener.png Binary files differnew file mode 100644 index 0000000..fe6e3e1 --- /dev/null +++ b/img/placeholder/weener.png diff --git a/img/stamps/5g.png b/img/stamps/5g.png Binary files differnew file mode 100644 index 0000000..040841d --- /dev/null +++ b/img/stamps/5g.png diff --git a/img/stamps/am.png b/img/stamps/am.png Binary files differnew file mode 100644 index 0000000..5dce013 --- /dev/null +++ b/img/stamps/am.png diff --git a/img/stamps/anime.jpg b/img/stamps/anime.jpg Binary files differnew file mode 100644 index 0000000..64eabc6 --- /dev/null +++ b/img/stamps/anime.jpg diff --git a/img/stamps/aotk.png b/img/stamps/aotk.png Binary files differnew file mode 100644 index 0000000..2ff70ef --- /dev/null +++ b/img/stamps/aotk.png diff --git a/img/stamps/bjork.gif b/img/stamps/bjork.gif Binary files differnew file mode 100644 index 0000000..3ceaf31 --- /dev/null +++ b/img/stamps/bjork.gif diff --git a/img/stamps/cats.png b/img/stamps/cats.png Binary files differnew file mode 100644 index 0000000..e2be733 --- /dev/null +++ b/img/stamps/cats.png diff --git a/img/stamps/censoredcats.png b/img/stamps/censoredcats.png Binary files differnew file mode 100644 index 0000000..385ffb9 --- /dev/null +++ b/img/stamps/censoredcats.png diff --git a/img/stamps/citation.jpg b/img/stamps/citation.jpg Binary files differnew file mode 100644 index 0000000..a77896a --- /dev/null +++ b/img/stamps/citation.jpg diff --git a/img/stamps/crts.png b/img/stamps/crts.png Binary files differnew file mode 100644 index 0000000..03ceede --- /dev/null +++ b/img/stamps/crts.png diff --git a/img/stamps/cute.png b/img/stamps/cute.png Binary files differnew file mode 100644 index 0000000..3bf6c37 --- /dev/null +++ b/img/stamps/cute.png diff --git a/img/stamps/dryer.png b/img/stamps/dryer.png Binary files differnew file mode 100644 index 0000000..c5e6263 --- /dev/null +++ b/img/stamps/dryer.png diff --git a/img/stamps/evilkittens.png b/img/stamps/evilkittens.png Binary files differnew file mode 100644 index 0000000..09e3fc9 --- /dev/null +++ b/img/stamps/evilkittens.png diff --git a/img/stamps/glenda.gif b/img/stamps/glenda.gif Binary files differnew file mode 100644 index 0000000..99ba143 --- /dev/null +++ b/img/stamps/glenda.gif diff --git a/img/stamps/gnarp.png b/img/stamps/gnarp.png Binary files differnew file mode 100644 index 0000000..419f135 --- /dev/null +++ b/img/stamps/gnarp.png diff --git a/img/stamps/gointhedark.gif b/img/stamps/gointhedark.gif Binary files differnew file mode 100644 index 0000000..163ef36 --- /dev/null +++ b/img/stamps/gointhedark.gif diff --git a/img/stamps/happy.png b/img/stamps/happy.png Binary files differnew file mode 100644 index 0000000..7844c0a --- /dev/null +++ b/img/stamps/happy.png diff --git a/img/stamps/kafka.png b/img/stamps/kafka.png Binary files differnew file mode 100644 index 0000000..138e436 --- /dev/null +++ b/img/stamps/kafka.png diff --git a/img/stamps/keroro.png b/img/stamps/keroro.png Binary files differnew file mode 100644 index 0000000..4a25586 --- /dev/null +++ b/img/stamps/keroro.png diff --git a/img/stamps/kitty.png b/img/stamps/kitty.png Binary files differnew file mode 100644 index 0000000..f063503 --- /dev/null +++ b/img/stamps/kitty.png diff --git a/img/stamps/orchid.png b/img/stamps/orchid.png Binary files differnew file mode 100644 index 0000000..2f8e9e0 --- /dev/null +++ b/img/stamps/orchid.png diff --git a/img/stamps/radiationcat.png b/img/stamps/radiationcat.png Binary files differnew file mode 100644 index 0000000..c2c8c1f --- /dev/null +++ b/img/stamps/radiationcat.png diff --git a/img/stamps/ranfren.gif b/img/stamps/ranfren.gif Binary files differnew file mode 100644 index 0000000..6ba0ab2 --- /dev/null +++ b/img/stamps/ranfren.gif diff --git a/img/stamps/rawtime.png b/img/stamps/rawtime.png Binary files differnew file mode 100644 index 0000000..23f0d95 --- /dev/null +++ b/img/stamps/rawtime.png diff --git a/img/stamps/romantic.png b/img/stamps/romantic.png Binary files differnew file mode 100644 index 0000000..25e5d56 --- /dev/null +++ b/img/stamps/romantic.png diff --git a/img/stamps/saddam.png b/img/stamps/saddam.png Binary files differnew file mode 100644 index 0000000..c9320d9 --- /dev/null +++ b/img/stamps/saddam.png diff --git a/img/stamps/setup.png b/img/stamps/setup.png Binary files differnew file mode 100644 index 0000000..ef2f168 --- /dev/null +++ b/img/stamps/setup.png diff --git a/img/stamps/thog.png b/img/stamps/thog.png Binary files differnew file mode 100644 index 0000000..035e33a --- /dev/null +++ b/img/stamps/thog.png diff --git a/img/stamps/wain.png b/img/stamps/wain.png Binary files differnew file mode 100644 index 0000000..9fc636d --- /dev/null +++ b/img/stamps/wain.png diff --git a/img/stamps/wain2.png b/img/stamps/wain2.png Binary files differnew file mode 100644 index 0000000..562db08 --- /dev/null +++ b/img/stamps/wain2.png diff --git a/img/teethinvitro.gif b/img/teethinvitro.gif Binary files differnew file mode 100644 index 0000000..bebf328 --- /dev/null +++ b/img/teethinvitro.gif diff --git a/index.html b/index.html new file mode 100644 index 0000000..dc58830 --- /dev/null +++ b/index.html @@ -0,0 +1,226 @@ +<!DOCTYPE html> +<html> +<head> + <title>Soft Machine</title> + <link href="https://softmachine.dev/rss.xml/" rel="alternate" type="application/rss+xml" title="Soft Machine's RSS Feed" /> + <link href="common.css" rel="stylesheet" type="text/css"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="The Weight of Comfort | Personal website containing art, music, programming, poetry, and the world of Moloch"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + + <style> + body { + background-image: url('img/index/index.jpg'); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + background-position: center; + } + + .shadow { + z-index: 2; + text-align: center; + padding: 0; + margin: 0; + position: fixed; + -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.6); + -moz-box-shadow: 0 0 10px 10px rgba(0,0,0,0.6); + box-shadow: 0 0 10px 10px rgba(0,0,0,0.6); + } + + #one a:nth-child(1)::after { + background: none; + } + + #two a:nth-child(1)::after { + bottom: 10%; + left: 10%; + height: 30%; + } + + #two a:nth-child(2)::after { + bottom: 2%; + left: 8%; + height: 10%; + } + + #two a:nth-child(3)::after { + bottom: 0px; + left: 0px; + width: 105%; + height: 45%; + } + + #three a:nth-child(1)::after { + bottom: 5%; + left: 0%; + height: 40%; + } + + #three a:nth-child(2)::after { + bottom: 5%; + left: 5%; + height: 55%; + width: 102%; + } + + .eye { + background: rgb(212, 212, 212); + border-radius: 50%; + position: absolute; + display: inline-block; + margin: 0; + overflow: hidden; + z-index: 2; + } + + .white { + width: 100%; + height: 50%; + box-shadow: 0px 0px 7px 3px rgb(230, 230, 230); + background: rgb(230, 230, 230); + border-radius: 50%; + position: absolute; + top: 70%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + + .pupil { + width: 25%; + aspect-ratio: 1 / 1; + background: rgb(17, 17, 17); + border-radius: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + 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: 20px; + } + + .logo img { + width: 28vw; + } + + .logo img:hover { + width: 33vw; + } + + p { + color: white; + } + </style> +</head> +<body> + <h1 class="logo"><img src="img/logo.png" alt="Soft Machine"></h1> + + <div> + <div id="one" class="flex"> + <a href="brain.html"> + <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="width: 18.5vw;"></a> + + <a href="moloch.html" class="weener"> + <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: 16%; left: 56%; width: 14%; height: 8.5%"> + <div class="white"></div> + <div class="pupil"></div> + <div class="shine"></div> + </div> + + <img src="img/index/weener.png" style="width: 13.5vw;"> + </a> + + <a href="tech.html"> + <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="width: 10.5vw;"></a> + + <a href="music.html"> + <img src="img/index/music.png" style="width: 13.5vw;"></a> + </div> + </div> + + <div class="shadow" style="width: 10%; top: 0; right: 0;"> + <p><a href="https://d75i6wrgammbirodhv7fpulpko3jea3tb7qjjivf3kc6ohaambmptsad.onion/">tor</a> * <a href="http://softmachine.i2p/">i2p</a></p> + </div> + + <div class="shadow" style="width: 20%; bottom: 0; left: 0;"> + <p><a href="about.html">about</a> * <a href="sitemap.html">sitemap</a> * <a href="https://teeth.atabook.org/">guestbook</a></p> + </div> + + <div class="shadow" style="width: 20%; bottom: 0; right: 0;"> + <h2 style="margin-top: 10px;">Updates</h2> + + <ul style="text-align: left; margin: 0px 10px 10px 0px; font-size: 1em;"> + <li>16/02/26 - New site design</li> + <li>04/02/26 - Added Bluesky link</li> + <li>12/01/26 - Added tor and i2p mirrors</li> + <li>10/01/26 - Added The Black Tower to /books</li> + </ul> + + <a href="rss.xml">RSS Feed</a> + </div> + + <script> + document.addEventListener("mousemove", (e) => { + document.querySelectorAll(".eye").forEach(eye => { + const pupil = eye.querySelector(".pupil"); + const rect = eye.getBoundingClientRect(); + + const eyeX = rect.left + rect.width / 2; + const eyeY = rect.top + rect.height / 2; + + const dx = e.clientX - eyeX; + const dy = e.clientY - eyeY; + + const angle = Math.atan2(dy, dx); + + const maxMove = rect.width / 4; + + const x = Math.cos(angle) * maxMove; + const y = Math.sin(angle) * maxMove; + + pupil.style.transform = `translate(-50%, -50%) translate(${x}px, ${y}px)`; + }); + }); + </script> + +</body> +</html> diff --git a/legacy/greg.css b/legacy/greg.css new file mode 100644 index 0000000..dee741d --- /dev/null +++ b/legacy/greg.css @@ -0,0 +1,65 @@ +body { + /*background-color: lightgreen;*/ + color:rgb(34, 56, 52); + font-family: serif; +} + +.normal { + background-image: url('img/bg/dithered-poles.png'); +} + +.content { + background-color: rgb(90, 125, 131); + margin-top: 50px; + margin-left: 20%; + margin-right: 20%; + padding: 25px; +} + +.box { + background-color: rgb(121, 155, 161); + padding: 15px; + padding-top: 2px; +} + +h1 { + font-size: 35px; +} + +a { + color: rgb(9, 57, 97); +} + +figure { + display: inline-block; + margin: 15px; +} + +::selection { + background-color: #308280; + color: white; +} + +.gregevil { + background-image: url('img/greg/Flag_of_Estonia.png'); + background-repeat: repeat; + background-size: 300px 200px; +} + +.gregevil a { + color: white; +} + +.evilcontent { + background-color: white; + margin-top: 50px; + margin-left: 20%; + margin-right: 20%; + padding: 25px; +} + +.evilbox { + background-color: white; + padding: 15px; + padding-top: 2px; +} diff --git a/legacy/greg.html b/legacy/greg.html new file mode 100644 index 0000000..e041cef --- /dev/null +++ b/legacy/greg.html @@ -0,0 +1,94 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>greg game review</title> + <link href="greg.css" rel="stylesheet" type="text/css" media="all"> + <link rel="shortcut icon" href="img/greg/icon.png"> + </head> + + <body class="normal"> + + <div style="background-color: white; color: black;"> +<h2>This shrine is outdated. The game has since been completed and has changed a lot. I might update this accordingly.</h2> +</div> + + <div class="content"> + <img src="img/greg/gregface.png" style="float: left; padding-right: 30px;"> + + <audio controls autoplay loop style="float: right;"> + <source src="https://files.catbox.moe/jl6wyz.ogg"> + </audio> + + <!--<h1 style="display: inline;">Greg Game</h1>--> + + <img src="img/greg/logo.gif" style="width: 400px;"> + + <br><br> + + <div class="box"> + <p><i>Greg</i> is an RPG game by <a href="https://murumart.neocities.org">Murumart</a>. It's still in development, so I'll actually be talking about its old demo that I got while it still existed on the internet. I lied. This isn't a review. I'll talk about how much I love Greg RPG.</p> + <p>You play as Greg, who returns to his hometown to see that an old lady is using his childhood house as a flower shop. But grandma's out for groceries, and it is Greg's opportunity to build up the power to kick her out. This MS-Painted town, however, soon proves to be troublesome, but only for Greg. Anyone who lays eyes on Greg has some kind of problem with him or a strong desire to exploit him for labour. My main evidence is that all the harmless NPCs have their eyes closed or away from Greg. Nobody looks straight into your eyes unless they have a job for you, be it delivering newspapers or cleaning an aquifer with soap (like in greg mining game, a very early version of the game).</p> + <p>The game was very entertaining, and never lost its fun even when it got challenging. The dialogue was hilarious and the characterization expressed through it was well-done. I was very impressed when I played the Demo, because the effort is very clear, such as in the visual effects. I particularly loved the way the radio sprite's dial moved with the music in Grandma's house. Besides the awesome effects, the music was incredible. Every track left a great impression and sweet after-taste, especially because of their clever use and details. The most noticeable example is the leitmotif of the bicycle and the bells that ring in each of its themes. Banger soundtrack. Extending from the music are the sound effects, which, even though they're such a small detail, I much loved hearing. The typing effect sure sounds like Comic Sans, and the menu clicks sound super great, because they, combined with the old-school look of the UI, are nostlagic to me.</p> + <p>I found the pixel art very lovely. The portraits of the bike ghosts look stunning. Shaders are used well throughout the UI and the map, and they look pretty. Above that, the art looks even better in newer versions. Right, what better art was there than the death screens? Those were funny. Buckle up, for Greg could die in many ways, but if you kill him on purpose, you should reconsider your morals. One notable visual detail is the fact that in battles and in the bike minigame, the character in focus is constructed like a puppet, with independently-animated limbs. What does that mean for you? The bike ghost's head bounces out when you attack it, with elastic wires being the only thing keeping it attached, and it's the best thing I laid eyes upon, but behold! You should see the ragdoll animation accompanied by explosions and several whacks when Greg flies out of the bike when you lose in the newspaper minigame. You're still reading? People are reading this? Since nobody is here I will let my awful headache take over and say that I love Greg. I want him. I can treat him right and I am going to kiss him right on the face. His grandma probably thinks that the's the most handsome boy in the world despite his raggedy-looking ass being ugly, but that won't prevent me from smothering that face.</p> + <p>There's cool graphics, music, and mechanics in the Greg game demo. There's a lot of love put into it and a lot of creativity in its ideas. Game of the year. I'm Greg Game's number one biggest fan and if there's a bigger fan than me I will not fight them but instead befriend them but joke's on you we're already <a href="https://files.catbox.moe/qdecq6.png">friends</a> I think.</p> + <p>I'm the proud owner of copies of Greg lost media, and eyes that witnessed other lost content of [REDACTED]. Real ones know about [REDACTED].</p> + <p>The best quote probably:</p> + <div style="text-align: center;"> + <img src="img/greg/guilt.png" style="width: 550px;" alt="Image of Bike Ghost saying 'Hope you enjoy living the rest of your life in GUILT!!!!!!!!!! Asshole'"> + <p style="text-align: left;">Notable moments:</p> + <figure> + <img src="img/greg/population.png" style="width: 481px;" alt="Image of Mail Man saying, 'On one hand it is great that our town's population is not declining as fast as we thought.'"> + <figcaption>Reminds me of a particular Baltic nation.</figcaption> + </figure> + <figure> + <img src="img/greg/death.gif" alt="Gif of Greg flying off his bike, followed by a Game Over"> + <figcaption>Hah</figcaption> + </figure> + <p style="font-size: 70%;">Note that the gif is edited, and that the game doesn't actually jump to the death screen like that. <a href="gregbutevil.html"><img src="img/greg/dace.png" alt="Greg" style="width: 20px;"></a> has to hit the ground miserably before the screen fades into a Game Over.</p> + </div> + <h3>Cool Greg facts</h3> + <ol> + <li>Greg has been in development since January 2023.</li> + <li>Greg mining game was released on June 5th, 2022 and is the earliest playable version of Greg.</li> + <li>Gleebungus.png</li> + <li>The Greg RPG Tech Demo (August) was released in October 2022.</li> + <li>You can fight grass blades.</li> + <li>Greg can hit himself in confusion because he's experiencing withdrawal symptoms and is so distressed that he isn't paying attention to where he throws his punches.</li> + <li><a href="https://troy-sucks.neocities.org/jackaric/misccomic2.jpg">Greg had a collab with JackAric (by Aiden)</a></li> + <li>Greg used to have a pet turtle.</li> + <li>MDP.</li> + </ol> + <h3>Gallery</h3> + <p>Fanart shows credit on hover. If not mentioned, then the image is by Murumart.</p> + <div style="text-align: center;"> + <img src="img/greg/helmet.png"> + <img src="img/greg/20220712_191240.jpg" title="By Aiden" style="width: 230px;"> + <img src="img/greg/20220712_192131.jpg" title="By Aiden" style="width: 250px;"> + <img src="img/greg/morally_grey_masterpieces.png" title="By Alan" style="width: 650px;"> + <img src="img/greg/20230131_204900.jpg" title="By Aiden" style="width: 250px;"> + <img src="img/greg/overworld.png"> + <img src="img/greg/kompost.png"> + <img src="img/greg/20230131_205541.jpg" style="width:250px" title="By Aiden (I love this one)"> + <img src="img/greg/20230131_212058.jpg" title="By Aiden........" style="width: 250px"> + <img src="img/greg/manson.gif"> + <img src="img/greg/3d.png" style="height: 400px"> + <img src="img/greg/stare.png"> + <img src="img/greg/psychdmg.png"> + <img src="img/greg/doom.jpeg" style="width: 100px;"> + <img src="img/greg/greg_is_an_evil_wizard.png" style="width: 280px" title="By Alan!"> + <img src="img/greg/mailmandead.png"> + <img src="img/greg/art_outline1.png" style="width: 500px"> + <img src="img/greg/art_outline2.png" style="width: 500px;"> + <img src="img/greg/forhim.jpg" title="By Julian"> + <img src="img/greg/babyyouaremyangel.gif" title="Gif by me. Drawing by Murumart."> + </div> + </div> + <p style="text-align: center; margin-bottom: 0px;">Art and music used on this page are by Murumart, excluding the background image.</p> + </div> + <center> + <a style="color: #7b96d1;" href="img/greg/cat.png">You've reached the end.</a> + </center> + </body> +</html> diff --git a/legacy/gregbutevil.html b/legacy/gregbutevil.html new file mode 100644 index 0000000..4d6f029 --- /dev/null +++ b/legacy/gregbutevil.html @@ -0,0 +1,85 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>no escape from greg</title> + <link href="greg.css" rel="stylesheet" type="text/css" media="all"> + <link rel="shortcut icon" href="img/greg/icon.png"> + </head> + + <body class="gregevil"> + + <div class="evilcontent"> + <img src="img/greg/dace.png" style="float: left; padding-right: 30px; width: 265px; height: 300px;" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';"> + + <audio controls autoplay loop style="float: right;"> + <source src="https://files.catbox.moe/qtstnw.ogg"> + </audio> + + <img src="img/greg/dace.png" style="width: 400px; height: 172px" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';"> + + <br><br> + + <div class="evilbox"> + <p> +greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg greg + </p> + <p>The best quote probably:</p> + <div style="text-align: center;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 550px; height: 188px;"> + <p style="text-align: left;">Notable moments:</p> + <figure> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 481px; height: 361px;"> + <figcaption>Reminds me of a particular greg nation.</figcaption> + </figure> + <figure> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 481px; height: 352px;"> + <figcaption>Hah</figcaption> + </figure> + <p style="font-size: 70%;">Note that the greg is edited, and that the greg doesn't actually jump to the greg screen like that. <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" alt="Greg" style="width: 20px;"> has to hit the greg miserably before the screen fades into a greg Over.</p> + </div> + <h3>Cool Greg facts</h3> + <ol> + <li>Greg has been in greg since January 2023.</li> + <li>Greg greg game was released on June 5th, 2022 and is the earliest greg version of Greg.</li> + <li>Gregbungus.png</li> + <li>The Greg RPG Tech Demo (August) was released in greg 2022.</li> + <li>You can fight greg blades.</li> + <li>Greg can hit himself in confusion because he's experiencing greg symptoms and is so greg that he isn't paying attention to where he throws his greg.</li> + <li>greg is a very cool greg. Shoutout to greg.</li> + <li><a href="img/greg/dase.png">Greg had a collab with greg (by greg)</a></li> + <li>greg greg's previous site was [greg].</li> + <li>Greg used to have a pet turtle.</li> + <li>greg.</li> + </ol> + <h3>Gallery</h3> + <p>greg shows greg on hover. If not greg, then the greg is by greg.</p> + <div style="text-align: center;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 361px; height: 388px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 230px; height: 312px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 250px; height: 299px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 650px; height: 411px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 250px; height: 337px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 94px; height: 146px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 292px; height: 347px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width:250px; height: 292px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width:250px; height: 394px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 209px; height: 377px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 116px; height: 400px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 311px; height: 311px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 92px; height: 99px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 100px; height: 119px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 280px; height: 435px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 771px; height: 367px;"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 500px; height: 315px"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 500px; height: 290px"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 700px; height: 499px"> + <img src="img/greg/dace.png" onmouseover="this.src='img/greg/dase.png';" onmouseout="this.src='img/greg/dace.png';" style="width: 500px; height: 500px"> + </div> + </div> + <p style="text-align: center; margin-bottom: 0px;">greg and greg used on this greg are by greg, including the greg greg.</p> + </div> + <a href="img/greg/dace.png">greg greg greg greg.</a> + </body> +</html> diff --git a/legacy/img/bg/dithered-poles.png b/legacy/img/bg/dithered-poles.png Binary files differnew file mode 100644 index 0000000..de75c46 --- /dev/null +++ b/legacy/img/bg/dithered-poles.png diff --git a/legacy/img/greg/20220712_191240.jpg b/legacy/img/greg/20220712_191240.jpg Binary files differnew file mode 100644 index 0000000..8fc381d --- /dev/null +++ b/legacy/img/greg/20220712_191240.jpg diff --git a/legacy/img/greg/20220712_192131.jpg b/legacy/img/greg/20220712_192131.jpg Binary files differnew file mode 100644 index 0000000..6b36544 --- /dev/null +++ b/legacy/img/greg/20220712_192131.jpg diff --git a/legacy/img/greg/20230131_204900.jpg b/legacy/img/greg/20230131_204900.jpg Binary files differnew file mode 100644 index 0000000..ff23a0d --- /dev/null +++ b/legacy/img/greg/20230131_204900.jpg diff --git a/legacy/img/greg/20230131_205541.jpg b/legacy/img/greg/20230131_205541.jpg Binary files differnew file mode 100644 index 0000000..7d680c7 --- /dev/null +++ b/legacy/img/greg/20230131_205541.jpg diff --git a/legacy/img/greg/20230131_212058.jpg b/legacy/img/greg/20230131_212058.jpg Binary files differnew file mode 100644 index 0000000..ac5517b --- /dev/null +++ b/legacy/img/greg/20230131_212058.jpg diff --git a/legacy/img/greg/3d.png b/legacy/img/greg/3d.png Binary files differnew file mode 100644 index 0000000..505af25 --- /dev/null +++ b/legacy/img/greg/3d.png diff --git a/legacy/img/greg/Flag_of_Estonia.png b/legacy/img/greg/Flag_of_Estonia.png Binary files differnew file mode 100644 index 0000000..f516bdf --- /dev/null +++ b/legacy/img/greg/Flag_of_Estonia.png diff --git a/legacy/img/greg/Flag_of_Estonia.svg b/legacy/img/greg/Flag_of_Estonia.svg new file mode 100644 index 0000000..0be6806 --- /dev/null +++ b/legacy/img/greg/Flag_of_Estonia.svg @@ -0,0 +1 @@ +<svg height="630" width="990" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h990v630h-990z" fill="#0072ce"/><path d="m0 210h990v420h-990z"/><path d="m0 420h990v210h-990z" fill="#fff"/></svg>
\ No newline at end of file diff --git a/legacy/img/greg/art_outline1.png b/legacy/img/greg/art_outline1.png Binary files differnew file mode 100644 index 0000000..93e8d06 --- /dev/null +++ b/legacy/img/greg/art_outline1.png diff --git a/legacy/img/greg/art_outline2.png b/legacy/img/greg/art_outline2.png Binary files differnew file mode 100644 index 0000000..8beacf8 --- /dev/null +++ b/legacy/img/greg/art_outline2.png diff --git a/legacy/img/greg/asshole.png b/legacy/img/greg/asshole.png Binary files differnew file mode 100644 index 0000000..244cc6b --- /dev/null +++ b/legacy/img/greg/asshole.png diff --git a/legacy/img/greg/babyyouaremyangel.gif b/legacy/img/greg/babyyouaremyangel.gif Binary files differnew file mode 100644 index 0000000..ff14f19 --- /dev/null +++ b/legacy/img/greg/babyyouaremyangel.gif diff --git a/legacy/img/greg/cat.png b/legacy/img/greg/cat.png Binary files differnew file mode 100644 index 0000000..69cc761 --- /dev/null +++ b/legacy/img/greg/cat.png diff --git a/legacy/img/greg/dace.png b/legacy/img/greg/dace.png Binary files differnew file mode 100644 index 0000000..369a35c --- /dev/null +++ b/legacy/img/greg/dace.png diff --git a/legacy/img/greg/dase.png b/legacy/img/greg/dase.png Binary files differnew file mode 100644 index 0000000..fcde4d5 --- /dev/null +++ b/legacy/img/greg/dase.png diff --git a/legacy/img/greg/death.gif b/legacy/img/greg/death.gif Binary files differnew file mode 100644 index 0000000..c6fe913 --- /dev/null +++ b/legacy/img/greg/death.gif diff --git a/legacy/img/greg/doom.jpeg b/legacy/img/greg/doom.jpeg Binary files differnew file mode 100644 index 0000000..42b516e --- /dev/null +++ b/legacy/img/greg/doom.jpeg diff --git a/legacy/img/greg/forhim.jpg b/legacy/img/greg/forhim.jpg Binary files differnew file mode 100644 index 0000000..7bcccc2 --- /dev/null +++ b/legacy/img/greg/forhim.jpg diff --git a/legacy/img/greg/greg-portrait.png b/legacy/img/greg/greg-portrait.png Binary files differnew file mode 100644 index 0000000..3b02556 --- /dev/null +++ b/legacy/img/greg/greg-portrait.png diff --git a/legacy/img/greg/greg_is_an_evil_wizard.png b/legacy/img/greg/greg_is_an_evil_wizard.png Binary files differnew file mode 100644 index 0000000..cda2692 --- /dev/null +++ b/legacy/img/greg/greg_is_an_evil_wizard.png diff --git a/legacy/img/greg/gregface.png b/legacy/img/greg/gregface.png Binary files differnew file mode 100644 index 0000000..f129978 --- /dev/null +++ b/legacy/img/greg/gregface.png diff --git a/legacy/img/greg/gregrpgbelove.gif b/legacy/img/greg/gregrpgbelove.gif Binary files differnew file mode 100644 index 0000000..65cc606 --- /dev/null +++ b/legacy/img/greg/gregrpgbelove.gif diff --git a/legacy/img/greg/gregsafelynonbinary.png b/legacy/img/greg/gregsafelynonbinary.png Binary files differnew file mode 100644 index 0000000..5208e04 --- /dev/null +++ b/legacy/img/greg/gregsafelynonbinary.png diff --git a/legacy/img/greg/guilt.png b/legacy/img/greg/guilt.png Binary files differnew file mode 100644 index 0000000..9bbda1d --- /dev/null +++ b/legacy/img/greg/guilt.png diff --git a/legacy/img/greg/helmet.png b/legacy/img/greg/helmet.png Binary files differnew file mode 100644 index 0000000..ba2c37a --- /dev/null +++ b/legacy/img/greg/helmet.png diff --git a/legacy/img/greg/icon.png b/legacy/img/greg/icon.png Binary files differnew file mode 100644 index 0000000..4c8ed7d --- /dev/null +++ b/legacy/img/greg/icon.png diff --git a/legacy/img/greg/kompost.png b/legacy/img/greg/kompost.png Binary files differnew file mode 100644 index 0000000..35c6233 --- /dev/null +++ b/legacy/img/greg/kompost.png diff --git a/legacy/img/greg/logo.gif b/legacy/img/greg/logo.gif Binary files differnew file mode 100644 index 0000000..67516da --- /dev/null +++ b/legacy/img/greg/logo.gif diff --git a/legacy/img/greg/logo.png b/legacy/img/greg/logo.png Binary files differnew file mode 100644 index 0000000..cb2f09f --- /dev/null +++ b/legacy/img/greg/logo.png diff --git a/legacy/img/greg/mailmandead.png b/legacy/img/greg/mailmandead.png Binary files differnew file mode 100644 index 0000000..3ec14aa --- /dev/null +++ b/legacy/img/greg/mailmandead.png diff --git a/legacy/img/greg/manson.gif b/legacy/img/greg/manson.gif Binary files differnew file mode 100644 index 0000000..7deeb67 --- /dev/null +++ b/legacy/img/greg/manson.gif diff --git a/legacy/img/greg/morally_grey_masterpieces.png b/legacy/img/greg/morally_grey_masterpieces.png Binary files differnew file mode 100644 index 0000000..17eed43 --- /dev/null +++ b/legacy/img/greg/morally_grey_masterpieces.png diff --git a/legacy/img/greg/overworld.png b/legacy/img/greg/overworld.png Binary files differnew file mode 100644 index 0000000..7e78368 --- /dev/null +++ b/legacy/img/greg/overworld.png diff --git a/legacy/img/greg/population.png b/legacy/img/greg/population.png Binary files differnew file mode 100644 index 0000000..3d628e6 --- /dev/null +++ b/legacy/img/greg/population.png diff --git a/legacy/img/greg/psychdmg.png b/legacy/img/greg/psychdmg.png Binary files differnew file mode 100644 index 0000000..4b68c62 --- /dev/null +++ b/legacy/img/greg/psychdmg.png diff --git a/legacy/img/greg/stare.png b/legacy/img/greg/stare.png Binary files differnew file mode 100644 index 0000000..b387240 --- /dev/null +++ b/legacy/img/greg/stare.png 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> diff --git a/links.html b/links.html new file mode 100644 index 0000000..0dfaa93 --- /dev/null +++ b/links.html @@ -0,0 +1,256 @@ +<!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, Art, Radiohotline, Teethinvitro"> + <meta name="author" content="Radiohotline"> + <title>Links</title> + <style> + .sub { + margin-left: 10%; + } + + .list p { + font-family: 'Courier New', Courier, monospace; + } + + h2 { + text-decoration: line-through; + color: purple; + } + </style> +</head> +<body> + <div class="top"> + <h1>Links</h1> + <h1 class="logo"><a href="index.html">Soft Machine</a></h1> + </div> + <nav> + <span> + <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="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: 80%;" class="list"> + + + <h2>Webrings</h2> + + <div id='nixring' style="display: inline-block; padding-right: 5px;"> + <script defer src="https://teethinvitro.neocities.org/webring/linuxring/ring.js" data-icon="tux"></script> + </div> + + <div style="display:inline-block;"> + <script src="https://lambchapel.neocities.org/ring/beepbox/ring.js"></script> + </div> + + <a style="display:inline-block;" href="https://wiredcollective.neocities.org/webring"><img src="https://wiredcollective.neocities.org/webringimages/wiredcollectivebutton.png" alt="WIRED COLLECTIVE WEBRING"></a> + + <h2>Useful websites</h2> + <h3>Misc</h3> + <p><a href="https://sapphic-cafe.neocities.org/links">sapphic-cafe.neocities.org</a> - Her link directory is great.</p> + <p><a href="https://www.omniglot.com/">omniglot.com</a> - Encyclopedia of world languages.</p> + <p><a href="https://geminiprotocol.net/">geminiprotocol.net</a> - Minimal internet protocol.</p> + <p><a href="https://ocw.mit.edu">MIT OpenCourseWare</a> - Free university-level courses on a diverse range of subjects.</p> + <br> + + <h3>Archives</h3> + <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</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://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> + + <h3>Technology</h3> + <h4>⤷ Information/Guides</h4> + <div class="sub"> + <p><a href="https://cat-v.org/">cat-v.org</a> - The beauty of simplicity, peppered with elitism. Join the Plan 9 cult.</p> + <p><a href="https://suckless.org">suckless.org</a> - Minimalist software (and good lists of software).</p> + <p><a href="https://digdeeper.club/">digdeeper.club</a> - Privacy essentials in a world of sureveillance.</p> + <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 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> + <div class="sub"> + <p><a href="https://alpinelinux.org/">alpinelinux.org</a> - Lightweight musl-based Linux distro.</p> + <p><a href="https://9front.org/">9front.org</a> - Plan 9 fork with improvements.</p> + <p><a href="https://kolibrios.org/en/">kolibrios.org</a> - Super lightweight operating system.</p> + <p><a href="https://antixlinux.com/">antixlinux.com</a> - Lightweight Linux distro.</p> + </div> + + <h4>⤷ Tools</h4> + <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> + + <h4>⤷ Archives and Collections (Tech)</h4> + <div class="sub"> + <p><a href="https://www.myabandonware.com/">myabandonware.com</a> - Retro software preservation.</p> + <p><a href="https://www.reddit.com/r/Piracy/wiki/megathread/">/r/Piracy megathread</a> - What it says on the tin.</p> + <p><a href="https://fmhy.net/">fmhy.net</a> - Free Media Heck Yeah: a large collection of free and pirated stuff.</p> + <p><a href="https://myrient.erista.me/">myrient.erista.me</a> - Huge retro game archive for numerous consoles.</p> + </div> + + <br> + + <h3>Music</h3> + <p><a href="https://www.slsknet.org/news/">slsknet.org</a> - P2P music sharing network.</p> + <p><a href="https://www.circuitbenders.co.uk/">circuitbenders.co.uk</a> - How to circuit bend instruments.</p> + <p><a href="https://circuitbending.miraheze.org">circuitbending.miraheze.org</a> - More circuitbending.</p> + <p><a href="https://buildyourownclone.com/">buildyourownclone.com</a> - Build DIY guitar pedal clones.</p> + <p><a href="https://musicfromouterspace.com/">musicfromouterspace.com</a> - Analog synthesizer schematics by the legendary Ray Wilson.</p> + <p><a href="https://sdiy.info/">sdiy.info</a> - Synth DIY wiki with numerous resources.</p> + <p><a href="https://everynoise.com/">everynoise.com</a> - Music genre scatterplot with examples.</p> + <p><a href="https://www.radio.garden/browse">radio.garden</a> - Tune in to any (online) radio station.</p> + + <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><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> + <p><a href="https://iwillneverbehappy.neocities.org">iwillneverbehappy.neocities.org</a> - Lovely writing.</p> + <p><a href="https://100r.ca">100r.ca</a> - Artistic software ... that also runs on Plan 9!</p> + <p><a href="https://analognowhere.com/">analognowhere.com</a> - Art and comics for the technologically enlightened.</p> + <p><a href="https://kaa.neocities.org/">kaa.neocities.org</a> - A little bit of everything.</p> + <p><a href="https://lambchapel.neocities.org/">lambchapel.neocities.org</a> - Candy in the realms of webdev and chiptune music. Cute art and poignant writing.</p> + <p><a href="https://mouseling.net/">mouseling.net</a> and related sites - Passions that draw in the unacquainted easily, notably vkei.<p> + <p><a href="https://psychicnewborn.neocities.org/">psychicnewborn.neocities.org</a> - You'll have to see for yourself.<p> + <p><a href="https://mamacroon.neocities.org/">mamacroon.neocities.org</a> - Striking traditional art.</p> + <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://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://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> + <p><a href="https://interconnection.neocities.org/">interconnection.neocities.org</a> - Isn't life beautiful?</p> + <p><a href="https://allways.neocities.org/">allways.neocities.org</a> - House Of Leaves-inspired personal site.</p> + <p><a href="https://yaster.neocities.org/">yaster.neocities.org</a> - T4T lesbian comics with a beautiful artstyle.<p> + + <br> + + <div style="text-align: center;"> + <img src="img/objects/ducks.gif" alt="3D GIF of a duck and her ducklings."> + </div> + </div> + + <div style="width: 20%; text-align: justify; padding-left: 10px; border-left: 1px solid black; font-size: small;" class="udown"> + <p> +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis sem rutrum ligula blandit auctor ac at felis. Vestibulum ultricies mi ante, a lacinia eros cursus a. Quisque nisi turpis, sollicitudin ac erat vel, condimentum tempor libero. Vivamus in odio vitae arcu gravida aliquam. Nunc egestas ligula at blandit commodo. Pellentesque lorem neque, tristique sit amet ultricies ac, ultricies at sapien. Cras sed enim nec nunc convallis hendrerit porttitor semper lectus. + +Nunc placerat leo et nunc pharetra tincidunt. Vestibulum sed hendrerit mauris. Nunc ut nisi eget est commodo feugiat in eu urna. Maecenas elementum maximus sollicitudin. Duis non dolor pellentesque, facilisis elit sed, sodales metus. Nulla dui augue, convallis id mauris vitae, lobortis dapibus ipsum. Vivamus viverra efficitur vestibulum. + +Vivamus eleifend neque nec ante posuere, quis pretium turpis varius. Sed tincidunt enim placerat ante euismod lacinia. Praesent massa lacus, dapibus nec commodo vitae, auctor sed urna. Curabitur et suscipit nibh. In tincidunt fermentum est vitae rhoncus. Sed quis urna felis. Nulla vitae ipsum ut metus maximus aliquet sit amet id sem. Duis purus mauris, iaculis id quam suscipit, malesuada posuere ipsum. + +Morbi ipsum neque, sodales pretium commodo eget, mattis eget dui. Nunc rhoncus purus vel efficitur tristique. Aliquam libero dolor, rutrum ut lorem id, maximus auctor mauris. Suspendisse commodo purus vel risus iaculis accumsan. Fusce iaculis elit dolor, eget aliquet ex ultrices sed. Donec a pharetra mi. Nulla et feugiat nulla. Fusce congue quam id sollicitudin posuere. Ut tempus, arcu in vulputate imperdiet, elit tortor laoreet mi, vel vehicula sapien orci vel nunc. Nam sollicitudin ultricies libero at aliquet. Ut consectetur posuere massa condimentum cursus. + +Nam posuere nibh elit, et sagittis neque suscipit id. Sed dolor urna, faucibus a nisl ac, ultrices sodales magna. Ut luctus lectus eu augue porta, non vulputate libero porttitor. Donec velit nisl, finibus ac egestas et, gravida non tellus. Etiam hendrerit cursus purus, quis gravida ipsum porta id. Praesent interdum consectetur maximus. Aliquam faucibus id lorem at tincidunt. + +Cras laoreet tincidunt ante, sed porttitor turpis scelerisque eget. In eu metus mollis, pharetra est id, blandit sem. Vivamus at magna imperdiet, congue tellus ac, vestibulum nisi. Donec dignissim auctor auctor. Pellentesque mattis hendrerit leo nec molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi et laoreet tortor. Phasellus a ipsum eget leo varius interdum quis at nisi. Pellentesque libero justo, viverra vitae mi sit amet, dignissim imperdiet ante. Sed quis tellus viverra, auctor tortor quis, facilisis erat. + +Quisque tincidunt tortor eu blandit vulputate. Integer elit sem, tempor placerat libero ut, dictum hendrerit augue. Suspendisse sed imperdiet nisl. Aenean dui justo, pulvinar sollicitudin ligula sed, laoreet efficitur massa. Aenean convallis et nibh at venenatis. In ut sem in augue sodales laoreet ut at velit. Pellentesque eu augue vitae leo iaculis condimentum. Cras ex tortor, vulputate ut elit eu, mattis malesuada nulla. Sed viverra risus mauris, ac placerat tellus commodo quis. Sed tempor elit eget nunc porta, vel porttitor ante imperdiet. Cras porttitor erat non ultrices vehicula. Sed feugiat ut risus id tempor. Cras mattis vestibulum diam, non auctor nulla iaculis ut. Ut vitae mi at orci porta molestie vel sit amet justo. Vestibulum iaculis sit amet mi in interdum. Morbi sollicitudin tortor sit amet eleifend condimentum. + +Vivamus suscipit dolor vel vulputate ullamcorper. In at laoreet mi. Quisque auctor erat sem, aliquet ultricies nunc gravida vel. Aenean convallis, justo non mollis condimentum, nunc arcu elementum felis, eget cursus ligula dui et eros. Praesent condimentum porta vestibulum. Quisque ultricies sem eget mauris sodales, eu sagittis mi molestie. Pellentesque facilisis orci quis magna tempus, eget ultricies magna aliquam. Aliquam hendrerit, odio in pellentesque tincidunt, dui sapien ullamcorper massa, ac pretium est ipsum eleifend nibh. In porttitor urna sed finibus aliquet. Sed mollis libero id urna cursus, vel hendrerit justo congue. Sed sapien sem, ultrices et aliquam nec, varius eu leo. Quisque porttitor leo at pellentesque tristique. Praesent neque est, tincidunt quis lectus sed, accumsan egestas lacus. In hac habitasse platea dictumst. Sed non arcu urna. Curabitur iaculis nisi in rutrum euismod. + +Vestibulum id euismod turpis, id pretium magna. Morbi vel tellus neque. Donec volutpat ornare velit. Phasellus commodo erat velit, at sodales lectus pharetra quis. Mauris et lacus vitae diam maximus rhoncus. Nulla felis erat, varius in mauris eu, mollis tincidunt felis. Donec luctus pharetra maximus. + +Integer augue ante, cursus quis fermentum nec, accumsan eget urna. Cras convallis dolor tortor, vel laoreet erat suscipit sed. Vestibulum consequat odio sed mi elementum ornare. Morbi ullamcorper non ipsum in tristique. In hac habitasse platea dictumst. Mauris maximus massa velit, vel fringilla sapien lobortis at. Suspendisse turpis quam, imperdiet nec imperdiet ultrices, feugiat a dui. Proin lacinia rutrum metus eu dignissim. +</p> + +<p class="minpass"> +   <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>  <span> Pellentesque nulla orci, lacinia vitae aliquam ac,</span>  <span> aliquam in nisi. Suspendisse</span>    <span> efficitur nisl nibh, sit amet mollis purus blandit et. Ut velit diam, vehicula eget rhoncus ac, tincidunt at dolor. Nam rhoncus gravida mollis. Proin sem ipsum,</span>  <span> sodales sed ornare a, venenatis ac ante. Donec cursus ligula augue, non blandit lacus dapibus id. Cras orci risus, cursus id faucibus id, iaculis a nibh. Proin in justo nec lectus convallis placerat.</span>       <span>Proin lacinia diam sit amet tellus malesuada bibendum. Suspendisse sagittis fermentum sem ut ultricies. Morbi egestas odio id feugiat vestibulum. Quisque</span>    <span> sed tincidunt nibh. Quisque a pellentesque nunc.</span> +</p> + +<p> +Praesent hendrerit ultrices est, nec luctus orci porta lacinia. Fusce consequat tellus ut nisi hendrerit, in tempor felis feugiat. Vestibulum porttitor odio metus, ut vehicula nulla ultricies vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi maximus mi id sapien venenatis, non malesuada magna dapibus. Mauris elit lacus, mollis quis efficitur eget, rhoncus nec lectus. Etiam semper faucibus libero eget iaculis. Donec vel lacinia eros. + +Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur interdum erat in lacus venenatis, vel accumsan dolor pellentesque. In congue laoreet elit, at consequat mi dignissim vel. Cras molestie, est sed placerat sollicitudin, est urna aliquam arcu, id scelerisque odio felis sit amet mi. In tristique maximus massa, nec ultrices purus hendrerit quis. Phasellus ac aliquam justo. Sed efficitur ex scelerisque nibh vestibulum, eu pharetra sapien volutpat. +</p> + +<p> +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis sem rutrum ligula blan + sollicitudin ac erat vel, condimentum tempor libero. Vivamus in odio vitae arcu gravida aliqua +c, ultricies at sapien. Cras sed enim nec nunc convallis hendrerit porttitor semper lectus. +</p> +<p> +Nunc placerat leo et nunc pharetra tincidunt. Vestibulum sed hendrerit mauris. Nunc ut nisi ege +que, facilisis elit sed, sodales metus. Nulla dui augue, convallis id mauris vitae, lobortis da + +Vivamus eleifend neque nec ante posuere, quis pretium turpis varius. Sed tincidunt enim placera + et suscipit nibh. In tincidunt fermentum est vitae rhoncus. Sed quis urna felis. Nulla vitae i +da posuere ipsum. + +Morbi ipsum neque, sodales pretium commodo eget, mattis eget dui. Nunc rhoncus purus vel effici + purus vel risus iaculis accumsan. Fusce iaculis elit dolor, eget aliquet ex ultrices sed. Done + in vulputate imperdiet, elit tortor laoreet mi, vel vehicula sapien orci vel nunc. Nam sollici + +Nam posuere nibh elit, et sagittis neque suscipit id. Sed dolor urna, faucibus a nisl ac, ultri +l, finibus ac egestas et, gravida non tellus. Etiam hendrerit cursus purus, quis gravida ipsum +</p> +<p> +Cras laoreet tincidunt ante, sed porttitor turpis scelerisque eget. In eu metus mollis, pharetr +im auctor auctor. Pellentesque mattis hendrerit leo nec molestie. Pellentesque habitant morbi t + a ipsum eget leo varius interdum quis at nisi. Pellentesque libero justo, viverra vitae mi sit + +Quisque tincidunt tortor eu blandit vulputate. Integer elit sem, tempor placerat libero ut, dic + sed, laoreet efficitur massa. Aenean convallis et nibh at venenatis. In ut sem in augue sodale +te ut elit eu, mattis malesuada nulla. Sed viverra risus mauris, ac placerat tellus commodo qui +vehicula. Sed feugiat ut risus id tempor. Cras mattis vestibulum diam, non auctor nulla iaculis +dum. Morbi sollicitudin tortor sit amet eleifend condimentum. +</p> +<p> +Vivamus suscipit dolor vel vulputate ullamcorper. In at laoreet mi. Quisque auctor erat sem, al +um felis, eget cursus ligula dui et eros. Praesent condimentum porta vestibulum. Quisque ultric +, eget ultricies magna aliquam. Aliquam hendrerit, odio in pellentesque tincidunt, dui sapien u +llis libero id urna cursus, vel hendrerit justo congue. Sed sapien sem, ultrices et aliquam nec +s lectus sed, accumsan egestas lacus. In hac habitasse platea dictumst. Sed non arcu urna. Cura + +Vestibulum id euismod turpis, id pretium magna. Morbi vel tellus neque. Donec volutpat ornare v +imus rhoncus. Nulla felis erat, varius in mauris eu, mollis tincidunt felis. Donec luctus phare + +Integer augue ante, cursus quis fermentum nec, accumsan eget urna. Cras convallis dolor tortor, +r non ipsum in tristique. In hac habitasse platea dictumst. Mauris maximus massa velit, vel fri +. Proin lacinia rutrum metus eu dignissim. +</p> + </div> + </div> + </body> +</html> diff --git a/min/100.txt b/min/100.txt new file mode 100644 index 0000000..7d84f56 --- /dev/null +++ b/min/100.txt @@ -0,0 +1,313 @@ +I read thricegreat's responses [https://thricegreat.neocities.org/questions.txt]
+and wanted to do them too. Maybe I'd learn soemthing about myself.
+The questions are adapted from burypink [https://burypink.neocities.org/gifts].
+
+
+1. Time and date you started this?
+Date: 07/20/24. Time: 12:20.
+
+2. Asl?
+I am an adult. I was raised in the Middle East.
+
+3. Opinions on musicals?
+I don't like them, but I liked Dancer in the Dark.
+
+4. Favorite snack?
+I don't know.
+
+5. Have you ever been in love?
+Yes.
+
+6. Favorite pokemon?
+Mudkip, Porygon, and Psyduck.
+
+7. Mario Kart main?
+I never played it. I would pick Yoshi.
+
+8. TF2 main?
+Soldier.
+
+9. Do you laugh at youtube poops?
+No.
+
+10. Are you listening to music right now?
+No.
+
+11. Favorite shape?
+Jagged lines.
+
+12. Do you believe in astrology?
+No.
+
+13. Do you believe in the occult?
+Maybe.
+
+14. Opinions on vocaloid?
+They're convenient. I used to listen to Vocaloid a lot in middle school.
+
+15. Would you ever want to be a rockstar?
+It's my dream to play guitar on stage, but I don't want to be popular.
+
+16. Do you easily get stressed?
+Probably.
+
+17. What was your favorite class in high school?
+Math and ICT.
+
+18. What pokemon type would you be?
+Ghost or Flying.
+
+19. Rei or Asuka?
+Neither.
+
+20. Favorite HTML tag?
+<br>. I hate using it.
+
+21. Are you religious?
+Yes. I was an atheist in the past several years but I converted.
+
+22. Opinions on nightcore?
+No opinion.
+
+23. Did you go through any major phase? (emo, goth, weeaboo, etc)
+I had a major otaku phase that lasted a long time. I lost interest
+but I still like anime as a storytelling and art medium.
+
+24. Are you good at drawing?
+Kind of.
+
+25. Do you crack your joints?
+Very frequently.
+
+26. Do you read visual novels?
+Rarely. I liked DDLC. I used to play indie VNs more in middle school.
+I was a fan of Steins;Gate.
+
+27. Can you sew?
+I know a few stitches but I don't practice unfortunately.
+
+28. Can you cook?
+No.
+
+29. Most expensive thing you've bought?
+My laptop.
+
+30. Opinions on cosplay?
+It's fun. I would like to do it.
+
+31. What's your most hated band/musician?
+Modern generic pop artists and weak rock bands.
+
+32. Are you a dramatic person?
+I was told I catastrophise a lot, but I myself am not very dramatic.
+
+33. What emoticon do you use most?
+:) and :3
+
+34. Can a miracle certainly occur?
+I don't know.
+
+35. Would you let a vampire suck your blood?
+If I like them.
+
+36. Do you have a celebrity crush?
+I had a crush on Kurt Cobain.
+
+37. Do you like snow?
+It was fun at first, but it hurts.
+
+38. Were you really into greek mythology as a kid?
+Not extremely, but I liked learning about it.
+
+39. What are some things you could competently deliver a speech
+on?
+History of computers and how computers work.
+
+40. Are you good at spelling?
+Yes.
+
+41. Which touhou wud u fuk?
+No.
+
+42. Do you think there's going to be a robot takeover?
+No.
+
+43. HAS SCIENCE GONE TOO FAR??!?!??!?!
+Technological advancements seem to focus on the wrong thing.
+Science itself is fine.
+
+44. Would you be an angel or devil?
+I don't know.
+
+45. Sine, cosine, or tangent?
+Sine.
+
+46. Do you like licorice?
+It's okay.
+
+47. What's one thing you can't stand that everyone else loves?
+Food and large gatherings.
+
+48. What books did you like as a kid?
+The Wizard of Oz.
+
+49. Can you play any instruments?
+Piano and guitar.
+
+50. What song would you want to play at your wedding?
+Pieces by Toshifumi Hinata.
+
+51. Do you believe in reincarnation?
+I wish I did.
+
+52. Finish the sentence: I'm just a guy who ______
+exists.
+
+53. Have you been to another continent?
+Yes.
+
+54. What's your worst habit?
+Skin picking.
+
+55. Favorite vegetable?
+Cucumbers.
+
+56. What's something stupid that scared the shit outta you as a
+kid?
+Fish.
+
+57. What's one of your guilty pleasures?
+Listening to "bad" music.
+
+58. Would you rather be a ghost or a vampire?
+Either is good.
+
+59. What do you fear most?
+Wasting years.
+
+60. Do you sleep with any plushies?
+Yes.
+
+61. What hobby do you just not understand?
+Devoting yourself to a celebrity.
+
+62. Do you like the taste of alcohol?
+I don't drink.
+
+63. Are you a hopeless romantic?
+I think so.
+
+64. Which deadly sin best fits you?
+Wrath.
+
+65. Which of your physical features do you like the most?
+Hands.
+
+66. Are your ears pierced?
+Yes.
+
+67. Have you ever been in a physical fight?
+Almost.
+
+68. Where do you buy your clothes?
+Wherever is affordable and durable.
+
+69. Where would you live if you could live anywhere?
+Japan. Estonia.
+
+70. Do believe in magic? Or is it all a trick?
+I used to be a witch. I don't believe anymore.
+
+71. Have you read Umineko? You should!
+I've read a bit of Higurashi if that counts.
+
+72. What is the worst chore to do?
+Dusting.
+
+73. What did your parents almost name you?
+Nazlıcan.
+
+74. What would you want your name to be if you were not your current
+gender?
+Nazlıcan.
+
+75. What were your first words?
+I don't remember. Probably mama.
+
+76. What do you want your last words to be?
+My ideology.
+
+77. When did you first regularly start going online?
+Around 6 or 7. I played animal games and looked up anime characters.
+
+78. What year do you miss the most?
+Age 5.
+
+79. Are you psychic?
+Yes.
+
+80. Would you fuck a clone of yourself? You're not allowed to kill
+yourself.
+I can't bear to look at myself, so never. I would kill it.
+
+81. What do you use to listen to music?
+A laptop. I used to use a phone.
+
+82. What's the biggest city you've been to?
+Istanbul.
+
+83. Favorite animal?
+Duck.
+
+84. What web browser do you use?
+LibreWolf.
+
+85. Are you allergic to kitty cats?
+No.
+
+86. Do you like energy drinks?
+No.
+
+87. Would ever spend money on TF2 unusuals, csgo skins, gacha pulls, etc?
+No.
+
+88. When do you usually go to bed?
+23:00.
+
+89. How often do you wash your hair?
+Every other day in the Winter. Nearly everyday in the Summer.
+
+90. Would you download a car?
+How do you download a car?
+
+91. What was your favorite show as a kid?
+I've had many favourite shows over the years, but Tanken Driland was notable.
+
+92. Whats the silliest hat you own?
+I had a tiger hat as a child.
+
+93. What album or song do listen to when you're feeling angsty?
+Any screamo records. Most likely The Jonbenet.
+Also "Lullaby for an Angel's Egg pt. 1" is a new pick.
+
+94. Do you make OCs?
+Yes, but a few.
+
+95. What's the goofiest thing you do when completely alone?
+Sound music with my mouth.
+
+96. Do you like fireworks?
+No.
+
+97. Favorite painter?
+Arnold Böcklin and John Atkinson Grimshaw.
+
+98. Favorite numbers?
+7, 11, 13, 24, 64, 79
+
+99. What genre of vidya gaems are you really good at? (fps, fightan,
+danmaku, racing, whatever)
+RPGs.
+
+100. Time and date you finished this?
+Date: 07/20/24. Time: 12:53.
\ No newline at end of file diff --git a/min/about.html b/min/about.html new file mode 100644 index 0000000..6be6a10 --- /dev/null +++ b/min/about.html @@ -0,0 +1,60 @@ +<!DOCTYPE HTML>
+<html>
+<head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link href="min.css" rel="stylesheet">
+ <title>About</title>
+</head>
+<body>
+ <nav>
+ <h1>Teeth in Vitro</h1>
+ <span style="font-weight: bold;">
+ <a href="home.html">home</a>  
+ <a href="about.html">about</a>  
+ <a href="../thoughts.html">thoughts</a>  
+ <a href="poetry.html">poetry</a>  
+ <a href="art.html">art</a>  
+ <a href="../music.html">music</a>  
+ <a href="books.html">library</a>  
+ <a href="projects.html">projects</a>  
+ <a href="links.html">links</a>  
+ </span>
+ <hr>
+ </nav>
+ <h2>About</h2>
+ <p>Teeth in Vitro started in 2021 under the name [REDACTED], where it solely held the Nirvana page until 2022, when I decided to
+ reserve it for my portfolio. I promised it things that I never did. It was relaunched in 2024 as a much more
+ compact personal website with the modest version you see here and the more extravagant companion that is planned with more "fun" design aspects and features.
+ Both aim to express who I am to the world.<br><br>
+ You pass by people every day and they don't leave an impression on you, and neither will I, but maybe I will leave a mark on the world as someone who merely
+ existed.
+ </p>
+ <br>
+ <h3>Aim</h3>
+ <p>Art and techy escapades, when I undertake the escapades. I am currently lacking in hardware. Essays may be shared if a topic lingers on my mind.</p>
+ <br>
+ <h3>Webmaster</h3>
+ <p>radiohotline[at]disroot[dot]org - <a href="../radio.asc">PGP key</a></p>
+ <p>The more I try to outline who I am, the more I lose grasp. I will contain a piece of my brain here.</p>
+ <br>
+ <p style="text-align: center;">
+ Fruit bled in the palm<br>
+ Streaking life across my skin<br>
+ I am real again<br>
+ </p>
+ <br>
+ <p>
+ I'm an artist, musician, and programmer (I mainly use C), with a strong passion for music, computers (both CS and CE), experimental art, DIY, and other things.
+ I am a linguistics student.
+ <br><br>
+ I love learning about everything. More persistent interests include: philosophy, music theory, literature, linguistics
+ (and anthropology, even though I despise mankind and what it made), cryptanalysis, video games and game development, animation, filmmaking (especially directing),
+ electronics, ham radio, dinosaurs, birdwatching, and, of course, computers.
+ <br><br>
+ I'm also fascinated by categorization, data archives and collections of basically anything, tools, trinkets, mechanisms, and musical instruments.
+ A lot of my interests are off-shoots or combinations of each other, and my aspirations lay everywhere since my dream is to combine the things that
+ I enjoy doing into a valuable creation.
+ </p>
+ <a href="100.txt">100 questions</a>
+</body>
+</html>
diff --git a/min/archive.html b/min/archive.html new file mode 100644 index 0000000..b9ede29 --- /dev/null +++ b/min/archive.html @@ -0,0 +1,50 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> +</head> +<body class="art"> + <nav class="art-nav"> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + <h2>Art</h2> + <h3>Archive</h3> + </nav> + + <div class="art-container"> + <h4>2025</h4> + <img loading="lazy" src="../img/art/2025/jojomart.jpeg"> + <img loading="lazy" src="../img/art/2025/bikeghost.jpeg"> + <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/IMG_20230705_223941_edit_578670684243471.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/IMG_20221223_023304_edit_449483124472555.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> diff --git a/min/art.html b/min/art.html new file mode 100644 index 0000000..a4cf112 --- /dev/null +++ b/min/art.html @@ -0,0 +1,97 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> + <style> + .container { + padding: 0%; + } + + div { + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + padding-right: 20px; + } + + p { + position: absolute; + z-index: 2; + pointer-events: none; + font-family: 'Courier New', Courier, monospace; + } + + img { + width: 100px; + height: 100px; + } + + @media (max-width: 400px) { + img { + width: 150px; + height: 150px; + } + + div { + display: inline-block; + } + } + </style> +</head> +<body> + <nav> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</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>Archive</h3> + + <div class="container"> + <div> + <p>Doodles</p> + <a href="doodle.html"> + <img src="../img/art/doodle.png" alt="Doodles"> + </a> + </div> + <div> + <p>Sketches</p> + <a href="sketch.html"> + <img src="../img/art/sketch.jpg" alt="Sketches"> + </a> + </div> + <div> + <p style="background-color: rgba(255, 255, 255, 0.5);">Completed</p> + <a href="archive.html"> + <img src="../img/art/full.jpg" alt="Complete"> + </a> + </div> + </div> + + <br><br> + + <h3><a href="commission.html">Commissions</a></h3> + + <br><br> + + <h3>Portfolio</h3> + + <p>WIP</p> +</body> +</html> diff --git a/min/books.html b/min/books.html new file mode 100644 index 0000000..7de9d7f --- /dev/null +++ b/min/books.html @@ -0,0 +1,83 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Books</title> + <style> + .flex { + flex-direction: row; + justify-content: center; + } + img { + height: 200px; + } + </style> +</head> +<body> + <nav> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</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> + <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></p> + <h3>Currently Reading:</h3> + <ul> + <li>Jean Paul Sartre - Nausea</li> + <li>William S. Burroughs - Naked Lunch</li> + </ul> + <h3>On Hold:</h3> + <ul> + <li>Oscar Wilde - The Picture of Dorian Gray</li> + <li>Yevgeny Zamyatin - We</li> + <li>Bernando Zannoni - My Stupid Intentions</li> + <li>Fyodor Dostoevsky - Notes From Underground</li> + </ul> + <h3>Recently read:</h3> + <ul> + <li>Sarah Kane - 4.48 Psychosis</li> + <li>Urs Allemann - Babyfucker</li> + <li>Patrick Süskind - Perfume: The Story of a Murderer</li> + <li>Anthony Burgess - A Clockwork Orange (Restored Edition)</li> + </ul> + <br> + <h3>Favourite books</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/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"> + </div> + <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)"> + </div> +</body> +</html> diff --git a/min/commission.html b/min/commission.html new file mode 100644 index 0000000..2e99108 --- /dev/null +++ b/min/commission.html @@ -0,0 +1,235 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> + <style> + .container { + padding: 0%; + } + + div { + text-align: center; + } + + p, li { + text-align: left; + } + + img { + width: 100px; + height: 100px; + } + + li { + margin: 20px 0; + } + + table { + #empty-cells: hide; + margin-left: auto; + margin-right: auto; + } + + table, th, td { + border: 1px solid black; + border-collapse: collapse; + } + + th, td { + padding: 10px; + } + + @media (max-width: 400px) { + img { + width: 150px; + height: 150px; + } + + div { + display: inline-block; + } + } + </style> +</head> +<body> + <nav> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + + <h2>Commissions (Currently Closed)</h2> + + <h3>WIP page. Images and prices will be added by next summer.</h3> + + <p>Commissions are paid for through <a href="https://coff.ee/teethinvitro">Buy Me A Coffee</a>.</p> + + <div class="container"> + <h3>Character Art/Portraiture</h3> + <p>Art of humanoids in a semirealistic or cartoon style (specify)</p> + <p>Formula: base + [(no. of subjects - 1) * 0.5 * base] + bg</p> + + <h4>Traditional</h4> + + <table> + <tr> + <td></td> + <th>Sketch</th> + <th>Lineart</th> + <th>Rendered</th> + </tr> + <tr> + <th>Bust/Icon</th> + </tr> + <tr> + <th>Halfbody</th> + </tr> + <tr> + <th>Fullbody</th> + </tr> + </table> + + <h4>Digital</h4> + + <table> + <tr> + <td></td> + <th>Sketch</th> + <th>Lineart</th> + <th>Rendered</th> + </tr> + <tr> + <th>Bust/Icon</th> + </tr> + <tr> + <th>Halfbody</th> + </tr> + <tr> + <th>Fullbody</th> + </tr> + </table> + + <ul> + <li>An additional subject costs an additional %50 of the base price (i.e. price of one character as specified above).</li> + <li>Simple backgrounds such as patterns or backdrops with low detail cost between $1 and $5 depending on the size of the drawing and the complexity.</li> + # image examples + <li>For even larger or more complex backgrounds see <a href="#landscape">Landscape</a>.</li> + </ul> + </div> + <br><br> + <div class="container"> + <h3>MS Paint</h3> + <p>Art made in Microsoft Paint</p> + <p>Small ≤ 500px × 500px < Large</p> + + <table> + <tr> + <td></td> + <th>Small drawing</th> + <th>Large drawing</th> + <th>Small painting</th> + <th>Large painting</th> + </tr> + <tr> + <th>Portrait</th> + <td>lineart<br>colored</td> + <td>lineart<br>colored</td> + </tr> + <tr> + <th>Landscape</th> + </tr> + <tr> + <th>Both</th> + </tr> + </table> + + <h4>TuxPaint</h4> + <p>Art made in TuxPaint</p> + <p>Same prices as above table</p> + </div> + <br><br> + <div class="container"> + <h3 id="landscape">Landscape</h3> + + <table> + <tr> + <td></td> + <th>Traditional</th> + <th>Digital</th> + </tr> + <tr> + <th>Lineart</th> + </tr> + <tr> + <th>Rendered</th> + </tr> + </table> + + <br><br> + <h3>Collector Artwork (limited)</h3> + <p>You can commission an original piece of artwork (a drawing or a painting), and I will send it to you.</p> + <p>You may specify elements or colour palettes or request a commission without restrictions.</p> + </div> + <br><br> + + <div class="container"> + <h3>Commercial Work</h3> + <ul> +<li>The cost of a commercial commission equals the price of a personal commission plus a fixed base for usage rights depending on artwork type.</li> + <li>Commercial commissions I may take include the following:</li> + <ul> + <li>Creator artwork: banners, icons, etc. for streamers and similar</li> + <li>Art for independent zines</li> + <li>Poster art elements for small music venues and gigs</li> + <li>Album artwork</li> + <li>Book cover artwork or similar</li> + </ul> +</ul> + </div> + <br><br> + <hr> + <h3>Terms of Service</h3> + <h4>General terms</h4> + <ul> + <li>Commission prices may be higher than listed depending on the complexity of the work requested.</li> + <li>I retain the right to reject an order for any reason.</li> + </ul> + <h4>Payment</h4> + <ul> + <li>Payments are done through BuyMeACoffee (linked above) and in USD.</li> + <li>I will first send a sketch when I accept the commission, and you may pay 50% of the total price as confirmation. When the work is completed, I will send a preview, and you may pay the remaining 50% as confirmation. You may request a refund up until the sketch stage.</li> + <li>Please do not pay until I have accepted the commission and given you a slot. I will provide an ID for the commission for you to use during payment.</li> + </ul> + <h4>Process and Delivery</h4> + <ul> + <li>The time it takes to complete a commission may vary, but I can generally complete an order within a week <i>after making a sketch</i>. The time at which I start will depend on how many commissions I have taken. I may cancel the order if special circumstances occur, such as travel or illness. I will refund the order in that case.</li> + <li>When the commission is complete, I will email you the full-resolution image as a PNG or your preferred lossless format.</li> + </ul> + <h4>Revisions</h4> + <ul> + <li>Minor changes (fixing errors, touching up the work, coloring changes, etc) to the commissioned work are free. Major changes (such as recreating a rendered background) that take more than an hour to do will cost up to %50 additional money depending on the workload. If the change is a result of a misunderstanding on my end (i.e. misreading or misinterpreting the written directions), there will be no extra costs.</li> + </ul> + <h4>Copyright and Usage</h4> + <ul> + <li>You may not use a personally commissioned work for commercial purposes, such as in a product, to resell, to redistribute (standalone or as a part of a product, such as a book or poster), or any other forms of profit without my permission.</li> + <li>Personal usage is allowed, such as in icons, banners, ArtFight pages (with credit), posting online (with credit), printing for personal use (no mass printing), etc., i.e. usage that does not earn you money.</li> + <li>For commercial commissions, full attribution is required, and the work may not be resold or redistributed as standalone.</li> + <li>You may not claim the commissioned piece as your own work.</li> + <li>You may not alter the commissioned piece and redistribute it without my permission.</li> + <li>I will most likely share the commission (low res) here on my portfolio, so let me know if you do not want me to do so.</li> + </ul> +</body> +</html> diff --git a/min/commold.txt b/min/commold.txt new file mode 100644 index 0000000..fdf8cc1 --- /dev/null +++ b/min/commold.txt @@ -0,0 +1,238 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> + <style> + .container { + padding: 0%; + } + + div { + text-align: center; + } + + p, li { + text-align: left; + } + + img { + width: 100px; + height: 100px; + } + + li { + margin: 20px 0; + } + + table { + #empty-cells: hide; + margin-left: auto; + margin-right: auto; + } + + table, th, td { + border: 1px solid black; + border-collapse: collapse; + } + + th, td { + padding: 10px; + } + + @media (max-width: 400px) { + img { + width: 150px; + height: 150px; + } + + div { + display: inline-block; + } + } + </style> +</head> +<body> + <nav> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + + <h2>Commissions (Currently Closed)</h2> + + <h3>WIP page. Images and prices will be added by next summer.</h3> + + <p>Commissions are paid for through <a href="https://coff.ee/teethinvitro">Buy Me A Coffee</a>.</p> + + <div class="container"> + <h3>Character Art/Portraiture</h3> + <p>Art of humanoids in a semirealistic or cartoon style (specify)</p> + <p>Formula: base + [(no. of subjects - 1) * 0.5 * base] + bg</p> + + <h4>Traditional</h4> + + <table> + <tr> + <td></td> + <th>Sketch</th> + <th>Lineart</th> + <th>Rendered</th> + </tr> + <tr> + <th>Bust/Icon</th> + </tr> + <tr> + <th>Halfbody</th> + </tr> + <tr> + <th>Fullbody</th> + </tr> + </table> + + <h4>Digital</h4> + + <table> + <tr> + <td></td> + <th>Sketch</th> + <th>Lineart</th> + <th>Rendered</th> + </tr> + <tr> + <th>Bust/Icon</th> + </tr> + <tr> + <th>Halfbody</th> + </tr> + <tr> + <th>Fullbody</th> + </tr> + </table> + + <ul> + <li>An additional subject costs an additional %50 of the base price (i.e. price of one character as specified above).</li> + <li>Simple backgrounds such as patterns or backdrops with low detail cost between $1 and $5 depending on the size of the drawing and the complexity.</li> + # image examples + <li>For even larger or more complex backgrounds see <a href="#landscape">Landscape</a>.</li> + </ul> + </div> + <br><br> + <div class="container"> + <h3>MS Paint</h3> + <p>Art made in Microsoft Paint</p> + <p>Small ≤ 500px × 500px < Large</p> + + <table> + <tr> + <td></td> + <th>Small drawing</th> + <th>Large drawing</th> + <th>Small painting</th> + <th>Large painting</th> + </tr> + <tr> + <th>Portrait</th> + <td>lineart<br>colored</td> + <td>lineart<br>colored</td> + </tr> + <tr> + <th>Landscape</th> + </tr> + <tr> + <th>Both</th> + </tr> + </table> + + <h4>TuxPaint Collage</h4> + x + </div> + <br><br> + <div class="container"> + <h3 id="landscape">Landscape and genre art</h3> + + <table> + <tr> + <td></td> + <th>Traditional</th> + <th>Digital</th> + </tr> + <tr> + <th>Lineart</th> + </tr> + <tr> + <th>Rendered</th> + </tr> + </table> + + <p>If the living subject of the painting is not detailed (see the examples below), you will only pay the cost of the landscape and not the character.</p> + # image + <br><br> + <h3>Free work (limited)</h3> + <p>The idea behind this category is to give me full creative freedom but a general direction to work with.</p> + <p>You may specify a theme, such as shapes, elements, motifs, colors, mood, meaning (optional; you can choose what the painting represents and I'll have the freedom to decide what that looks like), etc.</p> + <p>You are free to choose a broadly defined style such as impressionism, expressionism, abstract art, surrealism, and so on.</p> + <p>TL;DR: You can pay me to create something I'd put my heart into.</p> + </div> + <br><br> + + <div class="container"> + <h3>Commercial Work</h3> + <ul> +<li>The cost of a commercial commission equals the price of a personal commission plus a fixed base for usage rights depending on artwork type.</li> + <li>Commercial commissions I may take include the following:</li> + <ul> + <li>Creator artwork: banners, icons, etc. for streamers and similar</li> + <li>Art for independent zines</li> + <li>Poster art elements for small music venues and gigs</li> + <li>Album artwork</li> + <li>Book cover artwork or similar</li> + </ul> +</ul> + </div> + <br><br> + <hr> + <h3>Terms of Service</h3> + <h4>General terms</h4> + <ul> + <li>Commission prices may be higher than listed depending on the complexity of the work requested.</li> + <li>I retain the right to reject an order for any reason.</li> + </ul> + <h4>Payment</h4> + <ul> + <li>Payments are done through BuyMeACoffee (linked above) and in USD.</li> + <li>I will first send a sketch when I accept the commission, and you may pay 50% of the total price as confirmation. When the work is completed, I will send a preview, and you may pay the remaining 50% as confirmation. You may request a refund up until the sketch stage.</li> + <li>Please do not pay until I have accepted the commission and given you a slot. I will provide an ID for the commission for you to use during payment.</li> + </ul> + <h4>Process and Delivery</h4> + <ul> + <li>The time it takes to complete a commission may vary, but I can generally complete an order within a week <i>after making a sketch</i>. The time at which I start will depend on how many commissions I have taken. I may cancel the order if special circumstances occur, such as travel or illness. I will refund the order in that case.</li> + <li>When the commission is complete, I will email you the full-resolution image as a PNG or your preferred lossless format.</li> + </ul> + <h4>Revisions</h4> + <ul> + <li>Minor changes (fixing errors, touching up the work, coloring changes, etc) to the commissioned work are free. Major changes (such as recreating a rendered background) that take more than an hour to do will cost up to %50 additional money depending on the workload. If the change is a result of a misunderstanding on my end (i.e. misreading or misinterpreting the written directions), there will be no extra costs.</li> + </ul> + <h4>Copyright and Usage</h4> + <ul> + <li>You may not use a personally commissioned work for commercial purposes, such as in a product, to resell, to redistribute (standalone or as a part of a product, such as a book or poster), or any other forms of profit without my permission.</li> + <li>Personal usage is allowed, such as in icons, banners, ArtFight pages (with credit), posting online (with credit), printing for personal use (no mass printing), etc., i.e. usage that does not earn you money.</li> + <li>For commercial commissions, full attribution is required, and the work may not be resold or redistributed as standalone.</li> + <li>You may not claim the commissioned piece as your own work.</li> + <li>You may not alter the commissioned piece and redistribute it without my permission.</li> + <li>I will most likely share the commission (low res) here on my portfolio, so let me know if you do not want me to do so.</li> + </ul> +</body> +</html> diff --git a/min/doodle.html b/min/doodle.html new file mode 100644 index 0000000..b43c685 --- /dev/null +++ b/min/doodle.html @@ -0,0 +1,182 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> +</head> +<body class="art"> + <nav class="art-nav"> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + <h2>Art</h2> + <h3>Doodles</h3> + </nav> + + <div class="art-container"> + <h4>2025</h4> + <img loading="lazy" src="../img/art/2025/IMG_20250225_190837.jpg"> + <img loading="lazy" src="../img/art/2025/IMG_20250225_190555.jpg"> + <img loading="lazy" src="../img/art/2025/IMG_20250225_190527.jpg"> + <img loading="lazy" src="../img/art/2025/IMG_20250225_190516.jpg"> + <img loading="lazy" src="../img/art/2025/website.png"> + <h4>2024</h4> + <img loading="lazy" src="../img/art/2024/weenergender.png"> + <img loading="lazy" src="../img/art/2024/thething.png"> + <img loading="lazy" src="../img/art/2024/theprotag.png"> + <img loading="lazy" src="../img/art/2024/the experience.png"> + <img loading="lazy" src="../img/art/2024/stars.png"> + <img loading="lazy" src="../img/art/2024/skin.png"> + <img loading="lazy" src="../img/art/2024/skedaddleaway.png"> + <img loading="lazy" src="../img/art/2024/TIME.png"> + <img loading="lazy" src="../img/art/2024/poster texture cool.jpg"> + <img loading="lazy" src="../img/art/2024/my wires.png"> + <img loading="lazy" src="../img/art/2024/molochhelp.gif"> + <img loading="lazy" src="../img/art/2024/molochand me.gif"> + <img loading="lazy" src="../img/art/2024/moldoodles.png"> + <img loading="lazy" src="../img/art/2024/mithrundoodle.png"> + <img loading="lazy" src="../img/art/2024/mithrun3.jpg"> + <img loading="lazy" src="../img/art/2024/mithrun2.jpg"> + <img loading="lazy" src="../img/art/2024/mithrun.GIF"> + <img loading="lazy" src="../img/art/2024/lips.png"> + <img loading="lazy" src="../img/art/2024/laiosSHIRT.jpg"> + <img loading="lazy" src="../img/art/2024/jig.gif"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224938.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224932.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224926.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224914.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224904.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224900.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224854.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224835.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224828.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224758.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224657.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224638.jpg"> + <img loading="lazy" src="../img/art/2024/ill.png"> + <img loading="lazy" src="../img/art/2024/guts.png"> + <img loading="lazy" src="../img/art/2024/gregemup.png"> + <img loading="lazy" src="../img/art/2024/godot.png"> + <img loading="lazy" src="../img/art/2024/gamedoodles.png"> + <img loading="lazy" src="../img/art/2024/die.png"> + <img loading="lazy" src="../img/art/2024/d.png"> + <img loading="lazy" src="../img/art/2024/wegh.png"> + <img loading="lazy" src="../img/art/2024/cant.png"> + <img loading="lazy" src="../img/art/2024/and your relationships will fall apart c.png"> + <img loading="lazy" src="../img/art/2024/2024 - Jan 23.jpg"> + <img loading="lazy" src="../img/art/2024/2024 - Jan23 googles.png"> + <img loading="lazy" src="../img/art/2024/2024 - Feb2.jpg"> + <h4>2023</h4> + <img loading="lazy" src="../img/art/2023/whathehell.png"> + <img loading="lazy" src="../img/art/2023/whatami.png"> + <img loading="lazy" src="../img/art/2023/weird girl.png"> + <img loading="lazy" src="../img/art/2023/update.png"> + <img loading="lazy" src="../img/art/2023/typing.png"> + <img loading="lazy" src="../img/art/2023/thoughts.png"> + <img loading="lazy" src="../img/art/2023/the me tunrb 3.png"> + <img loading="lazy" src="../img/art/2023/spaghettblur2.png"> + <img loading="lazy" src="../img/art/2023/Sleep.png"> + <img loading="lazy" src="../img/art/2023/September18 3.jpg"> + <img loading="lazy" src="../img/art/2023/September18 2.jpg"> + <img loading="lazy" src="../img/art/2023/September18 1.jpg"> + <img loading="lazy" src="../img/art/2023/September18.jpg"> + <img loading="lazy" src="../img/art/2023/September 4.png"> + <img loading="lazy" src="../img/art/2023/scdumbrella.png"> + <img loading="lazy" src="../img/art/2023/philosophy.png"> + <img loading="lazy" src="../img/art/2023/person.png"> + <img loading="lazy" src="../img/art/2023/people.png"> + <img loading="lazy" src="../img/art/2023/November 2 2.jpg"> + <img loading="lazy" src="../img/art/2023/momsjacket2.png"> + <img loading="lazy" src="../img/art/2023/minmax.png"> + <img loading="lazy" src="../img/art/2023/meshakeart.gif"> + <img loading="lazy" src="../img/art/2023/me reference.png"> + <img loading="lazy" src="../img/art/2023/me1.png"> + <img loading="lazy" src="../img/art/2023/lighter.png"> + <img loading="lazy" src="../img/art/2023/klaabu.jpg"> + <img loading="lazy" src="../img/art/2023/June14 - dump2.jpg"> + <img loading="lazy" src="../img/art/2023/jan29.png"> + <img loading="lazy" src="../img/art/2023/inanna.png"> + <img loading="lazy" src="../img/art/2023/imtheworst.png"> + <img loading="lazy" src="../img/art/2023/IMG_20240718_224346.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20240718_224336.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20240718_224332.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20231214_095534_edit_61702316709854.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20240718_224150.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20230423_095740_edit_386787025095667.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20230224_082257_edit_195344615689983.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20230224_082251_edit_195280928687909.jpg"> + <img loading="lazy" src="../img/art/2023/hylics looking ass.png"> + <img loading="lazy" src="../img/art/2023/halftone.png"> + <img loading="lazy" src="../img/art/2023/hair.png"> + <img loading="lazy" src="../img/art/2023/gregsplat2.png"> + <img loading="lazy" src="../img/art/2023/gregdespair2.png"> + <img loading="lazy" src="../img/art/2023/goodday.png"> + <img loading="lazy" src="../img/art/2023/girly.png"> + <img loading="lazy" src="../img/art/2023/gegheff.png"> + <img loading="lazy" src="../img/art/2023/gah.png"> + <img loading="lazy" src="../img/art/2023/fursona.png"> + <img loading="lazy" src="../img/art/2023/funkyproportions.png"> + <img loading="lazy" src="../img/art/2023/fuckedup.png"> + <img loading="lazy" src="../img/art/2023/freak.png"> + <img loading="lazy" src="../img/art/2023/estshirt2.png"> + <img loading="lazy" src="../img/art/2023/estoniapride.png"> + <img loading="lazy" src="../img/art/2023/duckfull.png"> + <img loading="lazy" src="../img/art/2023/distraught.png"> + <img loading="lazy" src="../img/art/2023/departure.png"> + <img loading="lazy" src="../img/art/2023/December18.jpg"> + <h4>Stout .. Identity Start</h4> + <img loading="lazy" src="../img/art/2023/Dec 15.jpg"> + <img loading="lazy" src="../img/art/2023/Dec 15 - 1.jpg"> + <img loading="lazy" src="../img/art/2023/Dec 15 - 2.jpg"> + <img loading="lazy" src="../img/art/2023/Dec 15 - 3.jpg"> + <img loading="lazy" src="../img/art/2023/Dec 15 - 4.jpg"> + <img loading="lazy" src="../img/art/2023/Dec 15 - 5.jpg"> + <img loading="lazy" src="../img/art/2023/Dec 15 - 6.jpg"> + <img loading="lazy" src="../img/art/2023/Dec 15 - 7.jpg"> + <h4>Stout ... Identity End</h4> + <img loading="lazy" src="../img/art/2023/deal.png"> + <img loading="lazy" src="../img/art/2023/coolending.png"> + <img loading="lazy" src="../img/art/2023/compeeter.png"> + <img loading="lazy" src="../img/art/2023/circle.png"> + <img loading="lazy" src="../img/art/2023/catboyreigenfixed.png"> + <img loading="lazy" src="../img/art/2023/can't find it.png"> + <img loading="lazy" src="../img/art/2023/brutal.png"> + <img loading="lazy" src="../img/art/2023/break.png"> + <img loading="lazy" src="../img/art/2023/aoigarasudama.png"> + <img loading="lazy" src="../img/art/2023/anatomysketches.png"> + <h4>2022</h4> + <img loading="lazy" src="../img/art/2022/TabletTestCrop1.png"> + <img loading="lazy" src="../img/art/2022/signed.png"> + <img loading="lazy" src="../img/art/2022/IMG_20230703_204745.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20230703_204841.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_224600.jpg"> + <h5>Comic start</h5> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223338.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223342.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223347.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223352.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223357.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223400.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223403.jpg"> + <h5>Comic end</h5> + <img loading="lazy" src="../img/art/2022/IMG_20221019_220521_edit_150902434438431.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20220411_202438.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20220411_165337.jpg"> + <img loading="lazy" src="../img/art/2022/kaiba.jpg"> + <h4>2021</h4> + <img loading="lazy" src="../img/art/2021/Aubreyfull.jpg"> + </div> +</body> +</html> diff --git a/min/home.html b/min/home.html new file mode 100644 index 0000000..121822c --- /dev/null +++ b/min/home.html @@ -0,0 +1,78 @@ +<!DOCTYPE HTML>
+<html>
+<head>
+ <link href="min.css" rel="stylesheet">
+ <meta charset="unicode">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Teeth in Vitro | Home</title>
+</head>
+<body>
+ <nav>
+ <h1>Teeth in Vitro</h1>
+
+ <span style="font-weight: bold;">
+ <a href="home.html">home</a>  
+ <a href="about.html">about</a>  
+ <a href="../thoughts.html">thoughts</a>  
+ <a href="poetry.html">poetry</a>  
+ <a href="art.html">art</a>  
+ <a href="../music.html">music</a>  
+ <a href="books.html">library</a>  
+ <a href="projects.html">projects</a>  
+ <a href="links.html">links</a>  
+ </span>
+
+ <hr>
+ </nav>
+
+ <h2>Home</h2>
+
+ <p style="font-style:italic; font-family:serif; text-align: center;">
+ “Little solace comes  
+ to those who grieve<br>
+ when thoughts keep drifting  
+ as walls keep shifting<br>
+ and this great blue world of ours  
+ seems a <span style="color:blue">house</span> of leaves<br>
+ moments before the wind.”
+ <br>
+ <span style="font-size:smaller">- Zampanò, Mark <span style="color:blue">Z.</span> Danielewski</span>
+ </p>
+
+ <p>
+ Things to look forward to:
+ </p>
+
+ <ul>
+ <li>conlang page</li>
+ <li>tech projects</li>
+ </ul>
+
+ <p>Sign the <a href="https://teeth.atabook.org/">guestbook</a>?</p>
+
+ <!--<p>Other domains: <a href="http://gsm7bjt4ohf7jg5lntmb7temgss6lnqv6pjwu7hqb57xykbqjwn2fxyd.onion/">.onion</a> and <a href="https://teeth.nekoweb.org/">Nekoweb</a></p>-->
+
+ <div style="text-align: center;">
+ <img src="../aylesbury_ducks.jpg" alt="aylesbury_ducks.jpg">
+ </div>
+
+ <br>
+
+ <div id="buttons" style="text-align: center;">
+ <img src="../img/buttons/apples.png" alt="">
+ <img src="../img/buttons/bestview.gif" alt="">
+ <img style="width:88px; height:31px;" src="../img/buttons/evil.gif" alt="">
+ <a href="https://sitcomtheory.org/"><img style="width:88px; height:31px;" src="../img/buttons/sitcombutton.gif" alt=""></a>
+ <img src="../img/buttons/homestar.gif" alt="">
+ <a href="https://wiredcollective.neocities.org/webring"><img src="https://wiredcollective.neocities.org/webringimages/wiredcollectivebutton.png" alt="WIRED COLLECTIVE WEBRING"></a>
+ <img src="../img/buttons/sharewareplease.gif" alt="">
+ <img src="../img/buttons/thirdimpact.png" alt="">
+ <a href="https://publictransit.neocities.org/"><img src="../img/buttons/transit.gif" alt=""></a>
+ <a href="https://dhmo.org/"><img style="width:88px; height:31px;" src="../img/buttons/dhmo.png" alt=""></a>
+ <img src="../img/buttons/void.gif" alt="">
+ <img style="width:88px; height:31px;" src="../img/buttons/xenia.gif" alt="">
+ <a href="https://theanarchistlibrary.org/special/index"><img style="width:88px; height:31px;" src="../img/buttons/anarchist_lib.png" alt=""></a>
+ <a href="https://archive.org"><img style="width:88px; height:31px;" src="../img/buttons/archive.gif" alt=""></a>
+ </div>
+</body>
+</html>
diff --git a/min/links.html b/min/links.html new file mode 100644 index 0000000..eee1476 --- /dev/null +++ b/min/links.html @@ -0,0 +1,129 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <link rel="stylesheet" href="/webring/linuxring/script/onionring.css"> + <link rel="stylesheet" href="https://vampring.neocities.org/vampring/onionring.css"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Links</title> + <style> + .sub { + margin-left: 10%; + } + </style> +</head> +<body> + <nav> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + <h2>Links</h2> + + + <h3>Webrings</h3> + + <div id='linuxring' style="display:inline-block;"> + <script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-variables.js"></script> + <script type="text/javascript" src="https://teethinvitro.neocities.org/webring/linuxring/script/onionring-widget.js"></script> + </div> + + <div id='vampirewebring'> + <script type="text/javascript" src="https://vampring.neocities.org/vampring/onionring-variables.js"></script> + <script type="text/javascript" src="https://vampring.neocities.org/vampring/onionring-widget.js"></script> + </div> + + <div style="display:inline-block;"> + <script src="https://juneish.neocities.org/ring/beepbox/ring.js"></script> + </div> + + <a style="display:inline-block;" href="https://wiredcollective.neocities.org/webring"><img src="https://wiredcollective.neocities.org/webringimages/wiredcollectivebutton.png" alt="WIRED COLLECTIVE WEBRING"></a> + + <h3>Useful websites</h3> + <h4>Misc</h4> + <p><a href="http://libgen.is/">libgen.is</a> - Books and scientific papers, also mirrored by <a href="https://annas-archive.org/">Anna's Archive</a>.</p> + <p><a href="https://sci-hub.st/">sci-hub.st</a> - You should know this by now. Free research paper 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://sapphic-cafe.neocities.org/links">sapphic-cafe.neocities.org</a> - Her link directory is great.</p> + <p><a href="https://www.omniglot.com/">omniglot.com</a> - Encyclopedia of world languages.</p> + <br> + + <h4>Lifestyle</h4> + <p><a href="https://simpleliving.neocities.org/">simpleliving.neocities.org</a> - Strip life down to its necessities.</p> + <p><a href="https://thricegreat.neocities.org/">thricegreat.neocities.org</a> - Philosophy 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> + + <h4>Technology</h4> + <h5>⤷ Information/Guides</h5> + <div class="sub"> + <p><a href="https://cat-v.org/">cat-v.org</a> - Unsuck your computer. Join the Plan9 cult.</p> + <p><a href="https://suckless.org">suckless.org</a> - Minimalist software (and good lists of software).</p> + <p><a href="https://digdeeper.club/">digdeeper.club</a> - Privacy essentials in a world of sureveillance.</p> + <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</a></p> + <p><a href="https://lainzine.org/">lainzine.org</a> - Cool stuff.</p> + <p><a href="https://3ds.hacks.guide/">3ds.hacks.guide</a></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> + </div> + + <h5>⤷ Tools</h5> + <div class="sub"> + <p><a href="https://kolibrios.org/en/">kolibrios.org</a> - Super lightweight operating system.</p> + <p><a href="https://antixlinux.com/">antixlinux.com</a> - Lightweight Linux distro.</p> + <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> - Mail 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> + + <h5>⤷ Archives and Collections</h5> + <div class="sub"> + <p><a href="https://www.myabandonware.com/">myabandonware.com</a> - Retro software preservation.</p> + <p><a href="https://www.reddit.com/r/Piracy/wiki/megathread/">/r/Piracy megathread</a> - What it says on the tin.</p> + <p><a href="https://fmhy.net/">fmhy.net<a> - Free Media Heck Yeah: a large collection of free and pirated stuff.</p> + <p><a href="https://myrient.erista.me/">myrient.erista.me</a> - Huge retro game archive for numerous consoles.</p> + </div> + + <br> + + <h4>Music</h4> + <p><a href="https://www.slsknet.org/news/">slsknet.org</a> - P2P music sharing network.</p> + <p><a href="https://www.circuitbenders.co.uk/">circuitbenders.co.uk</a> - How to circuit bend instruments.</p> + <p><a href="https://buildyourownclone.com/">buildyourownclone.com</a> - Build DIY guitar pedal clones.</p> + + <br> + + <h4>HRT</h4> + <p><a href="https://diyhrt.wiki/">diyhrt.wiki</a> - Everything you need to know to start DIY hormones.</p> + <p><a href="https://hrt.coffee/">hrt.coffee</a> - Market directory for feminizing hormones.</p> + <p><a href="https://hrtcafe.net/hrtcat/index.html">hrtcafe.net</a> - Homebrew your own hormones.</p> + + <br> + + <h3>Interesting websites</h3> + <p>For starters, <a href="https://neocities.org/site/teethinvitro/follows">sites I follow</a> on Neocities are worth checking out.</p> + <p><a href="https://everynoise.com/">everynoise.com</a> - Music genre scatter plot with examples for every one.</p> + <p><a href="https://www.radio.garden/browse">radio.garden</a> - Tune in to any (online) radio station.</p> + + <br> + + <div style="text-align: center;"> + <img src="../img/objects/ducks.gif" alt="3D GIF of a duck and her ducklings."> + </div> + </body> +</html> diff --git a/min/min.css b/min/min.css new file mode 100644 index 0000000..8cd0d6e --- /dev/null +++ b/min/min.css @@ -0,0 +1,132 @@ +body {
+ background-color: #dbcdbe;
+ text-align: justify;
+ font-family: 'Courier New', Courier, monospace;
+}
+
+.art-container {
+ display: inline-flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ flex-grow: none;
+ align-items: center;
+ align-self: flex-start;
+ gap: 20px;
+}
+
+@media (min-width: 900px) {
+ body {
+ margin-left: 30%;
+ margin-right: 30%;
+ }
+
+ .art {
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ .art-nav {
+ margin-left: 30%;
+ margin-right: 30%;
+ }
+
+ .art-container {
+ flex-direction: row;
+ }
+
+ .art-container img {
+ height: 300px;
+ width: auto;
+
+ }
+
+ .main {
+ margin-left: 100px;
+ margin-right: 100px;
+ display: flex;
+ flex-wrap: wrap;
+ }
+}
+
+@media (max-width: 400px) {
+ body {
+ margin-left: 15px;
+ margin-right: 15px;
+ font-size: 20px;
+ }
+
+ p, a, li {
+ font-size: 14pt;
+ }
+
+ p {
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ ul, ol {
+ text-align: left;
+ }
+
+ nav {
+ margin-left: 0px;
+ margin-right: 0px;
+ }
+
+ .art-container {
+ flex-direction: column;
+ }
+
+ .art-container img {
+ height: auto;
+ width: 80vw;
+ margin-left: 5vw;
+ margin-right: 5vw;
+ }
+}
+
+h1 {
+ font-family: Garamond, serif;
+ font-weight: normal;
+ font-size: 32px;
+}
+
+h2 {
+ font-family: serif;
+ font-size: 28px;
+ font-weight: 100;
+}
+
+h3 {
+ font-size: 22px;
+}
+
+h4 {
+ font-size: 19px;
+}
+
+h5 {
+ font-size: 18px;
+}
+
+h6 {
+ font-size: 16px;
+ font-weight: bold;
+}
+
+p, li {
+ font-weight: 500;
+ font-size: 18px;
+ line-height: 1.5;
+ font-family: Garamond, serif, DejaVu Sans Mono, DejaVu;
+}
+
+a {
+ color: #8F2037;
+ cursor: pointer;
+ font-family: 'Courier New', Courier, monospace;
+}
+
+a:active {
+ color: red;
+}
diff --git a/min/muscomm.html b/min/muscomm.html new file mode 100644 index 0000000..7e86cb3 --- /dev/null +++ b/min/muscomm.html @@ -0,0 +1,126 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> + <style> + .container { + padding: 0%; + } + + div { + text-align: center; + } + + p, li { + text-align: left; + } + + img { + width: 100px; + height: 100px; + } + + li { + margin: 20px 0; + } + + table { + #empty-cells: hide; + margin-left: auto; + margin-right: auto; + } + + table, th, td { + border: 1px solid black; + border-collapse: collapse; + } + + th, td { + padding: 10px; + } + + @media (max-width: 400px) { + img { + width: 150px; + height: 150px; + } + + div { + display: inline-block; + } + } + </style> +</head> +<body> + <nav> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + + <h2>Music Commissions (Currently Closed)</h2> + + <h3>WIP page. Sample music and prices will be added by next summer.</h3> + + <p>Commissions are paid for through <a href="https://coff.ee/teethinvitro">Buy Me A Coffee</a>.</p> + + <table> + <tr> + <td></td> + <th>Rock</th> + <th>Ambient</th> + <th>cscsfsafasf</th> + </tr> + <tr> + <th>Price per minute</th> + </tr> + </table> + + <h3>Commercial Work</h3> + + <hr> + <h3>Terms of Service</h3> + <h4>General terms</h4> + <ul> + <li>Commission prices may be higher than listed depending on the complexity of the work requested.</li> + <li>I retain the right to reject an order for any reason.</li> + </ul> + <h4>Payment</h4> + <ul> + <li>Payments are done through BuyMeACoffee (linked above) and in USD.</li> + <li>I will first send a sketch when I accept the commission, and you may pay 50% of the total price as confirmation. When the work is completed, I will send a preview, and you may pay the remaining 50% as confirmation. You may request a refund up until the sketch stage.</li> + <li>Please do not pay until I have accepted the commission and given you a slot. I will provide an ID for the commission for you to use during payment.</li> + </ul> + <h4>Process and Delivery</h4> + <ul> + <li>The time it takes to complete a commission may vary, but I can generally complete an order within a week <i>after making a sketch</i>. The time at which I start will depend on how many commissions I have taken. I may cancel the order if special circumstances occur, such as travel or illness. I will refund the order in that case.</li> + <li>When the commission is complete, I will email you the complete track as FLAC.</li> + </ul> + <h4>Revisions</h4> + <ul> + <li>Minor changes (replacing an instrument, changing an effect, adjusting the mix, removing or adjusting a melody, etc.) to the commissioned work are free. Major changes (such as redoing an entire section or track) that take more than an hour to do will cost up to %50 additional money depending on the workload. If the change is a result of a misunderstanding on my end (i.e. misreading or misinterpreting the written directions), there will be no extra costs.</li> + </ul> + <h4>Copyright and Usage</h4> + <ul> + <li>You may not use a personally commissioned work for commercial purposes, such as in a product, to resell, to redistribute (standalone or as a part of a product, such as a book or poster), or any other forms of profit without my permission.</li> + <li>Personal usage is allowed, such as in icons, banners, ArtFight pages (with credit), posting online (with credit), printing for personal use (no mass printing), etc., i.e. usage that does not earn you money.</li> + <li>For commercial commissions, full attribution is required, and the work may not be resold or redistributed as standalone.</li> + <li>You may not claim the commissioned piece as your own work.</li> + <li>You may not alter the commissioned piece and redistribute it without my permission.</li> + <li>I will most likely share the commission (lossy) here on my portfolio, so let me know if you do not want me to do so.</li> + </ul> +</body> +</html> diff --git a/min/muse.html b/min/muse.html new file mode 100644 index 0000000..f018f3c --- /dev/null +++ b/min/muse.html @@ -0,0 +1,176 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta charset="unicode"> + <link href="min.css" rel="stylesheet"> + <title>Muse Ariadne</title> + <style> + .c { + text-align: center; + } + .r { + text-align: right; + } + .date { + font-size: small; font-style: italic; + } + .main { + flex-direction: row; + justify-content: center; + } + @media (min-width: 900px) { + .main div { + width: 500px; + padding-left: 50px; + padding-right: 50px; + padding-bottom: 50px; + } + } + </style> +</head> +<body class="art"> + <nav class="art-nav"> + <h1>Teeth in Vitro</h1> + <p style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </p> + <hr> + <h2>Muse Ariadne</h2> + <p> + A digital <a href="https://museariadne.neocities.org/">writing club</a> created by <a href="https://tehuan.neocities.org/">xalli</a> + </p> + </nav> + <br> + <div class="main"> + <div class="poem"> + <h3>Echo - March 1st, 2024</h3> + <p> + For echo to sound, there must be few in a vast space. For echo to sound, you alone must be enclosed by the reflective walls. For echo to sound... + <br><br> + Your mind must have heard so little from itself that, to pump its bubbles up the waters that surround you, it will fling every old thought at its walls, letting each of them reverberate endlessly. Echoes are never new. + <br><br> + Huddled up in company, voices other than your own take over, but it's often not enough. The mind may still be alone. Long enough time has passed that the echo is all it knows. It will echo only how you've always felt. Remember. + <br><br> + The acoustic phenomenon, however, can decay. + <br><br> + Is echo a lost love? Is it a reflection? Is it a reminder? + </p> + </div> + + <div class="poem"> + <h3>Sweat of a rose - March 6th, 2024 غزل</h3> + <p> + It is not only the procession of the morose tale.<br> + It would suffice to draw an and-the-sun-rose tale.<br><br> + + But the shattering ensued unnerving neurosis.<br> + It shall live on savagely in grim prose, this tale.<br><br> + + She devoured the primroses and availed herself of love.<br> + She remained within the walls and alcoves of the tale.<br><br> + + A useless torn heart only pumps blood to the wales.<br> + The streaks on your skin you rub opened a closed tale.<br><br> + + An injury so powerful it was to the wailing gale.<br> + To never disappear: it shut down eyes to the tale.<br> + </p> + </div> + + <div class="poem"> + <h3>The Mountain Sleeps - March 12th, 2024</h3> + <p>she slept through the wars<br> + the turbulent air<br> + and how still she was<br> + the world didn't know her</p> + <p class="r"> + unbekannt, a cave<br> + in her heart, abode<br> + to beasts that don't crave<br> + or vanish abroad + </p> + <p> + unerforscht feeling<br> + undeutlich divide<br> + and moss covering<br> + her back and behind</p> + <p class="r"> + unbeugsam, she stirs<br> + brushing one hundred<br> + birdsongs, fields of fleurs<br> + she was not sundered + </p> + </div> + + <div class="poem"> + <h3>Silent - April 14th, 2024</h3> + <br><br><br><br><br> + <p class="c">dread</p> + <p class="c">an empty home</p> + </div> + + <div class="poem"> + <h3>Untitled - April 17th, 2024</h3> + <!--glisten, slow, starlight, fruit, molten, calm--> + <p>I had a dream that I got the nicest pair of binoculars.</p> + <p>Instead of showing me what's further, it showed me what's above or below.</p> + <p>I held the copper cast tool to my eyes and set towards the undertow.</p> + + <p>This world, it glistened and glowed. The trees swayed and laughed above.</p> + <p>The starlight fell and condensed into their fruit, and the starfruits melted into light.</p> + <p>The molten cream, so sweet, brightened the mind and the view, casting the shadows of yore.</p> + + <p>It carried it with it all this time, and with me I carry my eyes to see it.</p> + <p>The pink beach, the calm blue waves, the dark night sky, they move</p> + <p>ever so slowly, and they glow, effervescent.</p> + </div> + + <div class="poem"> + <h3>Fabric - June 25th, 2025</h3> + <p>You told me that I smelled like fabric. We never met. We know nothing about each other. We only found one another randomly, yet you knew something that I didn’t. You told me that I smelled like fabric. I still don’t know if its true. Fabric has a distinct smell when it’s not drowned in detergent and softeners. Fabric smells bitter, but at the time, I took it well. Fabric smelled soft. Fabric smelled friendly. Fabric smelled lukewarm. Fabric covers your nude body. Fabric hides you. Fabric keeps you cool. Fabric decorates you. Fabric fits you in society. Fabric is woven. Fabric can be sewn to other pieces of fabric, constructing a new whole. Fabric covers your bed. Fabric covers your pillow. + <br><br> +I’d rather be wool. Wool keeps you warm. Wool scratches against your skin. Wool binds your feet. Wool binds your hands. Wool binds your head. Wool gets wet. Wool gets mushy. Wool falls apart. +<br><br> +Or I’d rather be silk. Silk is a novelty. Silk drapes over you and slides. Silk doesn’t deserve you. Silk doesn’t hold itself. Silk shines. Silk fall. Silk weeps.</p> + </div> + + <div class="poem"> + <h3>A Clinical Tale - June 25th, 2025 - June 9 prompt</h3> + <p>He came to the clinic to get an injection.<br> + He complied and let it happen without fail.<br> + He was fine with everything that happened.<br> + No misery fell upon either party.<br> + <br> + He came to the clinic to get his blood drawn.<br> + He reluctantly accepted after resisting a little.<br> + He was not happy but it went smoothly.<br> + Some misery was a temporary effect.<br> + <br> + He was dragged to the clinic to get his blood drawn.<br> + He yelled and fought the grabbing arms.<br> + But they won and stabbed him with the needle.<br> + Neither side was satisifed.<br> + <br> + He was forced into the clinic to get an injection.<br> + He was pushed and pulled to get it done.<br> + He threw the chair at the doctor but was shot with a tranquilizer.<br> +Misery fell upon everyone.</p> + </div> + + <div class="poem"> + <h3>The Man I Am Inside - June 25th, 2025 - May 5 prompt</h3> + <p>He stood confidently but was relaxed. I sat before my canvas and held my pencil with my arm fully extended. I took his height with it and transferred it to the paper. I began with the outer form, quickly sketching the outline of the body with some guide lines to maintain the proportions, checking every now and then with my pencil to make sure they matched the subject. He smiled awkwardly as I fixed my eyes on his body. I had only finished the initial sketch when I found myself standing before him. We locked eyes and I raised my hands, then I rested them on his chest. His skin was a bit rough and rather dry, and the curled hairs – surprisingly soft – rolled under my touch as a I stroked the chest. The composition was very much lean, but also firm as a sturdy human body would be. The figure was fairly consistent throughout, with narrow hips and slightly broad shoulders. I grabbed the waist. It’s one of my favourite parts to draw because it is a common pitfall. I used to draw this part of the torso too short. I continued to feel the contour, memorizing every angle and every turn of his body. As I went back up, I could feel his chest rising and falling slowly. It’s rather cliché, but it is fascinating to feel somebody’s life right under your hands – the beating heart, the flowing blood, and circulating life flowed under my touch. Looking into his dark eyes again, this time I placed my hand on his face. Freshly shaven stubble tickled my sweaty hand. It is usually an unpleasant feeling, but I couldn’t help but feel adoration instead. My hand slowly glided over his chapped lips, then it jumped over to feel his nose, its soft tip and its subtle bump. + </p> + </div> + </div> +</body> +</html> diff --git a/min/oldmuse.html b/min/oldmuse.html new file mode 100644 index 0000000..6535705 --- /dev/null +++ b/min/oldmuse.html @@ -0,0 +1,162 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Muse Ariadne</title> + <meta charset="unicode"> + <style> + #bgcen { + position: relative; + top: 50%; + transform: translateY(100%); + z-index: -1; + overflow: hidden; + background-color: #ebdece; width: 100%; height: 30vh; + } + + .scroll { + overflow: auto; + position: absolute; + font-family: 'Courier New', Courier, monospace; + } + + @font-face { + font-family: punktype; + src: url('fonts/punktype.ttf'); + } + + @font-face { + font-family: asilaydying; + src: url('fonts/asilaydying.ttf'); + } + + @font-face { + font-family: radio; + src: url('fonts/RadiosHandwriting-Regular.ttf'); + } + + @font-face { + font-family: cutout; + src: url('fonts/cutout.ttf'); + } + + @font-face { + font-family: clouds; + src: url('fonts/blackclouds.ttf'); + } + + @font-face { + font-family: Amiri; + src: url('fonts/Amiri.ttf'); + } + + a { + color: #8F2037; + } + + a:active { + color: red; + } + + </style> +</head> +<body style="background-color: #7f1835"> + <div id="bgcen"> + </div> + <img alt="" src="muse/notebook.png" style="height: 800px; transform: translateY(-30%);"> + <div class="scroll" style="height:600px; width:400px; top:180px; left:180px; line-height: 1.5;"> + <p>Echo - March 1st, 2024</p> + <p> + For echo to sound, there must be few in a vast space. For echo to sound, you alone must be enclosed by the reflective walls. For echo to sound... + <br><br> + Your mind must have heard so little from itself that, to pump its bubbles up the waters that surround you, it will fling every old thought at its walls, letting each of them reverberate endlessly. Echoes are never new. + <br><br> + Huddled up in company, voices other than your own take over, but it's often not enough. The mind may still be alone. Long enough time has passed that the echo is all it knows. It will echo only how you've always felt. Remember. + <br><br> + The acoustic phenomenon, however, can decay. + <br><br> + Is echo a lost love? Is it a reflection? Is it a reminder? + </p> + </div> + + <img alt="" src="muse/clip.png" style="height: 800px; transform: translateY(-30%); left:750px"> + <div class="scroll" style="height:550px; width:425px; top:235px; left:770px; line-height: 1.5; font-family: radio; font-size: 22px;"> + It is not only the procession of the morose tale.<br> + It would suffice to draw an and-the-sun-rose tale.<br><br> + + But the shattering ensued unnerving neurosis.<br> + It shall live on savagely in grim prose, this tale.<br><br> + + She devoured the primroses and availed herself of love.<br> + She remained within the walls and alcoves of the tale.<br><br> + + A useless torn heart only pumps blood to the wales.<br> + The streaks on your skin you rub opened a closed tale.<br><br> + + An injury so powerful it was to the wailing gale.<br> + To never disappear: it shut down eyes to the tale.<br> + <p style="font-family: 'Amiri', 'Courier New', Courier, monospace; font-size: 18px;">Sweat of a rose - March 6th, 2024 غزل</p> + </div> + + <img alt="" src="muse/looped.png" style="height: 720px; transform: translateY(-32%);"> + <div style="position: absolute; top: 250px; left: 1360px"> + <h1 style="font-family: punktype; rotate: 5deg; font-size: 70px; color: #570d22"> + MUSE<br>ARIADNE + </h1> + <p style="font-family: serif; rotate: -2deg; font-size: 18px"> + a digital <a href="https://museariadne.neocities.org/">writing club</a> created by <a href="https://tehuan.neocities.org/">xalli</a> + </p> + <br> + <p style="width: 75%">This page will be reworked. Visit the provisional version <a href="min/muse.html">here</a></p> + </div> + + <img alt="" src="muse/craft.png" style="height: 800px; transform: translateY(-30%);"> + <div class="scroll" style="height:650px; width:400px; top:900px; left:70px; line-height: 1.5; font-family: serif; font-size: 18px;"> + <p style="text-align: center;">The Mountain Sleeps<br>March 12th, 2024</p> + she slept through the wars<br> + the turbulent air<br> + and how still she was<br> + the world didn't know her<br> + <p style="text-align: right;"> + unbekannt, a cave<br> + in her heart, abode<br> + to beasts that don't crave<br> + or vanish abroad<br> + </p> + unerforscht feeling<br> + undeutlich divide<br> + and moss covering<br> + her back and behind<br> + <p style="text-align: right;"> + unbeugsam, she stirs<br> + brushing one hundred<br> + birdsongs, fields of fleurs<br> + she was not sundered<br> + </p> + </div> + + <img alt="" src="muse/sheet.png" style="height: 800px; transform: translateY(-30%);"> + <div class="scroll" style="height:650px; width:400px; top:900px; left:640px; line-height: 1.5; font-family: serif; font-size: 18px;"> + <p style="text-align: center;">Silent - April 14th, 2024</p> + <br><br><br><br><br> + <p style="text-align: center">dread</p> + <p style="text-align: center">an empty home</p> + </div> + + <img alt="" src="muse/paper4.png" style="width: 600px; transform: translateY(-30%);"> + <div class="scroll" style="width: 470px; left: 1190px; top: 900px; font-family: radio; font-size: 18pt"> + <p>Untitled - April 17th</p> + <!--glisten, slow, starlight, fruit, molten, calm--> + <p>I had a dream that I got the nicest pair of binoculars.</p> + <p>Instead of showing me what's further, it showed me what's above or below.</p> + <p>I held the copper cast tool to my eyes and set towards the undertow.</p> + + <p>This world, it glistened and glowed. The trees swayed and laughed above.</p> + <p>The starlight fell and condensed into their fruit, and the starfruits melted into light.</p> + <p>The molten cream, so sweet, brightened the mind and the view, casting the shadows of yore.</p> + + <p>It carried it with it all this time, and with me I carry my eyes to see it.</p> + <p>The pink beach, the calm blue waves, the dark night sky, they move</p> + <p>ever so slowly, and they glow, effervescent.</p> + </div> +</body> +</html> diff --git a/min/poetry.html b/min/poetry.html new file mode 100644 index 0000000..96d8aca --- /dev/null +++ b/min/poetry.html @@ -0,0 +1,186 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta charset="unicode"> + <link href="min.css" rel="stylesheet"> + <title>Poetry</title> + <style> + .c { + text-align: center; + } + .r { + text-align: right; + } + .date { + font-size: small; font-style: italic; + } + .main { + flex-direction: row; + justify-content: center; + } + @media (min-width: 900px) { + .main div { + width: 700px; + padding-left: 50px; + padding-right: 50px; + padding-bottom: 50px; + } + } + </style> +</head> +<body class="art"> + <nav class="art-nav"> + <h1>Teeth in Vitro</h1> + <p style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </p> + <hr> + <h2>Poetry</h2> + <p>This page is for poetry not written as a part of Muse Ariadne (see <a href="muse.html">muse</a>). Underlined titles indicate an interactive (JS) version.</p> + </nav> + <br> + <div class="main"> + <div class="poem"> + <a href="../poem/dissociated.html"> + <h3>a state only the texture of a painting could capture</h3> + </a> + <p class="c">hazy memory and clouded emotion<br> + blurred vision and blurred sense of self + </p> + <p>disconnected</p> + <p class="c">disorganized</p> + <p class="r">dissociated</p> + <p class="r"> + my circadian rhythm is the opposite of yours<br> + ritualistic patterns i fail to comply with<br><br> + when i can't sleep but can't wake up either,<br> + i indulge in misplaced fantasy<br> + and in the failed attempt to recollect fragmented ideas<br> + that scurry away like squirrels + </p> + <p class="c"> + "what is your bona fides?"<br> + "was your breakfast fried eggs with toast?"<br> + "would you throw up at the sight of intestines strung out like a necklace?" + </p> + <p> + communication with myself is beyond esoteric<br> + communication with others is incompetent and impulsive<br> + communication through music is chaotic and raw<br> + communication through art is insufficient + </p> + <p> + like reading a note that your brain left for you<br> + that is smudged beyond legibility + </p> + <p class="r"> + i am not in my childhood photos<br> + i am not in my mind<br> + i am not in mirrors<br> + i may be in others<br> + mismatched, misbound, mistranslated + </p> + <p class="c"> + it will rain down again, after all, + shimmering like sequin, slipping away like falling pages + <p class="c"> + "hello, can we talk?" + </p> + <p class="date">Feburary 2022</p> + </div> + + <div class="poem"> + <a href="../poem/rainy.html"> + <h3>of an exchange between two on a rainy night</h3> + </a> + <p> + Throw away your soggy cigarette and ask me about my day.<br> + Take a seat and smear with your finger the fuzz<br> + of the meniscus of cold broth in a bowl. + </p> + <p> + Magnetise your bi-polar heart and show me where it points.<br> + Guide me to the sea and explain<br> + what you'll first fend off against:<br> + the salt or the seaweed. + </p> + <p> + Where would you go<br> + if you were to leave a trail of footsteps in the snow,<br> + and weren't sure whether you'd come back the same or different? + </p> + <p> + I want to dissect your mind and study your thoughts.<br> + I will determine whether your spirit is as fragile as<br> + a rose in vitro,<br> + as a naïve heart,<br> + as the truth,<br> + or if it is as sturdy as<br> + history,<br> + as a violin string,<br> + as glass— + </p> + <p class="date">Feburary 2022</p> + </div> + + <div class="poem"> + <h3>Once more</h3> + <p> + Once more, you came knocking on my door.<br> + An even and predictable knock it was.<br> + Every fortnight, more or less, you come.<br> + A joy you instill that's worthy of applause. + </p> + <p> + But you leave. + </p> + <p> + Flowing animus, will thou aid me?<br> + From me, embrace of hers slipped away again:<br> + merciless, ruthless, rather graceful<br> + departure. Love knows not of me — not of men. + </p> + <p> + But what if? + </p> + <p> + O episteme, will thou aid me?<br> + Of no need is love that aches. Rationale knows.<br> + In darkness, the wandering mind dies.<br> + Only minds can fill other minds. Dispose! + </p> + <p> + Veracity. + </p> + <p> + What is virtuous in a patience that yields no fruit?<br> + Perhaps, honour is in the heart of the resolute,<br> + for only they have endured self-torture for an oath.<br> + "The light of my life is worth more than my hurt," they quoth. + </p> + <p> + Once more, I came knocking at your door. + </p> + <p class="date">January 2023</p> + </div> + + <div class="poem"> + <h3>Untitled</h3> + <p>Walls pressing my skin<br> + Water rising in my throat<br> + Then the room expands + </p> + <p class="date">May 2025 - prompt: "space"</p> + </div> + </div> +</body> +</html> diff --git a/min/portfolio.html b/min/portfolio.html new file mode 100644 index 0000000..9fd61b7 --- /dev/null +++ b/min/portfolio.html @@ -0,0 +1,29 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> +</head> +<body class="art"> + <nav class="art-nav"> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + <h2>Art</h2> + <h3>Portfolio</h3> + </nav> + </div> +</body> +</html> diff --git a/min/projects.html b/min/projects.html new file mode 100644 index 0000000..34f9813 --- /dev/null +++ b/min/projects.html @@ -0,0 +1,86 @@ +<!DOCTYPE HTML>
+<html>
+<head>
+ <link href="min.css" rel="stylesheet">
+ <meta charset="unicode">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Teeth in Vitro | Projects</title>
+</head>
+<body>
+ <nav>
+ <h1>Teeth in Vitro</h1>
+
+ <span style="font-weight: bold;">
+ <a href="home.html">home</a>  
+ <a href="about.html">about</a>  
+ <a href="../thoughts.html">thoughts</a>  
+ <a href="poetry.html">poetry</a>  
+ <a href="art.html">art</a>  
+ <a href="../music.html">music</a>  
+ <a href="books.html">library</a>  
+ <a href="projects.html">projects</a>  
+ <a href="links.html">links</a>  
+ </span>
+
+ <hr>
+ </nav>
+
+ <h2>Projects</h2>
+
+ <p>Code will be hosted on GitHub once I finish or polish it.
+ I am doing a disservice to everyone by publishing my to-do list with nothing to present, but it motivates me to work on it.</p>
+
+ <h3>Art/Games</h3>
+
+ <ul>
+ <li>A buncha paintings</li>
+ <li><a href="../moloch">Moloch</a></li>
+ <li>Greg RPG Dating Sim Fangame</li>
+ <li>Programmer Game (name subject to change)</li>
+ </ul>
+
+ <h3>Software - WIP and planned</h3>
+
+ <ul>
+ <li>Compiler</li>
+ <li>Jokelang</li>
+ <li>Basic software suite</li>
+ <ul>
+ <li>WM</li>
+ <li>File manager</li>
+ <li>Text editor (in progress!)</li>
+ <li>Music player</li>
+ <li>Image viewer</li>
+ <li>Terminal emulator</li>
+ <li>Shell</li>
+ </ul>
+ <li>OS</li>
+ <li>Synth VST</li>
+ <li>Effect VST</li>
+ <li>Software for 9front</li>
+ <ul>
+ <li>Music tracker</li>
+ <li>WM port</li>
+ </ul>
+ </ul>
+
+ <h3>Hardware</h3>
+
+ <ul>
+ <li>They will be disclosed when they're presentable. It doesn't feel right to talk about what I'll make when I haven't worked on it yet.</li>
+ </ul>
+
+ <h3>Microprojects</h3>
+
+ <p>These were made as programming practice.</p>
+
+ <ul>
+ <li>Coreutils clone (WIP)</li>
+ <li>Loveletter generator (will rewrite)</li>
+ <li>Troysort (joke)</li>
+ </ul>
+
+ <img src="../img/objects/duckgrass.gif"></img>
+
+</body>
+</html>
diff --git a/min/sketch.html b/min/sketch.html new file mode 100644 index 0000000..27b9158 --- /dev/null +++ b/min/sketch.html @@ -0,0 +1,77 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="min.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> +</head> +<body class="art"> + <nav class="art-nav"> + <h1>Teeth in Vitro</h1> + <span style="font-weight: bold;"> + <a href="home.html">home</a>   + <a href="about.html">about</a>   + <a href="../thoughts.html">thoughts</a>   + <a href="poetry.html">poetry</a>   + <a href="art.html">art</a>   + <a href="../music.html">music</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + <h2>Art</h2> + <h3>Sketches / WIPs / Figure Art / Studies</h3> + </nav> + + <div class="art-container"> + <h4>2025</h4> + <img loading="lazy" src="../img/art/2025/jojosketches.jpeg"> + <img loading="lazy" src="../img/art/2025/IMG_20250225_190627.jpg"> + <img loading="lazy" src="../img/art/2025/IMG_20250225_190657.jpg"> + <img loading="lazy" src="../img/art/2025/IMG_20250225_190853.jpg"> + <h4>2024</h4> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224634.jpg"> + <img loading="lazy" src="../img/art/2024/2024 - April13 molochcats.png"> + <img loading="lazy" src="../img/art/2024/wigeon.png"> + <img loading="lazy" src="../img/art/2024/mithrun1.jpg"> + <img loading="lazy" src="../img/art/2024/gamescreenshot.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224748.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224728.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224718.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224652.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224646.jpg"> + <img loading="lazy" src="../img/art/2024/IMG_20240718_224629.jpg"> + <img loading="lazy" src="../img/art/2024/ardennaaaa.png"> + <img loading="lazy" src="../img/art/2024/2024 - February16 posterwip.png"> + <img loading="lazy" src="../img/art/2024/2024 - Februrary 2.jpg"> + <img loading="lazy" src="../img/art/2024/2024 - February.jpg"> + <h4>2023</h4> + <img loading="lazy" src="../img/art/2023/duck.png"> + <img loading="lazy" src="../img/art/2023/September28 - dino.png"> + <img loading="lazy" src="../img/art/2023/September10 - alien.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20240718_224241.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20230705_174343.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20230809_181215_edit_447859372544680.jpg"> + <img loading="lazy" src="../img/art/2023/July 19 - steampunkscd.png"> + <img loading="lazy" src="../img/art/2023/IMG_20240718_224121.jpg"> + <img loading="lazy" src="../img/art/2023/June 4 scd.png"> + <img loading="lazy" src="../img/art/2023/IMG_20240718_224255.jpg"> + <img loading="lazy" src="../img/art/2023/IMG_20240718_224248.jpg"> + <img loading="lazy" src="../img/art/2023/gregepicwip2.png"> + <h4>2022</h4> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223643.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20241230_152950.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223943.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223809.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223752.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223745.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20240718_223733.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20230221_144951_edit_177165706492236.jpg"> + <img loading="lazy" src="../img/art/2022/IMG_20220226_183246.jpg"> + <h4>2021</h4> + <img loading="lazy" src="../img/art/2021/IMG_20210721_115209.jpg"> + </div> +</body> +</html> diff --git a/min/test.txt b/min/test.txt new file mode 100644 index 0000000..faab00e --- /dev/null +++ b/min/test.txt @@ -0,0 +1 @@ +this is a test. diff --git a/moloch/index.html b/moloch/index.html new file mode 100644 index 0000000..68c5b49 --- /dev/null +++ b/moloch/index.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Moloch</title> + <link href="/style.css" rel="stylesheet" type="text/css" media="all"> + </head> + <body> + <p>Secret Moloch page</p> + </body> +</html> diff --git a/muse.html b/muse.html new file mode 100644 index 0000000..8243ed1 --- /dev/null +++ b/muse.html @@ -0,0 +1,189 @@ +<!DOCTYPE HTML> +<html> +<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="author" content="Radiohotline"> + <link href="house.css" rel="stylesheet"> + <title>Muse Ariadne</title> + <style> + .c { + text-align: center; + } + .r { + text-align: right; + } + .date { + font-size: small; font-style: italic; + } + + .main { + display: inline-flex; + flex-wrap: wrap; + justify-content: center; + flex-grow: none; + align-items: top; + align-self: flex-start; + gap: 20px; + } + + .poem { + width: 450px; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 20px; + vertical-align:top; + } + </style> +</head> +<body class="art"> + <div class="top"> + <h1>Muse</h1> + <h1 class="logo"><a href="index.html">Soft Machine</a></h1> + </div> + <nav> + <span> + <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="library.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + <h2>Muse Ariadne</h2> + <p> + A digital <a href="https://museariadne.neocities.org/">writing club</a> created by <a href="https://tehuan.neocities.org/">xalli</a> + </p> + <br> + <div class="main"> + <div class="poem"> + <h3>Echo - March 1st, 2024</h3> + <p> + For echo to sound, there must be few in a vast space. For echo to sound, you alone must be enclosed by the reflective walls. For echo to sound... + <br><br> + Your mind must have heard so little from itself that, to pump its bubbles up the waters that surround you, it will fling every old thought at its walls, letting each of them reverberate endlessly. Echoes are never new. + <br><br> + Huddled up in company, voices other than your own take over, but it's often not enough. The mind may still be alone. Long enough time has passed that the echo is all it knows. It will echo only how you've always felt. Remember. + <br><br> + The acoustic phenomenon, however, can decay. + <br><br> + Is echo a lost love? Is it a reflection? Is it a reminder? + </p> + </div> + + <div class="poem"> + <h3>Sweat of a rose - March 6th, 2024 غزل</h3> + <p> + It is not only the procession of the morose tale.<br> + It would suffice to draw an and-the-sun-rose tale.<br><br> + + But the shattering ensued unnerving neurosis.<br> + It shall live on savagely in grim prose, this tale.<br><br> + + She devoured the primroses and availed herself of love.<br> + She remained within the walls and alcoves of the tale.<br><br> + + A useless torn heart only pumps blood to the wales.<br> + The streaks on your skin you rub opened a closed tale.<br><br> + + An injury so powerful it was to the wailing gale.<br> + To never disappear: it shut down eyes to the tale.<br> + </p> + </div> + + <div class="poem"> + <h3>The Mountain Sleeps - March 12th, 2024</h3> + <p>she slept through the wars<br> + the turbulent air<br> + and how still she was<br> + the world didn't know her</p> + <p class="r"> + unbekannt, a cave<br> + in her heart, abode<br> + to beasts that don't crave<br> + or vanish abroad + </p> + <p> + unerforscht feeling<br> + undeutlich divide<br> + and moss covering<br> + her back and behind</p> + <p class="r"> + unbeugsam, she stirs<br> + brushing one hundred<br> + birdsongs, fields of fleurs<br> + she was not sundered + </p> + </div> + + <div class="poem"> + <h3>Silent - April 14th, 2024</h3> + <br><br><br><br><br> + <p class="c">dread</p> + <p class="c">an empty home</p> + </div> + + <div class="poem"> + <h3>Untitled - April 17th, 2024</h3> + <!--glisten, slow, starlight, fruit, molten, calm--> + <p>I had a dream that I got the nicest pair of binoculars.</p> + <p>Instead of showing me what's further, it showed me what's above or below.</p> + <p>I held the copper cast tool to my eyes and set towards the undertow.</p> + + <p>This world, it glistened and glowed. The trees swayed and laughed above.</p> + <p>The starlight fell and condensed into their fruit, and the starfruits melted into light.</p> + <p>The molten cream, so sweet, brightened the mind and the view, casting the shadows of yore.</p> + + <p>It carried it with it all this time, and with me I carry my eyes to see it.</p> + <p>The pink beach, the calm blue waves, the dark night sky, they move</p> + <p>ever so slowly, and they glow, effervescent.</p> + </div> + + <div class="poem"> + <h3>Fabric - June 25th, 2025</h3> + <p>You told me that I smelled like fabric. We never met. We know nothing about each other. We only found one another randomly, yet you knew something that I didn’t. You told me that I smelled like fabric. I still don’t know if its true. Fabric has a distinct smell when it’s not drowned in detergent and softeners. Fabric smells bitter, but at the time, I took it well. Fabric smelled soft. Fabric smelled friendly. Fabric smelled lukewarm. Fabric covers your nude body. Fabric hides you. Fabric keeps you cool. Fabric decorates you. Fabric fits you in society. Fabric is woven. Fabric can be sewn to other pieces of fabric, constructing a new whole. Fabric covers your bed. Fabric covers your pillow. + <br><br> +I’d rather be wool. Wool keeps you warm. Wool scratches against your skin. Wool binds your feet. Wool binds your hands. Wool binds your head. Wool gets wet. Wool gets mushy. Wool falls apart. +<br><br> +Or I’d rather be silk. Silk is a novelty. Silk drapes over you and slides. Silk doesn’t deserve you. Silk doesn’t hold itself. Silk shines. Silk falls. Silk weeps.</p> + </div> + + <div class="poem"> + <h3>A Clinical Tale - June 25th, 2025 - June 9 prompt</h3> + <p>He came to the clinic to get an injection.<br> + He complied and let it happen without fail.<br> + He was fine with everything that happened.<br> + No misery fell upon either party.<br> + <br> + He came to the clinic to get his blood drawn.<br> + He reluctantly accepted after resisting a little.<br> + He was not happy but it went smoothly.<br> + Some misery was a temporary effect.<br> + <br> + He was dragged to the clinic to get his blood drawn.<br> + He yelled and fought the grabbing arms.<br> + But they won and stabbed him with the needle.<br> + Neither side was satisifed.<br> + <br> + He was forced into the clinic to get an injection.<br> + He was pushed and pulled to get it done.<br> + He threw the chair at the doctor but was shot with a tranquilizer.<br> +Misery fell upon everyone.</p> + </div> + + <div class="poem"> + <h3>The Man - June 25th, 2025 - May 5 prompt</h3> + <p>He stood confidently but was relaxed. I sat before my canvas and held my pencil with my arm fully extended. I took his height with it and transferred it to the paper. I began with the outer form, quickly sketching the outline of the body with some guide lines to maintain the proportions and checking the lengths every now and then with my pencil to make sure they matched the subject. He smiled awkwardly as I fixed my eyes on his body. I had only finished the initial sketch when I found myself standing before him. We locked eyes and I raised my hands, then I rested them on his chest. His skin was a bit rough and rather dry, and the curled hairs – surprisingly soft – rolled under my touch as a I stroked the chest. The composition was very much lean, but also firm as a sturdy human body would be. The figure was fairly consistent throughout, with narrow hips and slightly broad shoulders. I grabbed the waist. It’s one of my favourite parts to draw because it is a common pitfall. I used to draw this part of the torso too short. I continued to feel the contour, memorizing every angle and every turn of his body. As I went back up, I could feel his chest rising and falling slowly. It’s rather cliché, but it is fascinating to feel somebody’s life right under your hands – the beating heart, the flowing blood, and circulating life flowed under my touch. I looked into his dark eyes again, this time I placed my hand on his face. Freshly shaven stubble tickled my sweaty hand. It is usually an unpleasant feeling, but I couldn’t help but feel adoration instead. My hand slowly glided over his chapped lips, then it jumped over to feel his nose, its soft tip and its subtle bump. + </p> + <p>I hate him.</p> + </div> + </div> +</body> +</html> diff --git a/muse/clip.png b/muse/clip.png Binary files differnew file mode 100644 index 0000000..dcb28e6 --- /dev/null +++ b/muse/clip.png diff --git a/muse/clipboard.png b/muse/clipboard.png Binary files differnew file mode 100644 index 0000000..fda297f --- /dev/null +++ b/muse/clipboard.png diff --git a/muse/craft.png b/muse/craft.png Binary files differnew file mode 100644 index 0000000..15965eb --- /dev/null +++ b/muse/craft.png diff --git a/muse/looped.png b/muse/looped.png Binary files differnew file mode 100644 index 0000000..361784c --- /dev/null +++ b/muse/looped.png diff --git a/muse/notebook.png b/muse/notebook.png Binary files differnew file mode 100644 index 0000000..6a6859e --- /dev/null +++ b/muse/notebook.png diff --git a/muse/notebook2.png b/muse/notebook2.png Binary files differnew file mode 100644 index 0000000..81b13be --- /dev/null +++ b/muse/notebook2.png diff --git a/muse/paper.png b/muse/paper.png Binary files differnew file mode 100644 index 0000000..c42249e --- /dev/null +++ b/muse/paper.png diff --git a/muse/paper2.png b/muse/paper2.png Binary files differnew file mode 100644 index 0000000..b7ba74c --- /dev/null +++ b/muse/paper2.png diff --git a/muse/paper3.png b/muse/paper3.png Binary files differnew file mode 100644 index 0000000..bf18751 --- /dev/null +++ b/muse/paper3.png diff --git a/muse/paper4.png b/muse/paper4.png Binary files differnew file mode 100644 index 0000000..2c37eaf --- /dev/null +++ b/muse/paper4.png diff --git a/muse/paper6.png b/muse/paper6.png Binary files differnew file mode 100644 index 0000000..9da7224 --- /dev/null +++ b/muse/paper6.png diff --git a/muse/paper7.png b/muse/paper7.png Binary files differnew file mode 100644 index 0000000..9b0873f --- /dev/null +++ b/muse/paper7.png diff --git a/muse/sheet.png b/muse/sheet.png Binary files differnew file mode 100644 index 0000000..cc294a7 --- /dev/null +++ b/muse/sheet.png diff --git a/music.html b/music.html new file mode 100644 index 0000000..962e01a --- /dev/null +++ b/music.html @@ -0,0 +1,350 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta charset="Unicode"> + <meta name="description" content="Experimental, noise, and ambient music by Enlil, often incorporating field recordings swamped in effects accompanied by guitar"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <link href="common.css" rel="stylesheet" type="text/css"> + + <title>Soft Machine | Music</title> + <style> + #main { + /*border: dotted; + border-color: #8F2037;*/ + width: 80vw; + 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; + } + + .intro { + display: flex; + justify-content: center; + gap: 50px; + flex-wrap: wrap; + margin-bottom: 20px; + } + + .container { + display: flex; + flex-wrap: wrap; + /*flex-direction: row-reverse;*/ + justify-content: center; + gap: 20px 30px; + } + + .container div { + /*width: 40%;*/ + width: min-content; + max-width: 400px; + height: min-content; + border-bottom: 2px dashed #8f203680; + } + + h2 { + font-family: 'Nanum', Georgia, 'Times New Roman', Times, serif; + font-weight: bold; + font-size: 1.3em; + } + + .genre { + font-style: italic; + font-size: 0.9em; + } + + .sticky { + position: fixed; + bottom: 0; + right: 0; + z-index: 3; + padding: 10px; + width: 15%; + } + + .links { + position: fixed; + bottom: 0; + left: 0; + padding: 10px; + } + + .links a { + background-color: #8F2037; + border-radius: 20px; + padding: 10px; + border:#611121 solid; + box-shadow: 0 0 10px 5px #611121 inset; + margin: 10px; + 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> + +<body> + <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> + <div class="links"> + <a href="https://radiohotline.bandcamp.com/">Bandcamp</a> + <br> + <a href="https://coff.ee/teethinvitro">Support</a> + </div> + <img src="img/music/guitar.gif" class="sticky"> + <div id="main"> + <div class="intro"> + <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, + but I started producing music more regularly since 2022, particularly during my hikkikomori days, where I played the classical guitar very often, improvising folk songs. + Most of my past work was thus folk and electronica. Currently, I make experimental music (particularly enjoying + the use of ambience, radio, and field recordings) and write mathy screamo that I've yet to record. + </p> + + <script src="https://lambchapel.neocities.org/ring/beepbox/ring.js" data-song="https://jummb.us/player/#song=j6N04Wishng43s0k0l00e19t1Ua5g19j0lr1O_U0000000000000000000000000000000000000000000000i0o3331333234333334T5v0xu05f032ve2ie13000qwB15110Wa0d2a0H_RBHBziiii9998h3E1c0b7T5v0nu05f0000qwB15110Oa0d2a0H_RBHBziiii9998h3E1c0b7T0v0pu00f153q8740Oa70d4a0w5h4E0c0T5v0su51f0000qwB17110Ba0d080H-IHyiih9999998h0E1c0b6T9v0pu1af010s500q040Oad030w2h0M00001111222233334444555566667777MMMMLLLLKKKKJJJJIIIIHHHHGGGGFFFFE0c0T7v0ru07f050p61770q72d42g300q8J021a90k7001600Vald060HT-SRJJJJIAAAAAh0IcE1c0c11T7v0wu07f150qoY021990l60025ba00506310ad010HT-SRJiirrAKTijh0IaE2c0c11c01T7v0wu07f150qoY021990l60025ba00707700ad010HT_____Qzriiii8h0IaE2c0c11c01T7v0vu07f050p61770q72d42g300q8J021a90k7005ba00600Dald060HT-SRJJJJIAAAAAh0IaE1c0c11T5v0tu05f180qgA010re0030Fad000HTZKSrih8g00000h0E1c0b7T1v0qu18f0000q040Oad230A0F0B0Q0000Pf600R0000E1c0617T7v0tu07f040p61770q72f500q8I00001500Oad060HT-SRJJJJIAAAAAh0IaE1c001T1v0yu83f0000q8D18120Oa70d030AbF6B2Q0572P9995R0000E2c0b273T1v0pu83f0000q8D18120Oa70d030AbF6B2Q0572P9995R0000E2c0b273T7v0ku07f150qoY021990l6003310000sad010HT-SRJJJJIAAAAAh2IaE1c0c11T5v0pu05f022792qe0112k6qgA010n50030Oad030HTZIzrih9004000h0E1c0b7T4v0vuf0f1a0q050Oa0z6666ji8k8k3jSBKSJJAArriiiiii07JCABrzrrrrrrr00YrkqHrsrrrrjr005zrAqzrjzrrqr1jRjrqGGrrzsrsA099ijrABJJJIAzrrtirqrqjqixzsrAjrqjiqaqqysttAJqjikikrizrHtBJJAzArzrIsRCITKSS099ijrAJS____Qg99habbCAYrDzh00E0c0T4v0uuf0f1a0q050Oa0z6666ji8k8k3jSBKSJJAArriiiiii07JCABrzrrrrrrr00YrkqHrsrrrrjr005zrAqzrjzrrqr1jRjrqGGrrzsrsA099ijrABJJJIAzrrtirqrqjqixzsrAjrqjiqaqqysttAJqjikikrizrHtBJJAzArzrIsRCITKSS099ijrAJS____Qg99habbCAYrDzh00E0c0T4v0puf0f1a0q050Oa0z6666ji8k8k3jSBKSJJAArriiiiii07JCABrzrrrrrrr00YrkqHrsrrrrjr005zrAqzrjzrrqr1jRjrqGGrrzsrsA099ijrABJJJIAzrrtirqrqjqixzsrAjrqjiqaqqysttAJqjikikrizrHtBJJAzArzrIsRCITKSS099ijrAJS____Qg99habbCAYrDzh00E0c0T4v0puf0f1a0q050Oa0z6666ji8k8k3jSBKSJJAArriiiiii07JCABrzrrrrrrr00YrkqHrsrrrrjr005zrAqzrjzrrqr1jRjrqGGrrzsrsA099ijrABJJJIAzrrtirqrqjqixzsrAjrqjiqaqqysttAJqjikikrizrHtBJJAzArzrIsRCITKSS099ijrAJS____Qg99habbCAYrDzh00E0c0Tav0pu00f0000q00d040E0c0Tav0pu00f0000q00d040E0c0Tav0pu00f0000q00d040E0c0b28p0Bct2lboQ8xA2kNQ9s-4g000000000000000000000000000000000000000000000000000000000000004gO1aoW4GmNE00000000000000000000000000w4c92CexaBI20gMAaVG4GmM0g264xj7gBiS000000000000000000000003S02YgO5ct2lboQbN38kNQ9kJzg1s8p2CexaBIq5MxAaoW4GmNEn26gFzEiFr6w000000000000000000000000020000000000000000000000000000000000000000000000000000000000001gh38kNQ9mNHDw00000000000000000000000000000000000000000000000000000000000004gO5ct2lIq0000000000000000000000000000000000000000000000000000gx248gx248gw0000000000000000000000000000000000000000000000000208oi5sR2lbo40xx8lPk9kJzU000000000000000000000000000000000000000000000028o000000002cFQ0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000004gO5ct2lIqVY8w00000000000000000000000000000000000000000000028o6AaoW4GmO80000000000000000000000000000000000000000000000000000000000008ODg000000000000000000000000000000000000014cxj7gBr6w000000000000000000000000000xj7gBiSds-Jw0000000000000000000000000000000000000000000000000000000000000000000000000wgxa4gh524ohx24Eh14k8hx6o00000000000000000000000000000000000001248gx248gz848gx248gx2cxj000000000000000000000000000000000000048gx248gx248gx248gx248gy600000000000000000000000000000000000000000000000000000w200w20cw0000000000000000000000008xw8kNQ9kNo0dsY08h1aoa00000000000000aw000000000000000000000000000000000001400000000x20xx8kNQ9kNrnf00000000000000000000000000000000000000wy288wy288ww00000000000000p2NnFA-8gZ8ui7F3QxWg-A7F3QxWhLV4f8zOgZ8uAfi7QwYyfi7F6ACiq7a1W8ZcuAfg7j8Z2Njdvh7d9ACxwipbEBypfB1Wo-U7j2QkObjSdczQh7P8uwr-mFsy7GzQhW9zV23UyeTFo0CfGCKMO_kJlRklT-yZxBuLwzj7SGQbixbRijRxDFB-oolJB-PeKLJcLTfOLj9ZcrZINUlcvuV0fm7EzS1W8Z8v1xS6jX0r37OmQOvm7SJ1WJZG9Bx1-0P6uMO_pkYv-8OeJrYgfOK2CjUx3EA-Af93V8v93Qx-i3V8uAfid_y8v4hV8v93V8uAfOgt0DO8Z8v96ACiq7a1-8zQNYAfA1QOfgIkPnQhOW9fEkOj0AOnhbdk7j9Zcvc29xqap5FZhGUGb4uyj9Z8uwrWp7HkG9fExZGfAhYyoW97Es1QiD8zIWnw0CfGCKN0FNpiP42D5SHc4LR5r3bZ_ELopnHUcdcv1zO8ZujR1MWpvASVyFjHiFvzkOe8ZDsHw2OPNv4cAChhimmtfF8O6LOgkS3NxppN-Bw1gziOPLZaS33bZeDzu4Tzel49OlFDy-_HizIFim6u3WaUDYul2mkBdT09xD7Xu9NX0efQZ0apN-8hN-n77U8qWpvGsh77WiiQBn9am66LAulmttjRxN-AFqioJ9iQhNU2CubW8000ltzPrRYjkjGpM-LAgaCLA-x8CtfHFAuxjGpHXvAp5cPZvgECnWBxB-DcFCfI-N9cRZlcLQqp7F4PwZpqOfoZnqtzOf8EhzfPhPdjd7lRp9AuzmH6hWKNVTeLyaCsvB7gnluRkFNWpNYRlPKtnbZeXI5CCubV1Nw9CzxQRtiGCbGW4kOfgGpN-HGFKoul9NW9N-Ljf5N22F73W-CEkPxZv8wldv9Z2hcWvmj8Z2DoCq-TV56pypDW-xaH3bZmJcLQOCo-PX4mcp7GWKnWii4AO_jFAuEppMuOBhzmnWKNWKNV7ENgB6BxCLGTud9cjd7lRpOj8ZaRpPAuHIusjKLIEPTdloNCLGV7GWw24z3dviECnWRFD7W-LFCmsvH8bjnjeDMByVTeHB-MdZopN-wyAfmCubVnAHw1opULAQE000IIYnN399AkkBBDvWiczbbZiUnqxmofmCiSwSrEdWiaOPzZzlk7SlFDy-0WwGXakBxDy-yKY1axHaiCXw4MPzZL4UZx77X-X3f5N682pqp7wUmhjdvijbY3Ep5czRGl1cnhEXegX4Cu5x6Ct-5n0v95cFNleFD4EEEjef4WpTUCkOD57GCt26a8y-t-Cny5jaokg5WpByF6CnyKOFD7yGzHaljdubN8CsuaRcUYbMwbQOYiFDyUGFD7y2DdtcLQrdGTmcnlRsNt3IipvwQOf8QQPnQWKsvGVEXSqpvHQO0gDxQXZwB-6JopN8xgsHppULy6ij8EFbbe_QAp6mnWBMKR2IMuJ3rECIIU_jGExcO6ODZk-FI9_ccU_vM0mcqKHCTHUCm0IBkPxZv8wm6nWixjd7lSJ9B-AChU6BjHlcUDlSp69CvHW2CecuG8BcNZDRVccRZuD4LsP3e3SA5L8ZzRtFSf5Rt12cpXFCLGC9GVjFTGNtncLlSQpRj8Z6DmIzRtzPHtnlSqNHRjefQ33dvhWMO_mDjefRyNAuHGVHWBUGNGVSuHB-xiiMPzZ1lrmIcYnT61mczRtnbZB29cLRBtncnlM0d4RtDiCbGW4kOfgGpN-HJ94PhQ4O_kD7I4U_3VIcYn4oMjbj8YiMIyCq-ACnU7gOap7IkG2oKzhSsxS9cYb2dBD7F55dtDfhhEopNWYxpp7HOAppMqBKv6pOSIoka8SmubGdsbbefkUFC6suENVvsBzqZxDyWXJPiaiyDOteO3nSoW5BCKJQYeDH6bGWKoK808AO_1FAuhFFCLFRsU_lPhOqJcLMlcw49Us001dtcLNb8gs3mcnlRsNt34ipvwQOf8QQPnQWKsvGVEXiDGZcw49UslcUvnQR4y1kRYDQ94PFZpczQatjdvrYz8FCvHW54O_kQOCo-PWYlz8ZnlO_lgzILkOpMuKJpvGX7GX7Auigz6tcRZgCnWqCqeHGOWzpHehWKNVNeW-NCb0H6q-HAuHx48C6q-2FVnIcU_nOjefR5neVRsLQYKMhmYkPNv800apTUm9B-3U2MeFD4EEh9D7yvyrzljex354hve_jbN2FBca82ZcONkzjbZljaoniFD7yGzjefMr9lcRULQypNUHkPzML20LjbNaCubyE4XZxB-8AX3eD4dznFD7y8U_gkd0MOcmACnyKlCMOY8hD7RbcIz5qOGOBlDbplYS9Cm8kpN-h002CnyMRQPzN7AhuCkwclcON9xCm8hFBUAbQOAh5UBN2fygLEIcUYizjbMwj8Npj2i0gj54kMxixgOehOB2wCky52x2jax1xDw8N400ap6aydj0y8g8Rcs342dj2i0g8QOcg8Qycg8WpuadHhAaVNYX1cknj344z400002suCnyNHPzQOcgE6LefkOf54a2CbAowCky4Xewkw00082wa2wa80c8vg0f5Mvku_g0e_053NW01NUpG0Gw1yw1ywRBw28r4qWE0a06W3ko0ww0nw202dtk5EMMk1B04402Y0g5W0Vu0808Lg7ef041IhQW0VHw202dtg9e31rb0405o03n1jn09g0Qg100H80oEckxxu0ma06y0805g0d46el040M8Lg0e_0Q04suE06a3R80wc2w0qU0Gk1ic28M10sx6KE3ywFEw20S8RR00QgqOM10lhQW0RHw202d500Tgx100RM10177E3SK0830G05u3nvw201l0aY6Ik7ex0402w2ubxCg00A5Mb4066vzFQ1rb04N9l0350351Hb040S8RRg0k0dQ6EM1100L0404qWEbhxwE3a08805U0wbQ1OY0g0huw4su083ozFQ1Pn0404qWEds606a3iw202I01HwFHw4E0q80w0lE0ck6agML0b503b1pg100G01EwNOE0w615W01TUfw0zzR00NguF041wk03LM10c2w0ubxC01m00VI5513n2Vg100E2TyUbG0k03CM9ge400V80Ud_QczNs0k7NtgfK90VgbkE1iwpN8vw0E1DyVAyfyW1ZNU5yg2ef3Y00000"></script> + </div> + <img src="img/nav/redplayer.png"> + </div> + + <div class="container"> + <div class="experimental"> + <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="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> + + <div class="experimental" style="width: 350px;"> + <h2>Pauline (Working title)</h2> + <p>I am currently working on my third experimental album. I am taking a different direction this time.</p> + </div> + + <div class="experimental"> + <h2>Anachronism of the 21st Century - March 9th, 2025</h2> + <p>It was mostly finished in January. This was fun to make.</p> + <iframe style="border: 0; width: 300px; height: 650px;" src="https://bandcamp.com/EmbeddedPlayer/album=855368354/size=large/bgcol=ffffff/linkcol=333333/transparent=true/" seamless><a href="https://radiohotline.bandcamp.com/album/anachronism-of-the-21st-century">Anachronism of the 21st Century by Enlil</a></iframe> + <p class="genre">(experimental, noise)</p> + </div> + <div class="experimental"> + <h2>Civilised Menagerie - November 2, 2024</h2> + <p>It was technically set to release on November 1st, but I accidentally refreshed the page and had to reupload the music, so it was past midnight when it was done. More information on it is on its release page.</p> + <iframe style="border: 0; width: 300px; height: 600px;" src="https://bandcamp.com/EmbeddedPlayer/album=3762541751/size=large/bgcol=333333/linkcol=e32c14/transparent=true/" seamless><a href="https://radiohotline.bandcamp.com/album/civilised-menagerie">Civilised Menagerie by Enlil</a></iframe> + <p class="genre">(experimental, harsh noise)</p> + </div> + + <div class="electronic jummbox"> + <h2>Jummbox Vol. 1 Album - September 9th, 2024</h2> + <p>The compilation EP, album, whatever you want to call it, that I made over a year. As the title says, it's made of Jummbox songs.</p> + <iframe style="border: 0; width: 300px; height: 600px;" src="https://bandcamp.com/EmbeddedPlayer/album=2495557895/size=large/bgcol=ffffff/linkcol=63b2cc/transparent=true/" seamless><a href="https://radiohotline.bandcamp.com/album/jummbox-vol-1">Jummbox Vol. 1 by Enlil</a></iframe> + <p class="genre">(electronic, electronica, Jummbox)</p> + </div> + + <div class="ost ambient"> + <h2>Moloch OST outtakes - 2024</h2> + <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="music/cave new.mp3"> + </audio> + <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="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="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="music/lab question mark 192.mp3"> + </audio> + <audio loading="lazy" controls="true"> + <source src="music/lab true 192.mp3"> + </audio> + <audio loading="lazy" controls="true"> + <source src="music/sci fi bg low drift.mp3"> + </audio> + <h2>Underground City</h2> + <audio loading="lazy" controls="true"> + <source src="music/underground city.mp3"> + </audio> + <p class="genre">(soundtrack, ambient)</p> + </div> + + <div class="shitpost"> + <h2>Chickadee diss track - Dec 17th, 2023</h2> + <video width="320" height="240" controls> + <source src="music/chickadee-diss-track.mp4" type="video/mp4"> + Your browser does not support the video tag. + </video> + <p class="genre">(shitpost)</p> + </div> + + <div class="ost"> + <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="music/menu 2 reprise ending new export.ogg" type="audio/ogg"> + </audio> + <p class="genre">(soundtrack)</p> + </div> + + <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"> + <source src="music/sacred.ogg" type="audio/ogg"> + </audio> + <p class="genre">(dnb, breakcore, electronic)</p> + </div> + + <div class="ost"> + <h2>Blue Crystal Cave - Mar 28th, 2023</h2> + <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> + </div> + + <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"> + <source src="music/tropical.ogg" type="audio/ogg"> + </audio> + <p class="genre">(acoustic, soundtrack)</p> + </div> + + <div class="acoustic ost"> + <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"> + <source src="music/clocktower.ogg" type="audio/ogg"> + </audio> + <p class="genre">(acoustic, soundtrack)</p> + </div> + + <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"> + <source src="music/menu2reprise.ogg" type="audio/ogg"> + </audio> + <p class="genre">(folk, acoustic, soundtrack)</p> + </div> + <!-- + <div class="acoustic ost"> + <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="music/mus_menu1.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="music/mus_menu2.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="music/mus_menu3.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="music/mus_menu4.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="music/mus_menu5.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="music/mus_menu6.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <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> + </div> + --> + <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"> + <source src="music/untitled.ogg" type="audio/ogg"> + </audio> + <p class="genre">(electronic)</p> + </div> + + <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"> + <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"> + <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> + <p class="genre">(slacker rock, acoustic)</p> + </div> + + <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"> + <source src="music/olenvasinud.ogg" type="audio/ogg" /> + </audio> + <p>My magnum opus.</p> + <p class="genre">(electronic, ambient)</p> + </div> + + <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"> + <source src="music/songofstorms.ogg" type="audio/ogg" /> + </audio> + <p class="genre">(progressive rock)</p> + </div> + </div> + </div> +</body> +</html> diff --git a/not_found.html b/not_found.html new file mode 100644 index 0000000..0a8109f --- /dev/null +++ b/not_found.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Not Found</title> + <link href="oldstyle.css" rel="stylesheet" type="text/css" media="all"> + </head> + <body> + <h1>It does not exist in this realm</h1> + <p>Are you lost or snooping?</p> + <a href="/gymno/gymnopedie.html">Launch 3fish.exe</a> + </body> +</html> diff --git a/old/about.html b/old/about.html new file mode 100644 index 0000000..b05f042 --- /dev/null +++ b/old/about.html @@ -0,0 +1,102 @@ +<!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="author" content="Radiohotline">
+ <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro">
+ <link href="house.css" rel="stylesheet">
+ <title>About</title>
+</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>About</h2>
+
+ <div class="col">
+ <div style="width: 30%; text-align: justify; padding-right: 10px; border-right: 1px solid black;">
+ <h3>Webmaster</h3>
+ <p>radiohotline[at]disroot[dot]org - <a href="../radio.asc">PGP key</a></p>
+ <p>The more I try to outline who I am, the more I lose grasp.<sup>1</sup></p>
+ <p>
+ I'm an artist, musician, and programmer (I mainly use C), with a strong passion for music, computers (both CS and CE), experimental art, DIY, and other things.
+ I am a linguistics student and computer engineering dropout.
+ <br><br>
+ I love learning about everything. More persistent interests include: philosophy, music theory, literature, linguistics
+ (and anthropology, even though I despise mankind and what it made), cryptanalysis, video games and game development, animation, filmmaking (especially directing),
+ electronics, ham radio, dinosaurs, birdwatching, FOSS, and, of course, computers.
+ <br><br>
+ I'm also fascinated by categorization, data archives and collections of basically anything, tools, trinkets, mechanisms, and musical instruments.
+ A lot of my interests are off-shoots or combinations of each other, and my aspirations lay everywhere since my dream is to combine the things that
+ I enjoy doing into a valuable creation.
+ </p>
+ <hr>
+ <p class="j">
+ <sup>1</sup>
+ Fruit bled in the palm<br>
+ Streaking life across my skin<br>
+ I am real again<br>
+ </p>
+ <p>
+ <sup>2</sup>
+ <img src=img/teethinvitro.gif alt="Site button">
+ </p>
+ </div>
+
+ <div style="padding-left: 10px; width: 70%;">
+ <div style="height: 400px; margin-left: 30%; writing-mode: vertical-rl; text-orientation: mixed; text-align: justify; font-size: larger; line-height: 1;">
+ <p>Soft Machine<sup>2</sup> started in 2021 under the name "Randal", and was only populated in 2022 (where it became Teeth in Vitro) when it solely held the Nirvana page until the summer, when I decided to
+ reserve it for my portfolio. I promised it things that I never did. It was relaunched in 2024 as a much more
+ compact personal website with a modest beige version that you can find under /min<span class="bsq"></span> and the less terminal-friendly version that you are browsing, which is based on the typography in House of Leaves.
+ In late 2025, I began hosting the site off Neocities and the site adopted the name Soft Machine.
+ You pass by people every day and they don't leave an impression on you, and neither will I, but maybe I will leave a mark on the world as someone who merely
+ existed. <span style="font-weight: bold;">Aim:</span> Art and techy escapades, when I undertake the escapades. Essays may be shared if a topic lingers on my mind. Since 2025, the site began hosting my art.
+ </p>
+ </div>
+
+ <br><br>
+
+ <div id="buttons" style="text-align: center; padding-left: 40px; padding-right: 40px;">
+ <img src="img/blinkies/am.gif" alt="">
+ <img src="img/blinkies/bloodsucker.gif" alt="">
+ <img src="img/blinkies/figment.gif" alt="">
+ <img src="img/blinkies/fragile.gif" alt="">
+ <br>
+ <img src="img/blinkies/happy.gif" alt="">
+ <img src="img/blinkies/malpractice.gif" alt="">
+ <img src="img/blinkies/ohworm.gif" alt="">
+ <img src="img/blinkies/wug.gif" alt="">
+ <br>
+ <img src="img/stamps/5g.png" alt="">
+ <img style="width:99px; height:56px;" src="img/stamps/aotk.png" alt="">
+ <img src="img/stamps/bjork.gif" alt="">
+ <img src="img/stamps/cats.png" alt="">
+ <img src="img/stamps/citation.jpg" alt="">
+ <img src="img/stamps/evilkittens.png" alt="">
+ <br>
+ <img src="img/stamps/gointhedark.gif" alt="">
+ <img src="img/stamps/kafka.png" alt="">
+ <img src="img/stamps/orchid.png" alt="">
+ <img src="img/stamps/ranfren.gif" alt="">
+ <img src="img/stamps/thog.png" alt="">
+ <img src="img/stamps/wain.png" alt="">
+ </div>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/old/archive.html b/old/archive.html new file mode 100644 index 0000000..fe3f429 --- /dev/null +++ b/old/archive.html @@ -0,0 +1,55 @@ +<!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> diff --git a/old/art.css b/old/art.css new file mode 100644 index 0000000..9e5358d --- /dev/null +++ b/old/art.css @@ -0,0 +1,112 @@ +body {
+ background-color: #dbcdbe;
+ text-align: justify;
+ font-family: 'Courier New', Courier, monospace;
+ margin: 25px;
+}
+
+.art-container {
+ display: inline-flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ flex-grow: none;
+ align-items: center;
+ align-self: flex-start;
+ gap: 20px;
+}
+
+@media (min-width: 900px) {
+ .art {
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ .art-nav {
+ margin-left: 30%;
+ margin-right: 30%;
+ }
+
+ .art-container {
+ flex-direction: row;
+ }
+
+ .art-container img {
+ height: 300px;
+ width: auto;
+
+ }
+
+ .main {
+ margin-left: 100px;
+ margin-right: 100px;
+ display: flex;
+ flex-wrap: wrap;
+ }
+}
+
+@media (max-width: 400px) {
+ body {
+ margin-left: 15px;
+ margin-right: 15px;
+ font-size: 20px;
+ }
+
+ p, a, li {
+ font-size: 14pt;
+ }
+
+ p {
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ ul, ol {
+ text-align: left;
+ }
+
+ nav {
+ margin-left: 0px;
+ margin-right: 0px;
+ }
+
+ .art-container {
+ flex-direction: column;
+ }
+
+ .art-container img {
+ height: auto;
+ width: 80vw;
+ margin-left: 5vw;
+ margin-right: 5vw;
+ }
+}
+
+h1 {
+ font-family: Garamond, serif;
+ font-weight: normal;
+}
+
+h2 {
+ font-family: serif;
+ font-weight: 100;
+}
+
+h6 {
+ font-weight: bold;
+}
+
+p, li {
+ font-weight: 500;
+ line-height: 1.5;
+ font-family: Garamond, serif, DejaVu Sans Mono, DejaVu;
+}
+
+a {
+ color: #8F2037;
+ cursor: pointer;
+ font-family: 'Courier New', Courier, monospace;
+}
+
+a:active {
+ color: red;
+}
diff --git a/old/art.html b/old/art.html new file mode 100644 index 0000000..8616484 --- /dev/null +++ b/old/art.html @@ -0,0 +1,87 @@ +<!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> + <style> + .container { + padding: 0%; + } + + div { + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; + padding-right: 20px; + } + + div p { + position: absolute; + z-index: 2; + pointer-events: none; + font-family: 'Courier New', Courier, monospace; + } + + img { + width: 100px; + height: 100px; + } + </style> +</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>Archive</h3> + + <div class="container"> + <div> + <p>Doodles</p> + <a href="doodle.html"> + <img src="img/art/doodle.png" alt="Doodles"> + </a> + </div> + <div> + <p>Sketches</p> + <a href="sketch.html"> + <img src="img/art/sketch.jpg" alt="Sketches"> + </a> + </div> + <div> + <p style="background-color: rgba(255, 255, 255, 0.5);">Completed</p> + <a href="archive.html"> + <img src="img/art/full.jpg" alt="Complete"> + </a> + </div> + </div> + + <p>I post art on <a href="https://bsky.app/profile/softmachine.dev">Bluesky</a>.</p> + + <h3>Portfolio</h3> + + <p>WIP (I'll place some highlight pieces here)</p> +</body> +</html> diff --git a/old/books.html b/old/books.html new file mode 100644 index 0000000..e29811a --- /dev/null +++ b/old/books.html @@ -0,0 +1,108 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="house.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="The Weight of Comfort"> + <meta name="keywords" content="Personal, Music, Poetry, Radiohotline, Teethinvitro"> + <meta name="author" content="Radiohotline"> + <title>Library</title> + <style> + .flex { + flex-direction: row; + justify-content: center; + } + img { + height: 200px; + } + + li { + line-height: 1.5; + } + </style> +</head> +<body> + <nav> + <h1>Soft Machine</h1> + <span> + <a href="house.html">home</a>   + <a href="about.html">about</a>   + <a href="art.html">art</a>   + <a href="music.html">music</a>   + <a href="thoughts.html">thoughts</a>   + <a href="muse.html">muse</a>   + <a href="poetry.html">poetry</a>   + <a href="books.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + <h2>Library</h2> + <div class="col"> + <div style="width: 50%; border-right: 1px solid black;"> + <p><a href="https://www.goodreads.com/user/show/164235846-c">Goodreads</a> - <a href="https://letterboxd.com/tatami_room/">Letterboxd</a> - <a href="https://anilist.co/user/radiohotline/">AniList</a> - <a href="https://listenbrainz.org/user/falloftroy">Listenbrainz</a><sup>1</sup></p> + <h3>Currently Reading:</h3> + <ul> + <li>Bernando Zannoni - My Stupid Intentions</li> + <li>Jean Paul Sartre - Nausea</li> + <li>William S. Burroughs - Naked Lunch</li> + </ul> + <h3>On Hold:</h3> + <ul> + <li>Uketsu - Strange Pictures</li> + <li>Oscar Wilde - The Picture of Dorian Gray</li> + <li>Yevgeny Zamyatin - We</li> + <li>Fyodor Dostoevsky - Notes From Underground</li> + </ul> + <h3>Recently Finished:</h3> + <ul> + <li>Lewis Carroll - Alice's Adventures in Wonderland</li> + <li>Uketsu - Strange Houses</li> + <li>Sarah Kane - 4.48 Psychosis</li> + <li>Urs Allemann - Babyfucker</li> + </ul> + + <hr> + + <p class="j"><sup>1</sup>Maybe I should add music... After all, music is my favourite thing in the world.</p> + <p><sup>2</sup>Some favourites are ancient and could use a refresh. I shall see if they still hold the same impact.</p> + </div> + <div style="padding-left: 30px;"> + <h3>Favourite books<sup>2</sup></h3> + <div class="flex"> + <img src="img/lib/hol.jpeg" alt="House of Leaves - Mark Z. Danielewski"> + <img src="img/lib/necro.jpg" alt="The Necrophiliac - Gabrielle Wittkop"> + <img src="img/lib/acwo.jpg" alt="A Clockwork Orange - Anthony Burgess"> + <img src="img/lib/naked.jpg" alt="Naked Lunch - William S. Burroughs"> + <img src="img/lib/448.jpg" alt="4.48 Psychosis - Sarah Kane"> + <img src="img/lib/baby.jpg" alt="Babyfucker - Urs Allemann"> + <img src="img/lib/stranger.jpg" alt="The Stranger - Albert Camus"> + <img src="img/lib/alice.jpg" alt="Alice's Adventures in Wonderland - Lewis Carroll"> + <img src="img/lib/perfume.jpg" alt="Perfume: The Story of a Murderer - Patrick Süskind"> + <img src="img/lib/snake.jpg" alt="The Man Who Spoke Snakish - Andrus Kivirähk"> + <img src="img/lib/forgive.jpg" alt="Forgive Me, Leonard Peacock - Matthew Quick"> + <img src="img/lib/trans.jpg" alt="Enlightened Transsexual Comix - Sam Szabo"> + <img src="img/lib/punpun.jpg" alt="Oyasumi Punpun - Inio Asano"> + <img src="img/lib/girl.jpeg" alt="Girl on the Shore - Inio Asano"> + <img src="img/lib/child.jpg" alt="Child of God - Kyoudai Nishioka"> + <img src="img/lib/claudine.jpg" alt="Claudine - Ryoko Ikeda"> + </div> + <hr> + <h3>Favourite films</h3> + <div class="flex"> + <img src="img/film/angel.jpg" alt="Angel's Egg (1985)"> + <img src="img/film/clock.jpg" alt="A Clockwork Orange (1971)"> + <img src="img/film/martin.jpg" alt="Martin (1977)"> + <img src="img/film/dancer.jpg" alt="Dancer in the Dark (2000)"> + <img src="img/film/if.jpg" alt="If.... (1968)"> + <img src="img/film/maude.jpg" alt="Harold and Maude (1971)"> + <img src="img/film/planet.jpg" alt="La Planet Sauvage (1973)"> + <img src="img/film/little.jpg" alt="Little Miss Sunshine (2006)"> + <img src="img/film/theblacktower.jpg" alt="The Black Tower (1987)"> + </div> + </div> + </div> +</body> +</html> diff --git a/old/commission.html b/old/commission.html new file mode 100644 index 0000000..4d3d128 --- /dev/null +++ b/old/commission.html @@ -0,0 +1,239 @@ +<!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> + <style> + .container { + padding: 0%; + } + + div { + text-align: center; + } + + p, li { + text-align: left; + } + + img { + width: 100px; + height: 100px; + } + + li { + margin: 20px 0; + } + + table { + /*empty-cells: hide;*/ + margin-left: auto; + margin-right: auto; + } + + table, th, td { + border: 1px solid black; + border-collapse: collapse; + } + + th, td { + padding: 10px; + } + + @media (max-width: 400px) { + img { + width: 150px; + height: 150px; + } + + div { + display: inline-block; + } + } + </style> +</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>Commissions (Currently Closed)</h2> + + <h3>WIP page. Images and prices will be added by next summer.</h3> + + <p>Commissions are paid for through <a href="https://coff.ee/teethinvitro">Buy Me A Coffee</a>.</p> + + <div class="container"> + <h3>Character Art/Portraiture</h3> + <p>Art of humanoids in a semirealistic or cartoon style (specify)</p> + <p>Formula: base + [(no. of subjects - 1) * 0.5 * base] + bg</p> + + <h4>Traditional</h4> + + <table> + <tr> + <td></td> + <th>Sketch</th> + <th>Lineart</th> + <th>Rendered</th> + </tr> + <tr> + <th>Bust/Icon</th> + </tr> + <tr> + <th>Halfbody</th> + </tr> + <tr> + <th>Fullbody</th> + </tr> + </table> + + <h4>Digital</h4> + + <table> + <tr> + <td></td> + <th>Sketch</th> + <th>Lineart</th> + <th>Rendered</th> + </tr> + <tr> + <th>Bust/Icon</th> + </tr> + <tr> + <th>Halfbody</th> + </tr> + <tr> + <th>Fullbody</th> + </tr> + </table> + + <ul> + <li>An additional subject costs an additional %50 of the base price (i.e. price of one character as specified above).</li> + <li>Simple backgrounds such as patterns or backdrops with low detail cost between $1 and $5 depending on the size of the drawing and the complexity.</li> + # image examples + <li>For even larger or more complex backgrounds see <a href="#landscape">Landscape</a>.</li> + </ul> + </div> + <br><br> + <div class="container"> + <h3>MS Paint</h3> + <p>Art made in Microsoft Paint</p> + <p>Small ≤ 500px × 500px < Large</p> + + <table> + <tr> + <td></td> + <th>Small drawing</th> + <th>Large drawing</th> + <th>Small painting</th> + <th>Large painting</th> + </tr> + <tr> + <th>Portrait</th> + <td>lineart<br>colored</td> + <td>lineart<br>colored</td> + </tr> + <tr> + <th>Landscape</th> + </tr> + <tr> + <th>Both</th> + </tr> + </table> + + <h4>TuxPaint</h4> + <p>Art made in TuxPaint</p> + <p>Same prices as above table</p> + </div> + <br><br> + <div class="container"> + <h3 id="landscape">Landscape</h3> + + <table> + <tr> + <td></td> + <th>Traditional</th> + <th>Digital</th> + </tr> + <tr> + <th>Lineart</th> + </tr> + <tr> + <th>Rendered</th> + </tr> + </table> + + <br><br> + <h3>Collector Artwork (limited)</h3> + <p>You can commission an original piece of artwork (a drawing or a painting), and I will send it to you.</p> + <p>You may specify elements or colour palettes or request a commission without restrictions.</p> + </div> + <br><br> + + <div class="container"> + <h3>Commercial Work</h3> + <ul> +<li>The cost of a commercial commission equals the price of a personal commission plus a fixed base for usage rights depending on artwork type.</li> + <li>Commercial commissions I may take include the following:</li> + <ul> + <li>Creator artwork: banners, icons, etc. for streamers and similar</li> + <li>Art for independent zines</li> + <li>Poster art elements for small music venues and gigs</li> + <li>Album artwork</li> + <li>Book cover artwork or similar</li> + </ul> +</ul> + </div> + <br><br> + <hr> + <h3>Terms of Service</h3> + <h4>General terms</h4> + <ul> + <li>Commission prices may be higher than listed depending on the complexity of the work requested.</li> + <li>I retain the right to reject an order for any reason.</li> + </ul> + <h4>Payment</h4> + <ul> + <li>Payments are done through BuyMeACoffee (linked above) and in USD.</li> + <li>I will first send a sketch when I accept the commission, and you may pay 50% of the total price as confirmation. When the work is completed, I will send a preview, and you may pay the remaining 50% as confirmation. You may request a refund up until the sketch stage.</li> + <li>Please do not pay until I have accepted the commission and given you a slot. I will provide an ID for the commission for you to use during payment.</li> + </ul> + <h4>Process and Delivery</h4> + <ul> + <li>The time it takes to complete a commission may vary, but I can generally complete an order within a week <i>after making a sketch</i>. The time at which I start will depend on how many commissions I have taken. I may cancel the order if special circumstances occur, such as travel or illness. I will refund the order in that case.</li> + <li>When the commission is complete, I will email you the full-resolution image as a PNG or your preferred lossless format.</li> + </ul> + <h4>Revisions</h4> + <ul> + <li>Minor changes (fixing errors, touching up the work, coloring changes, etc) to the commissioned work are free. Major changes (such as recreating a rendered background) that take more than an hour to do will cost up to %50 additional money depending on the workload. If the change is a result of a misunderstanding on my end (i.e. misreading or misinterpreting the written directions), there will be no extra costs.</li> + </ul> + <h4>Licensing and Usage</h4> + <ul> + <li>You may not use a personally commissioned work for commercial purposes, such as in a product, to resell, to redistribute (standalone or as a part of a product, such as a book or poster), or any other forms of profit without my permission.</li> + <li>Personal usage is allowed, such as in icons, banners, ArtFight pages (with credit), posting online (with credit), printing for personal use (no mass printing), etc., i.e. usage that does not earn you money.</li> + <li>For commercial commissions, full attribution is required, and the work may not be resold or redistributed as standalone.</li> + <li>You may not claim the commissioned piece as your own work.</li> + <li>You may not alter the commissioned piece and redistribute it without my permission.</li> + <li>I will most likely share the commission (low res) here on my portfolio, so let me know if you do not want me to do so.</li> + </ul> +</body> +</html> diff --git a/old/crt index.css b/old/crt index.css new file mode 100644 index 0000000..962a796 --- /dev/null +++ b/old/crt index.css @@ -0,0 +1,160 @@ +@keyframes flicker { + 0% { + opacity: 0.27861; + } + 5% { + opacity: 0.34769; + } + 10% { + opacity: 0.23604; + } + 15% { + opacity: 0.90626; + } + 20% { + opacity: 0.18128; + } + 25% { + opacity: 0.83891; + } + 30% { + opacity: 0.65583; + } + 35% { + opacity: 0.67807; + } + 40% { + opacity: 0.26559; + } + 45% { + opacity: 0.84693; + } + 50% { + opacity: 0.96019; + } + 55% { + opacity: 0.08594; + } + 60% { + opacity: 0.20313; + } + 65% { + opacity: 0.71988; + } + 70% { + opacity: 0.53455; + } + 75% { + opacity: 0.37288; + } + 80% { + opacity: 0.71428; + } + 85% { + opacity: 0.70419; + } + 90% { + opacity: 0.7003; + } + 95% { + opacity: 0.36108; + } + 100% { + opacity: 0.24387; + } +} +/*@keyframes textShadow { + 0% { + text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 5% { + text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 10% { + text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 15% { + text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 20% { + text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 25% { + text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 30% { + text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 35% { + text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 40% { + text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 45% { + text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 50% { + text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 55% { + text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 60% { + text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 65% { + text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 70% { + text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 75% { + text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 80% { + text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 85% { + text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 90% { + text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 95% { + text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 100% { + text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + +.crt::after { + content: " "; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(18, 16, 16, 0.1); + opacity: 0; + z-index: 2; + pointer-events: none; + animation: flicker 0.15s infinite; +} +.crt::before { + content: " "; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); + z-index: 2; + background-size: 100% 2px, 3px 100%; + pointer-events: none; +} +.crt { + animation: textShadow 1.6s infinite; +} diff --git a/old/doodle.html b/old/doodle.html new file mode 100644 index 0000000..57d4ecc --- /dev/null +++ b/old/doodle.html @@ -0,0 +1,203 @@ +<!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>Doodles</h3> + + <div class="art-container"> + <h4>2025</h4> + <img loading="lazy" src="img/art/2025/s2.jpg"> + <img loading="lazy" src="img/art/2025/s3.jpg"> + <img loading="lazy" src="img/art/2025/s4.jpg"> + <img loading="lazy" src="img/art/2025/h1.jpg"> + <img loading="lazy" src="img/art/2025/h2.jpg"> + <img loading="lazy" src="img/art/2025/h3.jpg"> + <img loading="lazy" src="img/art/2025/h4.jpg"> + <img loading="lazy" src="img/art/2025/h5.jpg"> + <img loading="lazy" src="img/art/2025/gen.jpg"> + <img loading="lazy" src="img/art/2025/gen2.jpg"> + <img loading="lazy" src="img/art/2025/girl.jpg"> + <img loading="lazy" src="img/art/2025/girls.jpg"> + <img loading="lazy" src="img/art/2025/grenoille.jpg"> + <img loading="lazy" src="img/art/2025/gren.jpg"> + <img loading="lazy" src="img/art/2025/chan.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190837.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190555.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190527.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190516.jpg"> + <img loading="lazy" src="img/art/2025/website.png"> + <h4>2024</h4> + <img loading="lazy" src="img/art/2024/weenergender.png"> + <img loading="lazy" src="img/art/2024/thething.png"> + <img loading="lazy" src="img/art/2024/theprotag.png"> + <img loading="lazy" src="img/art/2024/the experience.png"> + <img loading="lazy" src="img/art/2024/stars.png"> + <img loading="lazy" src="img/art/2024/skin.png"> + <img loading="lazy" src="img/art/2024/skedaddleaway.png"> + <img loading="lazy" src="img/art/2024/TIME.png"> + <img loading="lazy" src="img/art/2024/poster texture cool.jpg"> + <img loading="lazy" src="img/art/2024/my wires.png"> + <img loading="lazy" src="img/art/2024/molochhelp.gif"> + <img loading="lazy" src="img/art/2024/molochand me.gif"> + <img loading="lazy" src="img/art/2024/moldoodles.png"> + <img loading="lazy" src="img/art/2024/mithrundoodle.png"> + <img loading="lazy" src="img/art/2024/mithrun3.jpg"> + <img loading="lazy" src="img/art/2024/mithrun2.jpg"> + <img loading="lazy" src="img/art/2024/mithrun.GIF"> + <img loading="lazy" src="img/art/2024/lips.png"> + <img loading="lazy" src="img/art/2024/laiosSHIRT.jpg"> + <img loading="lazy" src="img/art/2024/jig.gif"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224938.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224932.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224926.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224814.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224815.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224914.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224904.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224835.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224828.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224758.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224657.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224638.jpg"> + <img loading="lazy" src="img/art/2024/ill.png"> + <img loading="lazy" src="img/art/2024/guts.png"> + <img loading="lazy" src="img/art/2024/gregemup.png"> + <img loading="lazy" src="img/art/2024/godot.png"> + <img loading="lazy" src="img/art/2024/gamedoodles.png"> + <img loading="lazy" src="img/art/2024/die.png"> + <img loading="lazy" src="img/art/2024/d.png"> + <img loading="lazy" src="img/art/2024/wegh.png"> + <img loading="lazy" src="img/art/2024/cant.png"> + <img loading="lazy" src="img/art/2024/and your relationships will fall apart c.png"> + <img loading="lazy" src="img/art/2024/2024 - Jan 23.jpg"> + <img loading="lazy" src="img/art/2024/2024 - Jan23 googles.png"> + <img loading="lazy" src="img/art/2024/2024 - Feb2.jpg"> + <h4>2023</h4> + <img loading="lazy" src="img/art/2023/whathehell.png"> + <img loading="lazy" src="img/art/2023/whatami.png"> + <img loading="lazy" src="img/art/2023/weird girl.png"> + <img loading="lazy" src="img/art/2023/update.png"> + <img loading="lazy" src="img/art/2023/typing.png"> + <img loading="lazy" src="img/art/2023/thoughts.png"> + <img loading="lazy" src="img/art/2023/the me tunrb 3.png"> + <img loading="lazy" src="img/art/2023/spaghettblur2.png"> + <img loading="lazy" src="img/art/2023/Sleep.png"> + <img loading="lazy" src="img/art/2023/September18 3.jpg"> + <img loading="lazy" src="img/art/2023/September18 2.jpg"> + <img loading="lazy" src="img/art/2023/September18 1.jpg"> + <img loading="lazy" src="img/art/2023/September18.jpg"> + <img loading="lazy" src="img/art/2023/September 4.png"> + <img loading="lazy" src="img/art/2023/scdumbrella.png"> + <img loading="lazy" src="img/art/2023/philosophy.png"> + <img loading="lazy" src="img/art/2023/person.png"> + <img loading="lazy" src="img/art/2023/people.png"> + <img loading="lazy" src="img/art/2023/November 2 2.jpg"> + <img loading="lazy" src="img/art/2023/momsjacket2.png"> + <img loading="lazy" src="img/art/2023/minmax.png"> + <img loading="lazy" src="img/art/2023/meshakeart.gif"> + <img loading="lazy" src="img/art/2023/me reference.png"> + <img loading="lazy" src="img/art/2023/me1.png"> + <img loading="lazy" src="img/art/2023/lighter.png"> + <img loading="lazy" src="img/art/2023/klaabu.jpg"> + <img loading="lazy" src="img/art/2023/June14 - dump2.jpg"> + <img loading="lazy" src="img/art/2023/jan29.png"> + <img loading="lazy" src="img/art/2023/inanna.png"> + <img loading="lazy" src="img/art/2023/imtheworst.png"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224346.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224336.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224332.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20231214_095534_edit_61702316709854.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224150.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224151.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230423_095740_edit_386787025095667.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230224_082257_edit_195344615689983.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230224_082251_edit_195280928687909.jpg"> + <img loading="lazy" src="img/art/2023/hylics looking ass.png"> + <img loading="lazy" src="img/art/2023/halftone.png"> + <img loading="lazy" src="img/art/2023/hair.png"> + <img loading="lazy" src="img/art/2023/gregsplat2.png"> + <img loading="lazy" src="img/art/2023/gregdespair2.png"> + <img loading="lazy" src="img/art/2023/goodday.png"> + <img loading="lazy" src="img/art/2023/girly.png"> + <img loading="lazy" src="img/art/2023/gegheff.png"> + <img loading="lazy" src="img/art/2023/gah.png"> + <img loading="lazy" src="img/art/2023/fursona.png"> + <img loading="lazy" src="img/art/2023/funkyproportions.png"> + <img loading="lazy" src="img/art/2023/fuckedup.png"> + <img loading="lazy" src="img/art/2023/freak.png"> + <img loading="lazy" src="img/art/2023/estshirt2.png"> + <img loading="lazy" src="img/art/2023/estoniapride.png"> + <img loading="lazy" src="img/art/2023/duckfull.png"> + <img loading="lazy" src="img/art/2023/distraught.png"> + <img loading="lazy" src="img/art/2023/departure.png"> + <img loading="lazy" src="img/art/2023/December18.jpg"> + <h4>Stout .. Identity Start</h4> + <img loading="lazy" src="img/art/2023/Dec 15.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 1.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 2.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 3.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 4.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 5.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 6.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 7.jpg"> + <h4>Stout ... Identity End</h4> + <img loading="lazy" src="img/art/2023/deal.png"> + <img loading="lazy" src="img/art/2023/coolending.png"> + <img loading="lazy" src="img/art/2023/compeeter.png"> + <img loading="lazy" src="img/art/2023/circle.png"> + <img loading="lazy" src="img/art/2023/catboyreigenfixed.png"> + <img loading="lazy" src="img/art/2023/can't find it.png"> + <img loading="lazy" src="img/art/2023/brutal.png"> + <img loading="lazy" src="img/art/2023/break.png"> + <img loading="lazy" src="img/art/2023/aoigarasudama.png"> + <img loading="lazy" src="img/art/2023/anatomysketches.png"> + <h4>2022</h4> + <img loading="lazy" src="img/art/2022/TabletTestCrop1.png"> + <img loading="lazy" src="img/art/2022/signed.png"> + <img loading="lazy" src="img/art/2022/IMG_20230703_204745.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20230703_204841.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_224600.jpg"> + <img loading="lazy" src="img/art/2022/linkdoodle.jpg"> + <h5>Comic start</h5> + <img loading="lazy" src="img/art/2022/IMG_20240718_223338.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223342.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223347.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223352.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223357.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223400.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223403.jpg"> + <h5>Comic end</h5> + <img loading="lazy" src="img/art/2022/IMG_20221019_220521_edit_150902434438431.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20220411_202438.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20220411_165337.jpg"> + <img loading="lazy" src="img/art/2022/kaiba.jpg"> + <h4>2021</h4> + <img loading="lazy" src="img/art/2021/Aubreyfull.jpg"> + </div> +</body> +</html> diff --git a/old/house.css b/old/house.css new file mode 100644 index 0000000..f48fe86 --- /dev/null +++ b/old/house.css @@ -0,0 +1,80 @@ +h1, h2, h3, h4, h5, h6, p, li { + font-family: 'Times New Roman', Times, serif; +} + +.j { + font-family: 'Courier New', Courier, monospace; +} + +.m { + text-decoration: line-through; + color: red; +} + +.p { + text-decoration: line-through; + color: purple; +} + +.b { + color: blue; +} + +a { + color: blue; +} + +a:active { + color: red; +} + +.bsq { + width: 200px; + height: 200px; + background-color: black; + float: left; + shape-outside: square(50%); + display: block; + margin-bottom: 5px; + margin-right: 5px; + border: 2px solid blue; +} + +.blsq { + width: 200px; + height: 200px; + transform:rotateY(180deg); + -webkit-transform:rotateY(180deg); + -moz-transform:rotateY(180deg); + -o-transform:rotateY(180deg); + -ms-transform:rotateY(180deg); + border: 2px solid blue; + float: left; + overflow: scroll; + text-align: justify; + margin-right: 5px; + margin-top: 5px; + padding: 0px; +} + +.col { + display: flex; + word-wrap: break-word; +} + +.udown { + transform:rotateX(180deg); + -webkit-transform:rotateX(180deg); + -moz-transform:rotateX(180deg); + -o-transform:rotateX(180deg); + -ms-transform:rotateX(180deg); +} + +.minpass span { + color: red; + text-decoration: line-through; +} + +body { + margin: 20px; +}
\ No newline at end of file diff --git a/old/house.html b/old/house.html new file mode 100644 index 0000000..63dadf2 --- /dev/null +++ b/old/house.html @@ -0,0 +1,102 @@ +<!DOCTYPE HTML>
+<html>
+<head>
+ <link href="house.css" rel="stylesheet">
+ <link href="https://softmachine.dev/rss.xml/" rel="alternate" type="application/rss+xml" title="Soft Machine's RSS Feed" />
+ <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>Soft Machine | House</title>
+</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 id="home">Home</h2>
+
+ <script>
+ (function house() {
+ var words = ['Huis','Strehë','منزل','Տուն','Etxe','বাডি','Къща','Casa','ផទហ','房子','Kuća','Dům','Hus','Huis','House','Maja','Talo','Maison','სახლი','Haus','Σπίτι','ઘર','בית','घर','Ház','Hús','Rumah','Teach lán','Casa','家','Omah','집','Domum','Māja','Namas','Куќа','Rumah','വീട','Dar','Whare','घर','Байшин','घर','Hus','خانه','Dom','Casa','ਘਰ','Casă','Дом','Fale','Кућу','Dom','Hiša','Casa','Nyumba','Hus','வடு','Йорт','ఇలలు','บาน','Fale','Ev','Будинок','گھر','Uy','Căn nhà','Letya’','Indlu'];
+ var random = Math.floor(Math.random() * words.length);
+ document.getElementById('home').innerHTML = words[random];
+ })();
+ </script>
+
+ <p style="font-style:italic; text-align: center;">
+ “Little solace comes<br>
+ to those who grieve<br>
+ when thoughts keep drifting<br>
+ as walls keep shifting<br>
+ and this great blue world of ours<br>
+ seems a <span style="color:blue">house</span> of leaves<br>
+ moments before the wind.”
+ <br>
+ <span style="font-size:smaller">- Zampanò, Mark <span style="color:blue">Z.</span> Danielewski</span>
+ </p>
+
+ <br>
+
+ <div class="col">
+ <div style="flex: 0.5; width: 100px; text-align: justify; padding-right: 10px; border-right: 1px solid black;">
+ <b class="j">Updates:</b>
+
+ <ul class="j" style="padding-left: 5px;">
+ <li>04/02/26 - Added Bluesky link</li>
+ <li>12/01/26 - Added tor and i2p mirrors</li>
+ <li>10/01/26 - Added The Black Tower to /books</li>
+ <li>07/01/26 - Added BuyMeACoffee to /music; added Claudine to /books; added updates block</li>
+ <li><a href="rss.xml">RSS Feed</a></li>
+ </ul>
+
+ <p>Sign the <a href="https://teeth.atabook.org/">guestbook</a>?</p>
+ </div>
+ <div style="flex: 3; padding-left: 10px;">
+ <div class="blsq" style="padding: 5px;">
+ <img src="img/buttons/apples.png" alt="">
+ <img src="img/buttons/bestview.gif" alt="">
+ <img style="width:88px; height:31px;" src="img/buttons/evil.gif" alt="">
+ <a href="https://sitcomtheory.org/"><img style="width:88px; height:31px;" src="img/buttons/sitcombutton.gif" alt="sitcomtheory.org"></a>
+ <img src="img/buttons/homestar.gif" alt="">
+ <a href="https://wiredcollective.neocities.org/webring"><img src="https://wiredcollective.neocities.org/webringimages/wiredcollectivebutton.png" alt="WIRED COLLECTIVE WEBRING"></a>
+ <img src="img/buttons/sharewareplease.gif" alt="">
+ <img src="img/buttons/thirdimpact.png" alt="">
+ <a href="https://publictransit.neocities.org/"><img src="img/buttons/transit.gif" alt="publictransit.neocities.org"></a>
+ <a href="https://dhmo.org/"><img style="width:88px; height:31px;" src="img/buttons/dhmo.png" alt="dhmo.org"></a>
+ <img style="width:88px; height:31px;" src="img/buttons/void.gif" alt="">
+ <img style="width:88px; height:31px;" src="img/buttons/xenia.gif" alt="">
+ <a href="https://theanarchistlibrary.org/special/index"><img style="width:88px; height:31px;" src="img/buttons/anarchist_lib.png" alt="theanarchistlibrary.org"></a>
+ <a href="https://archive.org"><img style="width:88px; height:31px;" src="img/buttons/archive.gif" alt="archive.org"></a>
+ <a href="https://zapatopi.net/treeoctopus/"><img style="width:88px; height:31px;" src="img/buttons/treeoctopus.png" alt="zapatopi.net/treeoctopus"></a>
+ <img style="width:88px; height:31px;" src="img/buttons/urappin.png" alt="">
+ <a href="https://crouton.net/"><img style="width:88px; height:31px;" src="img/buttons/crouton.png" alt="crouton.net"></a>
+ <img style="width:88px; height:31px;" src="img/buttons/furby.jpg" alt="">
+ <img style="width:88px; height:31px;" src="img/buttons/templeos.png" alt="">
+ <img style="width:88px; height:31px;" src="img/buttons/budgie.gif" alt="">
+ </div>
+
+ <p>
+ Do you remember the taste of your mother's flesh? Do you remember the smell of the angel's milk? Do you remember the metal joints that were once your bones? Do you remember the sound of the thunder that was once your heart? The ivory is the amalgam in your teeth. The flowers sit between the tangled strands of your perfumed hair. Your mother has long been dead, but her mass remains hidden in the overgrown and forgotten realm of your home, with rusted pipes still extending from the meat. You opened your eyes a thousand years ago, but have only blinked today, moisturizing your eyes for the first time and with it storing your memories in the record. You begin a new life everyday if you have no attachment to anything. Every item left behind is reborn every hour. Nothing holds the traces of your touch anymore. Everything around you has become a faded and swirling mess, floating like gas that carries you with ease. You are heavy. You are light. You do not know grief, but you know warmth. You knew one warmth. It is now cold all around you. You do not know if you are lost or at your new home. You do not care to know. You look up to the saturated blue sky, and it returns your glimpse with a blinding beam of red light. You have a feeling that the beam was once a white bundle of rays that softly painted your surroundings, but you can never be sure. With each passing day, you bury more of the past under the soft and wet clumps of soil that make up your world. You continue to crawl towards a God you wish to find. It is all you have.
+ </p>
+ <a href="https://d75i6wrgammbirodhv7fpulpko3jea3tb7qjjivf3kc6ohaambmptsad.onion">tor</a>  
+ <a href="http://softmachine.i2p/">i2p</a>
+ <a rel="me" href="https://tech.lgbt/@electronicwizard"></a>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/old/index.html b/old/index.html new file mode 100644 index 0000000..e4e5d01 --- /dev/null +++ b/old/index.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="UTF-8"> + <meta name="description" content="The Weight of Comfort"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro"> + <meta name="author" content="Radiohotline"> + <meta http-equiv="refresh" content="0; url=https://softmachine.dev/" /> + <style> + html { + min-height: 100%; + box-shadow: inset 0 0 300px #000, inset 0 0 120px #000, inset 0 0 80px #000; + } + body { + background-image: url(img/bg/insert.png); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + background-position: center; + text-align: center; + font-size: 50pt; + } + p { + text-shadow: 0 0 20px black, 0 0 0.2em black; + color: #fff + } + a { + color: #ac233f; + font-size: 35pt; + text-shadow: 2px 0 #dbcdbe, -2px 0 #dbcdbe, 0 2px #dbcdbe, 0 -2px #dbcdbe, + 1px 1px #dbcdbe, -1px -1px #dbcdbe, 1px -1px #dbcdbe, -1px 1px #dbcdbe; + } + </style> + <title>Soft Machine</title> +</head> +<body> + <br> + <p style="z-index: 1;">moved</p> + + <p style="color:grey; font-size: 14px;">Updated: 2026-02-16 20:36:22</p> + + <a href="https://softmachine.dev">>> redirect</a> +</body> +</html> diff --git a/old/indexold.html b/old/indexold.html new file mode 100644 index 0000000..29a2caf --- /dev/null +++ b/old/indexold.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html> +<head> + <style> + html { + min-height: 100%; + box-shadow: inset 0 0 300px #000, inset 0 0 120px #000, inset 0 0 80px #000; + } + body { + background-image: url(img/bg/insert.png); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + background-position: center; + text-align: center; + font-size: 50pt; + } + p { + text-shadow: 0 0 20px black, 0 0 0.2em black; + color: #fff + } + a { + color: #ac233f; + font-size: 35pt; + text-shadow: 2px 0 #dbcdbe, -2px 0 #dbcdbe, 0 2px #dbcdbe, 0 -2px #dbcdbe, + 1px 1px #dbcdbe, -1px -1px #dbcdbe, 1px -1px #dbcdbe, -1px 1px #dbcdbe; + } + </style> + <meta http-equiv="refresh" content="0; url=https://softmachine.dev/"> + <link href="crt index.css" rel="stylesheet"> + <title>the weight of comfort</title> +</head> +<body> + <br> + <p style="z-index: 1;">teeth in vitro</p> + <!-- + <p style="color:grey; position: absolute; left: 30%; top: 19%; z-index: -1;">lorem ipsum dolor sit amet</p> + --> + <a href="house.html">>> proceed</a> +</body> +</html> diff --git a/old/links.html b/old/links.html new file mode 100644 index 0000000..974f9df --- /dev/null +++ b/old/links.html @@ -0,0 +1,254 @@ +<!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, Art, Radiohotline, Teethinvitro"> + <meta name="author" content="Radiohotline"> + <title>Links</title> + <style> + .sub { + margin-left: 10%; + } + + .list p { + font-family: 'Courier New', Courier, monospace; + } + + h3 { + text-decoration: line-through; + color: purple; + } + </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> + <div class="col"> + <div style="width: 1200px;" class="list"> + <h2>Links</h2> + + + <h3>Webrings</h3> + + <div id='nixring' style="display: inline-block; padding-right: 5px;"> + <script defer src="https://teethinvitro.neocities.org/webring/linuxring/ring.js" data-icon="tux"> + </div> + + <div style="display:inline-block;"> + <script src="https://lambchapel.neocities.org/ring/beepbox/ring.js"></script> + </div> + + <a style="display:inline-block;" href="https://wiredcollective.neocities.org/webring"><img src="https://wiredcollective.neocities.org/webringimages/wiredcollectivebutton.png" alt="WIRED COLLECTIVE WEBRING"></a> + + <h3>Useful websites</h3> + <h4>Misc</h4> + <p><a href="https://sapphic-cafe.neocities.org/links">sapphic-cafe.neocities.org</a> - Her link directory is great.</p> + <p><a href="https://www.omniglot.com/">omniglot.com</a> - Encyclopedia of world languages.</p> + <p><a href="https://geminiprotocol.net/">geminiprotocol.net</a> - Minimal internet protocol.</p> + <p><a href="https://ocw.mit.edu">MIT OpenCourseWare</a> - Free university-level courses on a diverse range of subjects.</p> + <br> + + <h4>Archives</h4> + <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="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> + <br> + + <h4>Lifestyle</h4> + <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> + + <h4>Technology</h4> + <h5>⤷ Information/Guides</h5> + <div class="sub"> + <p><a href="https://cat-v.org/">cat-v.org</a> - The beauty of simplicity, peppered with elitism. Join the Plan 9 cult.</p> + <p><a href="https://suckless.org">suckless.org</a> - Minimalist software (and good lists of software).</p> + <p><a href="https://digdeeper.club/">digdeeper.club</a> - Privacy essentials in a world of sureveillance.</p> + <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://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> + </div> + + <h5>⤷ Operating Systems</h5> + <div class="sub"> + <p><a href="https://alpinelinux.org/">alpinelinux.org</a> - Lightweight musl-based Linux distro.</p> + <p><a href="https://9front.org/">9front.org</a> - Plan 9 fork with improvements.</p> + <p><a href="https://kolibrios.org/en/">kolibrios.org</a> - Super lightweight operating system.</p> + <p><a href="https://antixlinux.com/">antixlinux.com</a> - Lightweight Linux distro.</p> + </div> + + <h5>⤷ Tools</h5> + <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://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> + + <h5>⤷ Archives and Collections (Tech)</h5> + <div class="sub"> + <p><a href="https://www.myabandonware.com/">myabandonware.com</a> - Retro software preservation.</p> + <p><a href="https://www.reddit.com/r/Piracy/wiki/megathread/">/r/Piracy megathread</a> - What it says on the tin.</p> + <p><a href="https://fmhy.net/">fmhy.net</a> - Free Media Heck Yeah: a large collection of free and pirated stuff.</p> + <p><a href="https://myrient.erista.me/">myrient.erista.me</a> - Huge retro game archive for numerous consoles.</p> + </div> + + <br> + + <h4>Music</h4> + <p><a href="https://www.slsknet.org/news/">slsknet.org</a> - P2P music sharing network.</p> + <p><a href="https://www.circuitbenders.co.uk/">circuitbenders.co.uk</a> - How to circuit bend instruments.</p> + <p><a href="https://circuitbending.miraheze.org">circuitbending.miraheze.org</a> - More circuitbending.</p> + <p><a href="https://buildyourownclone.com/">buildyourownclone.com</a> - Build DIY guitar pedal clones.</p> + <p><a href="https://musicfromouterspace.com/">musicfromouterspace.com</a> - Analog synthesizer schematics by the legendary Ray Wilson.</p> + <p><a href="https://sdiy.info/">sdiy.info</a> - Synth DIY wiki with numerous resources.</p> + <p><a href="https://everynoise.com/">everynoise.com</a> - Music genre scatterplot with examples.</p> + <p><a href="https://www.radio.garden/browse">radio.garden</a> - Tune in to any (online) radio station.</p> + + <br> + + <h3>Cool websites</h3> + <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://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> + <p><a href="https://iwillneverbehappy.neocities.org">iwillneverbehappy.neocities.org</a> - Lovely writing.</p> + <p><a href="https://100r.ca">100r.ca</a> - Artistic software ... that also runs on Plan 9!</p> + <p><a href="https://analognowhere.com/">analognowhere.com</a> - Art and comics for the technologically enlightened.</p> + <p><a href="https://kaa.neocities.org/">kaa.neocities.org</a> - A little bit of everything.</p> + <p><a href="https://lambchapel.neocities.org/">lambchapel.neocities.org</a> - Candy in the realms of webdev and chiptune music. Cute art and poignant writing.</p> + <p><a href="https://mouseling.net/">mouseling.net</a> and related sites - Passions that draw in the unacquainted easily, notably vkei.<p> + <p><a href="https://psychicnewborn.neocities.org/">psychicnewborn.neocities.org</a> - You'll have to see for yourself.<p> + <p><a href="https://mamacroon.neocities.org/">mamacroon.neocities.org</a> - Striking traditional art.</p> + <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://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> + <p><a href="https://interconnection.neocities.org/">interconnection.neocities.org</a> - Isn't life beautiful?</p> + <p><a href="https://allways.neocities.org/">allways.neocities.org</a> - House Of Leaves-inspired personal site.</p> + <p><a href="https://yaster.neocities.org/">yaster.neocities.org</a> - T4T lesbian comics with a beautiful artstyle.<p> + + <br> + + <div style="text-align: center;"> + <img src="img/objects/ducks.gif" alt="3D GIF of a duck and her ducklings."> + </div> + </div> + + <div style="width: 20%; text-align: justify; padding-left: 10px; border-left: 1px solid black; font-size: small;" class="udown"> + <p> +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis sem rutrum ligula blandit auctor ac at felis. Vestibulum ultricies mi ante, a lacinia eros cursus a. Quisque nisi turpis, sollicitudin ac erat vel, condimentum tempor libero. Vivamus in odio vitae arcu gravida aliquam. Nunc egestas ligula at blandit commodo. Pellentesque lorem neque, tristique sit amet ultricies ac, ultricies at sapien. Cras sed enim nec nunc convallis hendrerit porttitor semper lectus. + +Nunc placerat leo et nunc pharetra tincidunt. Vestibulum sed hendrerit mauris. Nunc ut nisi eget est commodo feugiat in eu urna. Maecenas elementum maximus sollicitudin. Duis non dolor pellentesque, facilisis elit sed, sodales metus. Nulla dui augue, convallis id mauris vitae, lobortis dapibus ipsum. Vivamus viverra efficitur vestibulum. + +Vivamus eleifend neque nec ante posuere, quis pretium turpis varius. Sed tincidunt enim placerat ante euismod lacinia. Praesent massa lacus, dapibus nec commodo vitae, auctor sed urna. Curabitur et suscipit nibh. In tincidunt fermentum est vitae rhoncus. Sed quis urna felis. Nulla vitae ipsum ut metus maximus aliquet sit amet id sem. Duis purus mauris, iaculis id quam suscipit, malesuada posuere ipsum. + +Morbi ipsum neque, sodales pretium commodo eget, mattis eget dui. Nunc rhoncus purus vel efficitur tristique. Aliquam libero dolor, rutrum ut lorem id, maximus auctor mauris. Suspendisse commodo purus vel risus iaculis accumsan. Fusce iaculis elit dolor, eget aliquet ex ultrices sed. Donec a pharetra mi. Nulla et feugiat nulla. Fusce congue quam id sollicitudin posuere. Ut tempus, arcu in vulputate imperdiet, elit tortor laoreet mi, vel vehicula sapien orci vel nunc. Nam sollicitudin ultricies libero at aliquet. Ut consectetur posuere massa condimentum cursus. + +Nam posuere nibh elit, et sagittis neque suscipit id. Sed dolor urna, faucibus a nisl ac, ultrices sodales magna. Ut luctus lectus eu augue porta, non vulputate libero porttitor. Donec velit nisl, finibus ac egestas et, gravida non tellus. Etiam hendrerit cursus purus, quis gravida ipsum porta id. Praesent interdum consectetur maximus. Aliquam faucibus id lorem at tincidunt. + +Cras laoreet tincidunt ante, sed porttitor turpis scelerisque eget. In eu metus mollis, pharetra est id, blandit sem. Vivamus at magna imperdiet, congue tellus ac, vestibulum nisi. Donec dignissim auctor auctor. Pellentesque mattis hendrerit leo nec molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi et laoreet tortor. Phasellus a ipsum eget leo varius interdum quis at nisi. Pellentesque libero justo, viverra vitae mi sit amet, dignissim imperdiet ante. Sed quis tellus viverra, auctor tortor quis, facilisis erat. + +Quisque tincidunt tortor eu blandit vulputate. Integer elit sem, tempor placerat libero ut, dictum hendrerit augue. Suspendisse sed imperdiet nisl. Aenean dui justo, pulvinar sollicitudin ligula sed, laoreet efficitur massa. Aenean convallis et nibh at venenatis. In ut sem in augue sodales laoreet ut at velit. Pellentesque eu augue vitae leo iaculis condimentum. Cras ex tortor, vulputate ut elit eu, mattis malesuada nulla. Sed viverra risus mauris, ac placerat tellus commodo quis. Sed tempor elit eget nunc porta, vel porttitor ante imperdiet. Cras porttitor erat non ultrices vehicula. Sed feugiat ut risus id tempor. Cras mattis vestibulum diam, non auctor nulla iaculis ut. Ut vitae mi at orci porta molestie vel sit amet justo. Vestibulum iaculis sit amet mi in interdum. Morbi sollicitudin tortor sit amet eleifend condimentum. + +Vivamus suscipit dolor vel vulputate ullamcorper. In at laoreet mi. Quisque auctor erat sem, aliquet ultricies nunc gravida vel. Aenean convallis, justo non mollis condimentum, nunc arcu elementum felis, eget cursus ligula dui et eros. Praesent condimentum porta vestibulum. Quisque ultricies sem eget mauris sodales, eu sagittis mi molestie. Pellentesque facilisis orci quis magna tempus, eget ultricies magna aliquam. Aliquam hendrerit, odio in pellentesque tincidunt, dui sapien ullamcorper massa, ac pretium est ipsum eleifend nibh. In porttitor urna sed finibus aliquet. Sed mollis libero id urna cursus, vel hendrerit justo congue. Sed sapien sem, ultrices et aliquam nec, varius eu leo. Quisque porttitor leo at pellentesque tristique. Praesent neque est, tincidunt quis lectus sed, accumsan egestas lacus. In hac habitasse platea dictumst. Sed non arcu urna. Curabitur iaculis nisi in rutrum euismod. + +Vestibulum id euismod turpis, id pretium magna. Morbi vel tellus neque. Donec volutpat ornare velit. Phasellus commodo erat velit, at sodales lectus pharetra quis. Mauris et lacus vitae diam maximus rhoncus. Nulla felis erat, varius in mauris eu, mollis tincidunt felis. Donec luctus pharetra maximus. + +Integer augue ante, cursus quis fermentum nec, accumsan eget urna. Cras convallis dolor tortor, vel laoreet erat suscipit sed. Vestibulum consequat odio sed mi elementum ornare. Morbi ullamcorper non ipsum in tristique. In hac habitasse platea dictumst. Mauris maximus massa velit, vel fringilla sapien lobortis at. Suspendisse turpis quam, imperdiet nec imperdiet ultrices, feugiat a dui. Proin lacinia rutrum metus eu dignissim. +</p> + +<p class="minpass"> +   <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>  <span> Pellentesque nulla orci, lacinia vitae aliquam ac,</span>  <span> aliquam in nisi. Suspendisse</span>    <span> efficitur nisl nibh, sit amet mollis purus blandit et. Ut velit diam, vehicula eget rhoncus ac, tincidunt at dolor. Nam rhoncus gravida mollis. Proin sem ipsum,</span>  <span> sodales sed ornare a, venenatis ac ante. Donec cursus ligula augue, non blandit lacus dapibus id. Cras orci risus, cursus id faucibus id, iaculis a nibh. Proin in justo nec lectus convallis placerat.</span>       <span>Proin lacinia diam sit amet tellus malesuada bibendum. Suspendisse sagittis fermentum sem ut ultricies. Morbi egestas odio id feugiat vestibulum. Quisque</span>    <span> sed tincidunt nibh. Quisque a pellentesque nunc.</span> +</p> + +<p> +Praesent hendrerit ultrices est, nec luctus orci porta lacinia. Fusce consequat tellus ut nisi hendrerit, in tempor felis feugiat. Vestibulum porttitor odio metus, ut vehicula nulla ultricies vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi maximus mi id sapien venenatis, non malesuada magna dapibus. Mauris elit lacus, mollis quis efficitur eget, rhoncus nec lectus. Etiam semper faucibus libero eget iaculis. Donec vel lacinia eros. + +Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur interdum erat in lacus venenatis, vel accumsan dolor pellentesque. In congue laoreet elit, at consequat mi dignissim vel. Cras molestie, est sed placerat sollicitudin, est urna aliquam arcu, id scelerisque odio felis sit amet mi. In tristique maximus massa, nec ultrices purus hendrerit quis. Phasellus ac aliquam justo. Sed efficitur ex scelerisque nibh vestibulum, eu pharetra sapien volutpat. +</p> + +<p> +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis sem rutrum ligula blan + sollicitudin ac erat vel, condimentum tempor libero. Vivamus in odio vitae arcu gravida aliqua +c, ultricies at sapien. Cras sed enim nec nunc convallis hendrerit porttitor semper lectus. +</p> +<p> +Nunc placerat leo et nunc pharetra tincidunt. Vestibulum sed hendrerit mauris. Nunc ut nisi ege +que, facilisis elit sed, sodales metus. Nulla dui augue, convallis id mauris vitae, lobortis da + +Vivamus eleifend neque nec ante posuere, quis pretium turpis varius. Sed tincidunt enim placera + et suscipit nibh. In tincidunt fermentum est vitae rhoncus. Sed quis urna felis. Nulla vitae i +da posuere ipsum. + +Morbi ipsum neque, sodales pretium commodo eget, mattis eget dui. Nunc rhoncus purus vel effici + purus vel risus iaculis accumsan. Fusce iaculis elit dolor, eget aliquet ex ultrices sed. Done + in vulputate imperdiet, elit tortor laoreet mi, vel vehicula sapien orci vel nunc. Nam sollici + +Nam posuere nibh elit, et sagittis neque suscipit id. Sed dolor urna, faucibus a nisl ac, ultri +l, finibus ac egestas et, gravida non tellus. Etiam hendrerit cursus purus, quis gravida ipsum +</p> +<p> +Cras laoreet tincidunt ante, sed porttitor turpis scelerisque eget. In eu metus mollis, pharetr +im auctor auctor. Pellentesque mattis hendrerit leo nec molestie. Pellentesque habitant morbi t + a ipsum eget leo varius interdum quis at nisi. Pellentesque libero justo, viverra vitae mi sit + +Quisque tincidunt tortor eu blandit vulputate. Integer elit sem, tempor placerat libero ut, dic + sed, laoreet efficitur massa. Aenean convallis et nibh at venenatis. In ut sem in augue sodale +te ut elit eu, mattis malesuada nulla. Sed viverra risus mauris, ac placerat tellus commodo qui +vehicula. Sed feugiat ut risus id tempor. Cras mattis vestibulum diam, non auctor nulla iaculis +dum. Morbi sollicitudin tortor sit amet eleifend condimentum. +</p> +<p> +Vivamus suscipit dolor vel vulputate ullamcorper. In at laoreet mi. Quisque auctor erat sem, al +um felis, eget cursus ligula dui et eros. Praesent condimentum porta vestibulum. Quisque ultric +, eget ultricies magna aliquam. Aliquam hendrerit, odio in pellentesque tincidunt, dui sapien u +llis libero id urna cursus, vel hendrerit justo congue. Sed sapien sem, ultrices et aliquam nec +s lectus sed, accumsan egestas lacus. In hac habitasse platea dictumst. Sed non arcu urna. Cura + +Vestibulum id euismod turpis, id pretium magna. Morbi vel tellus neque. Donec volutpat ornare v +imus rhoncus. Nulla felis erat, varius in mauris eu, mollis tincidunt felis. Donec luctus phare + +Integer augue ante, cursus quis fermentum nec, accumsan eget urna. Cras convallis dolor tortor, +r non ipsum in tristique. In hac habitasse platea dictumst. Mauris maximus massa velit, vel fri +. Proin lacinia rutrum metus eu dignissim. +</p> + </div> + </div> + </body> +</html> diff --git a/old/muscomm.html b/old/muscomm.html new file mode 100644 index 0000000..9160d68 --- /dev/null +++ b/old/muscomm.html @@ -0,0 +1,129 @@ +<!DOCTYPE HTML> +<html> +<head> + <link href="house.css" rel="stylesheet"> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Art</title> + <style> + .container { + padding: 0%; + } + + div { + text-align: center; + } + + p, li { + text-align: left; + } + + img { + width: 100px; + height: 100px; + } + + li { + margin: 20px 0; + } + + table { + /*empty-cells: hide;*/ + margin-left: auto; + margin-right: auto; + } + + table, th, td { + border: 1px solid black; + border-collapse: collapse; + } + + th, td { + padding: 10px; + } + + @media (max-width: 400px) { + img { + width: 150px; + height: 150px; + } + + div { + display: inline-block; + } + } + </style> +</head> +<body> + <nav> + <h1>Teeth in Vitro</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>   +<a href="https://live.softmachine.dev>live</a> + + </span> + <hr> + </nav> + + <h2>Music Commissions (Currently Closed)</h2> + + <h3>WIP page. Sample music and prices will be added by next summer.</h3> + + <p>Commissions are paid for through <a href="https://coff.ee/teethinvitro">Buy Me A Coffee</a>.</p> + + <table> + <tr> + <td></td> + <th>Rock</th> + <th>Ambient</th> + <th>cscsfsafasf</th> + </tr> + <tr> + <th>Price per minute</th> + </tr> + </table> + + <h3>Commercial Work</h3> + + <hr> + <h3>Terms of Service</h3> + <h4>General terms</h4> + <ul> + <li>Commission prices may be higher than listed depending on the complexity of the work requested.</li> + <li>I retain the right to reject an order for any reason.</li> + </ul> + <h4>Payment</h4> + <ul> + <li>Payments are done through BuyMeACoffee (linked above) and in USD.</li> + <li>I will first send a sketch when I accept the commission, and you may pay 50% of the total price as confirmation. When the work is completed, I will send a preview, and you may pay the remaining 50% as confirmation. You may request a refund up until the sketch stage.</li> + <li>Please do not pay until I have accepted the commission and given you a slot. I will provide an ID for the commission for you to use during payment.</li> + </ul> + <h4>Process and Delivery</h4> + <ul> + <li>The time it takes to complete a commission may vary, but I can generally complete an order within a week <i>after making a sketch</i>. The time at which I start will depend on how many commissions I have taken. I may cancel the order if special circumstances occur, such as travel or illness. I will refund the order in that case.</li> + <li>When the commission is complete, I will email you the complete track as FLAC.</li> + </ul> + <h4>Revisions</h4> + <ul> + <li>Minor changes (replacing an instrument, changing an effect, adjusting the mix, removing or adjusting a melody, etc.) to the commissioned work are free. Major changes (such as redoing an entire section or track) that take more than an hour to do will cost up to %50 additional money depending on the workload. If the change is a result of a misunderstanding on my end (i.e. misreading or misinterpreting the written directions), there will be no extra costs.</li> + </ul> + <h4>Copyright and Usage</h4> + <ul> + <li>You may not use a personally commissioned work for commercial purposes, such as in a product, to resell, to redistribute (standalone or as a part of a product, such as a book or poster), or any other forms of profit without my permission.</li> + <li>Personal usage is allowed, such as in icons, banners, ArtFight pages (with credit), posting online (with credit), printing for personal use (no mass printing), etc., i.e. usage that does not earn you money.</li> + <li>For commercial commissions, full attribution is required, and the work may not be resold or redistributed as standalone.</li> + <li>You may not claim the commissioned piece as your own work.</li> + <li>You may not alter the commissioned piece and redistribute it without my permission.</li> + <li>I will most likely share the commission (lossy) here on my portfolio, so let me know if you do not want me to do so.</li> + </ul> +</body> +</html> diff --git a/old/muse.html b/old/muse.html new file mode 100644 index 0000000..c293abc --- /dev/null +++ b/old/muse.html @@ -0,0 +1,187 @@ +<!DOCTYPE HTML> +<html> +<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="author" content="Radiohotline"> + <link href="house.css" rel="stylesheet"> + <title>Muse Ariadne</title> + <style> + .c { + text-align: center; + } + .r { + text-align: right; + } + .date { + font-size: small; font-style: italic; + } + + .main { + display: inline-flex; + flex-wrap: wrap; + justify-content: center; + flex-grow: none; + align-items: top; + align-self: flex-start; + gap: 20px; + } + + .poem { + width: 450px; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 20px; + vertical-align:top; + } + </style> +</head> +<body class="art"> + <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>Muse Ariadne</h2> + <p> + A digital <a href="https://museariadne.neocities.org/">writing club</a> created by <a href="https://tehuan.neocities.org/">xalli</a> + </p> + <br> + <div class="main"> + <div class="poem"> + <h3>Echo - March 1st, 2024</h3> + <p> + For echo to sound, there must be few in a vast space. For echo to sound, you alone must be enclosed by the reflective walls. For echo to sound... + <br><br> + Your mind must have heard so little from itself that, to pump its bubbles up the waters that surround you, it will fling every old thought at its walls, letting each of them reverberate endlessly. Echoes are never new. + <br><br> + Huddled up in company, voices other than your own take over, but it's often not enough. The mind may still be alone. Long enough time has passed that the echo is all it knows. It will echo only how you've always felt. Remember. + <br><br> + The acoustic phenomenon, however, can decay. + <br><br> + Is echo a lost love? Is it a reflection? Is it a reminder? + </p> + </div> + + <div class="poem"> + <h3>Sweat of a rose - March 6th, 2024 غزل</h3> + <p> + It is not only the procession of the morose tale.<br> + It would suffice to draw an and-the-sun-rose tale.<br><br> + + But the shattering ensued unnerving neurosis.<br> + It shall live on savagely in grim prose, this tale.<br><br> + + She devoured the primroses and availed herself of love.<br> + She remained within the walls and alcoves of the tale.<br><br> + + A useless torn heart only pumps blood to the wales.<br> + The streaks on your skin you rub opened a closed tale.<br><br> + + An injury so powerful it was to the wailing gale.<br> + To never disappear: it shut down eyes to the tale.<br> + </p> + </div> + + <div class="poem"> + <h3>The Mountain Sleeps - March 12th, 2024</h3> + <p>she slept through the wars<br> + the turbulent air<br> + and how still she was<br> + the world didn't know her</p> + <p class="r"> + unbekannt, a cave<br> + in her heart, abode<br> + to beasts that don't crave<br> + or vanish abroad + </p> + <p> + unerforscht feeling<br> + undeutlich divide<br> + and moss covering<br> + her back and behind</p> + <p class="r"> + unbeugsam, she stirs<br> + brushing one hundred<br> + birdsongs, fields of fleurs<br> + she was not sundered + </p> + </div> + + <div class="poem"> + <h3>Silent - April 14th, 2024</h3> + <br><br><br><br><br> + <p class="c">dread</p> + <p class="c">an empty home</p> + </div> + + <div class="poem"> + <h3>Untitled - April 17th, 2024</h3> + <!--glisten, slow, starlight, fruit, molten, calm--> + <p>I had a dream that I got the nicest pair of binoculars.</p> + <p>Instead of showing me what's further, it showed me what's above or below.</p> + <p>I held the copper cast tool to my eyes and set towards the undertow.</p> + + <p>This world, it glistened and glowed. The trees swayed and laughed above.</p> + <p>The starlight fell and condensed into their fruit, and the starfruits melted into light.</p> + <p>The molten cream, so sweet, brightened the mind and the view, casting the shadows of yore.</p> + + <p>It carried it with it all this time, and with me I carry my eyes to see it.</p> + <p>The pink beach, the calm blue waves, the dark night sky, they move</p> + <p>ever so slowly, and they glow, effervescent.</p> + </div> + + <div class="poem"> + <h3>Fabric - June 25th, 2025</h3> + <p>You told me that I smelled like fabric. We never met. We know nothing about each other. We only found one another randomly, yet you knew something that I didn’t. You told me that I smelled like fabric. I still don’t know if its true. Fabric has a distinct smell when it’s not drowned in detergent and softeners. Fabric smells bitter, but at the time, I took it well. Fabric smelled soft. Fabric smelled friendly. Fabric smelled lukewarm. Fabric covers your nude body. Fabric hides you. Fabric keeps you cool. Fabric decorates you. Fabric fits you in society. Fabric is woven. Fabric can be sewn to other pieces of fabric, constructing a new whole. Fabric covers your bed. Fabric covers your pillow. + <br><br> +I’d rather be wool. Wool keeps you warm. Wool scratches against your skin. Wool binds your feet. Wool binds your hands. Wool binds your head. Wool gets wet. Wool gets mushy. Wool falls apart. +<br><br> +Or I’d rather be silk. Silk is a novelty. Silk drapes over you and slides. Silk doesn’t deserve you. Silk doesn’t hold itself. Silk shines. Silk falls. Silk weeps.</p> + </div> + + <div class="poem"> + <h3>A Clinical Tale - June 25th, 2025 - June 9 prompt</h3> + <p>He came to the clinic to get an injection.<br> + He complied and let it happen without fail.<br> + He was fine with everything that happened.<br> + No misery fell upon either party.<br> + <br> + He came to the clinic to get his blood drawn.<br> + He reluctantly accepted after resisting a little.<br> + He was not happy but it went smoothly.<br> + Some misery was a temporary effect.<br> + <br> + He was dragged to the clinic to get his blood drawn.<br> + He yelled and fought the grabbing arms.<br> + But they won and stabbed him with the needle.<br> + Neither side was satisifed.<br> + <br> + He was forced into the clinic to get an injection.<br> + He was pushed and pulled to get it done.<br> + He threw the chair at the doctor but was shot with a tranquilizer.<br> +Misery fell upon everyone.</p> + </div> + + <div class="poem"> + <h3>The Man - June 25th, 2025 - May 5 prompt</h3> + <p>He stood confidently but was relaxed. I sat before my canvas and held my pencil with my arm fully extended. I took his height with it and transferred it to the paper. I began with the outer form, quickly sketching the outline of the body with some guide lines to maintain the proportions and checking the lengths every now and then with my pencil to make sure they matched the subject. He smiled awkwardly as I fixed my eyes on his body. I had only finished the initial sketch when I found myself standing before him. We locked eyes and I raised my hands, then I rested them on his chest. His skin was a bit rough and rather dry, and the curled hairs – surprisingly soft – rolled under my touch as a I stroked the chest. The composition was very much lean, but also firm as a sturdy human body would be. The figure was fairly consistent throughout, with narrow hips and slightly broad shoulders. I grabbed the waist. It’s one of my favourite parts to draw because it is a common pitfall. I used to draw this part of the torso too short. I continued to feel the contour, memorizing every angle and every turn of his body. As I went back up, I could feel his chest rising and falling slowly. It’s rather cliché, but it is fascinating to feel somebody’s life right under your hands – the beating heart, the flowing blood, and circulating life flowed under my touch. I looked into his dark eyes again, this time I placed my hand on his face. Freshly shaven stubble tickled my sweaty hand. It is usually an unpleasant feeling, but I couldn’t help but feel adoration instead. My hand slowly glided over his chapped lips, then it jumped over to feel his nose, its soft tip and its subtle bump. + </p> + <p>I hate him.</p> + </div> + </div> +</body> +</html> diff --git a/old/music.html b/old/music.html new file mode 100644 index 0000000..f759a36 --- /dev/null +++ b/old/music.html @@ -0,0 +1,299 @@ +<!DOCTYPE HTML> +<html> +<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="author" content="Radiohotline"> + <title>Music</title> + <style> + body { + display: flex; + justify-content: center; + background-image: url(img/bg/Artifact\ 2.png); + background-attachment: fixed; + background-position: center; + } + + #main { + border: dotted; + border-color: #8F2037; + width: 1000px; + background-color: #ebe3ca; + } + + .intro { + display: flex; + justify-content: center; + gap: 50px; + flex-wrap: wrap; + } + + .container { + display: flex; + flex-wrap: wrap; + /*flex-direction: row-reverse;*/ + justify-content: center; + gap: 10px 20px; + } + + .container div { + /*width: 40%;*/ + width: min-content; + } + + h1, h2 { + font-family: Georgia, 'Times New Roman', Times, serif; + } + + h2 { + font-size: 18px; + /*font-family: 'Courier New', Courier, monospace;*/ + /*font-weight: normal;*/ + } + + p { + font-family: Helvetica, DejaVu Sans Mono, DejaVu, sans-serif; + } + + .genre { + font-style: italic; + font-size: 70%; + } + </style> +</head> + +<body> + <div id="main"> + <div class="intro"> + <div style="width: 400px;"> + <h1>Music</h1> + <p> + I have been composing music since 2018 but started more regularly making it in 2022. Most of my past work was folk and electronica. Currently, I make experimental music and write some screamo. + </p> + <p><a href="https://radiohotline.bandcamp.com/">Bandcamp</a></p> + <p><a href="https://coff.ee/teethinvitro">Buy Me A Coffee</a> <span style="font-size: small">(I do not have PayPal, so any support through BandCamp will be automatically refunded.)</span></p> + <a href="house.html">Go home?</a> + <script src="https://juneish.neocities.org/ring/beepbox/ring.js" data-song="https://jummb.us/player/#song=j6N04Wishng43s0k0l00e19t1Ua5g19j0lr1O_U0000000000000000000000000000000000000000000000i0o3331333234333334T5v0xu05f032ve2ie13000qwB15110Wa0d2a0H_RBHBziiii9998h3E1c0b7T5v0nu05f0000qwB15110Oa0d2a0H_RBHBziiii9998h3E1c0b7T0v0pu00f153q8740Oa70d4a0w5h4E0c0T5v0su51f0000qwB17110Ba0d080H-IHyiih9999998h0E1c0b6T9v0pu1af010s500q040Oad030w2h0M00001111222233334444555566667777MMMMLLLLKKKKJJJJIIIIHHHHGGGGFFFFE0c0T7v0ru07f050p61770q72d42g300q8J021a90k7001600Vald060HT-SRJJJJIAAAAAh0IcE1c0c11T7v0wu07f150qoY021990l60025ba00506310ad010HT-SRJiirrAKTijh0IaE2c0c11c01T7v0wu07f150qoY021990l60025ba00707700ad010HT_____Qzriiii8h0IaE2c0c11c01T7v0vu07f050p61770q72d42g300q8J021a90k7005ba00600Dald060HT-SRJJJJIAAAAAh0IaE1c0c11T5v0tu05f180qgA010re0030Fad000HTZKSrih8g00000h0E1c0b7T1v0qu18f0000q040Oad230A0F0B0Q0000Pf600R0000E1c0617T7v0tu07f040p61770q72f500q8I00001500Oad060HT-SRJJJJIAAAAAh0IaE1c001T1v0yu83f0000q8D18120Oa70d030AbF6B2Q0572P9995R0000E2c0b273T1v0pu83f0000q8D18120Oa70d030AbF6B2Q0572P9995R0000E2c0b273T7v0ku07f150qoY021990l6003310000sad010HT-SRJJJJIAAAAAh2IaE1c0c11T5v0pu05f022792qe0112k6qgA010n50030Oad030HTZIzrih9004000h0E1c0b7T4v0vuf0f1a0q050Oa0z6666ji8k8k3jSBKSJJAArriiiiii07JCABrzrrrrrrr00YrkqHrsrrrrjr005zrAqzrjzrrqr1jRjrqGGrrzsrsA099ijrABJJJIAzrrtirqrqjqixzsrAjrqjiqaqqysttAJqjikikrizrHtBJJAzArzrIsRCITKSS099ijrAJS____Qg99habbCAYrDzh00E0c0T4v0uuf0f1a0q050Oa0z6666ji8k8k3jSBKSJJAArriiiiii07JCABrzrrrrrrr00YrkqHrsrrrrjr005zrAqzrjzrrqr1jRjrqGGrrzsrsA099ijrABJJJIAzrrtirqrqjqixzsrAjrqjiqaqqysttAJqjikikrizrHtBJJAzArzrIsRCITKSS099ijrAJS____Qg99habbCAYrDzh00E0c0T4v0puf0f1a0q050Oa0z6666ji8k8k3jSBKSJJAArriiiiii07JCABrzrrrrrrr00YrkqHrsrrrrjr005zrAqzrjzrrqr1jRjrqGGrrzsrsA099ijrABJJJIAzrrtirqrqjqixzsrAjrqjiqaqqysttAJqjikikrizrHtBJJAzArzrIsRCITKSS099ijrAJS____Qg99habbCAYrDzh00E0c0T4v0puf0f1a0q050Oa0z6666ji8k8k3jSBKSJJAArriiiiii07JCABrzrrrrrrr00YrkqHrsrrrrjr005zrAqzrjzrrqr1jRjrqGGrrzsrsA099ijrABJJJIAzrrtirqrqjqixzsrAjrqjiqaqqysttAJqjikikrizrHtBJJAzArzrIsRCITKSS099ijrAJS____Qg99habbCAYrDzh00E0c0Tav0pu00f0000q00d040E0c0Tav0pu00f0000q00d040E0c0Tav0pu00f0000q00d040E0c0b28p0Bct2lboQ8xA2kNQ9s-4g000000000000000000000000000000000000000000000000000000000000004gO1aoW4GmNE00000000000000000000000000w4c92CexaBI20gMAaVG4GmM0g264xj7gBiS000000000000000000000003S02YgO5ct2lboQbN38kNQ9kJzg1s8p2CexaBIq5MxAaoW4GmNEn26gFzEiFr6w000000000000000000000000020000000000000000000000000000000000000000000000000000000000001gh38kNQ9mNHDw00000000000000000000000000000000000000000000000000000000000004gO5ct2lIq0000000000000000000000000000000000000000000000000000gx248gx248gw0000000000000000000000000000000000000000000000000208oi5sR2lbo40xx8lPk9kJzU000000000000000000000000000000000000000000000028o000000002cFQ0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000004gO5ct2lIqVY8w00000000000000000000000000000000000000000000028o6AaoW4GmO80000000000000000000000000000000000000000000000000000000000008ODg000000000000000000000000000000000000014cxj7gBr6w000000000000000000000000000xj7gBiSds-Jw0000000000000000000000000000000000000000000000000000000000000000000000000wgxa4gh524ohx24Eh14k8hx6o00000000000000000000000000000000000001248gx248gz848gx248gx2cxj000000000000000000000000000000000000048gx248gx248gx248gx248gy600000000000000000000000000000000000000000000000000000w200w20cw0000000000000000000000008xw8kNQ9kNo0dsY08h1aoa00000000000000aw000000000000000000000000000000000001400000000x20xx8kNQ9kNrnf00000000000000000000000000000000000000wy288wy288ww00000000000000p2NnFA-8gZ8ui7F3QxWg-A7F3QxWhLV4f8zOgZ8uAfi7QwYyfi7F6ACiq7a1W8ZcuAfg7j8Z2Njdvh7d9ACxwipbEBypfB1Wo-U7j2QkObjSdczQh7P8uwr-mFsy7GzQhW9zV23UyeTFo0CfGCKMO_kJlRklT-yZxBuLwzj7SGQbixbRijRxDFB-oolJB-PeKLJcLTfOLj9ZcrZINUlcvuV0fm7EzS1W8Z8v1xS6jX0r37OmQOvm7SJ1WJZG9Bx1-0P6uMO_pkYv-8OeJrYgfOK2CjUx3EA-Af93V8v93Qx-i3V8uAfid_y8v4hV8v93V8uAfOgt0DO8Z8v96ACiq7a1-8zQNYAfA1QOfgIkPnQhOW9fEkOj0AOnhbdk7j9Zcvc29xqap5FZhGUGb4uyj9Z8uwrWp7HkG9fExZGfAhYyoW97Es1QiD8zIWnw0CfGCKN0FNpiP42D5SHc4LR5r3bZ_ELopnHUcdcv1zO8ZujR1MWpvASVyFjHiFvzkOe8ZDsHw2OPNv4cAChhimmtfF8O6LOgkS3NxppN-Bw1gziOPLZaS33bZeDzu4Tzel49OlFDy-_HizIFim6u3WaUDYul2mkBdT09xD7Xu9NX0efQZ0apN-8hN-n77U8qWpvGsh77WiiQBn9am66LAulmttjRxN-AFqioJ9iQhNU2CubW8000ltzPrRYjkjGpM-LAgaCLA-x8CtfHFAuxjGpHXvAp5cPZvgECnWBxB-DcFCfI-N9cRZlcLQqp7F4PwZpqOfoZnqtzOf8EhzfPhPdjd7lRp9AuzmH6hWKNVTeLyaCsvB7gnluRkFNWpNYRlPKtnbZeXI5CCubV1Nw9CzxQRtiGCbGW4kOfgGpN-HGFKoul9NW9N-Ljf5N22F73W-CEkPxZv8wldv9Z2hcWvmj8Z2DoCq-TV56pypDW-xaH3bZmJcLQOCo-PX4mcp7GWKnWii4AO_jFAuEppMuOBhzmnWKNWKNV7ENgB6BxCLGTud9cjd7lRpOj8ZaRpPAuHIusjKLIEPTdloNCLGV7GWw24z3dviECnWRFD7W-LFCmsvH8bjnjeDMByVTeHB-MdZopN-wyAfmCubVnAHw1opULAQE000IIYnN399AkkBBDvWiczbbZiUnqxmofmCiSwSrEdWiaOPzZzlk7SlFDy-0WwGXakBxDy-yKY1axHaiCXw4MPzZL4UZx77X-X3f5N682pqp7wUmhjdvijbY3Ep5czRGl1cnhEXegX4Cu5x6Ct-5n0v95cFNleFD4EEEjef4WpTUCkOD57GCt26a8y-t-Cny5jaokg5WpByF6CnyKOFD7yGzHaljdubN8CsuaRcUYbMwbQOYiFDyUGFD7y2DdtcLQrdGTmcnlRsNt3IipvwQOf8QQPnQWKsvGVEXSqpvHQO0gDxQXZwB-6JopN8xgsHppULy6ij8EFbbe_QAp6mnWBMKR2IMuJ3rECIIU_jGExcO6ODZk-FI9_ccU_vM0mcqKHCTHUCm0IBkPxZv8wm6nWixjd7lSJ9B-AChU6BjHlcUDlSp69CvHW2CecuG8BcNZDRVccRZuD4LsP3e3SA5L8ZzRtFSf5Rt12cpXFCLGC9GVjFTGNtncLlSQpRj8Z6DmIzRtzPHtnlSqNHRjefQ33dvhWMO_mDjefRyNAuHGVHWBUGNGVSuHB-xiiMPzZ1lrmIcYnT61mczRtnbZB29cLRBtncnlM0d4RtDiCbGW4kOfgGpN-HJ94PhQ4O_kD7I4U_3VIcYn4oMjbj8YiMIyCq-ACnU7gOap7IkG2oKzhSsxS9cYb2dBD7F55dtDfhhEopNWYxpp7HOAppMqBKv6pOSIoka8SmubGdsbbefkUFC6suENVvsBzqZxDyWXJPiaiyDOteO3nSoW5BCKJQYeDH6bGWKoK808AO_1FAuhFFCLFRsU_lPhOqJcLMlcw49Us001dtcLNb8gs3mcnlRsNt34ipvwQOf8QQPnQWKsvGVEXiDGZcw49UslcUvnQR4y1kRYDQ94PFZpczQatjdvrYz8FCvHW54O_kQOCo-PWYlz8ZnlO_lgzILkOpMuKJpvGX7GX7Auigz6tcRZgCnWqCqeHGOWzpHehWKNVNeW-NCb0H6q-HAuHx48C6q-2FVnIcU_nOjefR5neVRsLQYKMhmYkPNv800apTUm9B-3U2MeFD4EEh9D7yvyrzljex354hve_jbN2FBca82ZcONkzjbZljaoniFD7yGzjefMr9lcRULQypNUHkPzML20LjbNaCubyE4XZxB-8AX3eD4dznFD7y8U_gkd0MOcmACnyKlCMOY8hD7RbcIz5qOGOBlDbplYS9Cm8kpN-h002CnyMRQPzN7AhuCkwclcON9xCm8hFBUAbQOAh5UBN2fygLEIcUYizjbMwj8Npj2i0gj54kMxixgOehOB2wCky52x2jax1xDw8N400ap6aydj0y8g8Rcs342dj2i0g8QOcg8Qycg8WpuadHhAaVNYX1cknj344z400002suCnyNHPzQOcgE6LefkOf54a2CbAowCky4Xewkw00082wa2wa80c8vg0f5Mvku_g0e_053NW01NUpG0Gw1yw1ywRBw28r4qWE0a06W3ko0ww0nw202dtk5EMMk1B04402Y0g5W0Vu0808Lg7ef041IhQW0VHw202dtg9e31rb0405o03n1jn09g0Qg100H80oEckxxu0ma06y0805g0d46el040M8Lg0e_0Q04suE06a3R80wc2w0qU0Gk1ic28M10sx6KE3ywFEw20S8RR00QgqOM10lhQW0RHw202d500Tgx100RM10177E3SK0830G05u3nvw201l0aY6Ik7ex0402w2ubxCg00A5Mb4066vzFQ1rb04N9l0350351Hb040S8RRg0k0dQ6EM1100L0404qWEbhxwE3a08805U0wbQ1OY0g0huw4su083ozFQ1Pn0404qWEds606a3iw202I01HwFHw4E0q80w0lE0ck6agML0b503b1pg100G01EwNOE0w615W01TUfw0zzR00NguF041wk03LM10c2w0ubxC01m00VI5513n2Vg100E2TyUbG0k03CM9ge400V80Ud_QczNs0k7NtgfK90VgbkE1iwpN8vw0E1DyVAyfyW1ZNU5yg2ef3Y00000"></script> + </div> + <img src="img/nav/redplayer.png"> + </div> + + <div class="container"> + <div class="experimental"> + <h2>Echo No Leaves Bide - June 19, 2025</h2> + <p>I made this for a comp, but I ended up using another track (Opetanie) for it.</p> + <audio loading="lazy" controls="true"> + <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> + <div class="experimental"> + <h2>Pauline (Working title)</h2> + <p>I am currently working on my third experimental album. I am taking a different direction this time.</p> + </div> + <div class="experimental"> + <h2>Anachronism of the 21st Century - March 9th, 2025</h2> + <p>It was mostly finished in January. This was fun to make.</p> + <iframe style="border: 0; width: 300px; height: 650px;" src="https://bandcamp.com/EmbeddedPlayer/album=855368354/size=large/bgcol=ffffff/linkcol=333333/transparent=true/" seamless><a href="https://radiohotline.bandcamp.com/album/anachronism-of-the-21st-century">Anachronism of the 21st Century by Enlil</a></iframe> + <p class="genre">(experimental, noise)</p> + </div> + <div class="experimental"> + <h2>Civilised Menagerie - November 2, 2024</h2> + <p>It was technically set to release on November 1st, but I accidentally refreshed the page and had to reupload the music, so it was past midnight when it was done. More information on it is on its release page.</p> + <iframe style="border: 0; width: 300px; height: 600px;" src="https://bandcamp.com/EmbeddedPlayer/album=3762541751/size=large/bgcol=333333/linkcol=e32c14/transparent=true/" seamless><a href="https://radiohotline.bandcamp.com/album/civilised-menagerie">Civilised Menagerie by Enlil</a></iframe> + <p class="genre">(experimental, harsh noise)</p> + </div> + + <div class="electronic jummbox"> + <h2>Jummbox Vol. 1 Album - September 9th, 2024</h2> + <p>The compilation EP, album, whatever you want to call it, that I made over a year. As the title says, it's made of Jummbox songs.</p> + <iframe style="border: 0; width: 300px; height: 600px;" src="https://bandcamp.com/EmbeddedPlayer/album=2495557895/size=large/bgcol=ffffff/linkcol=63b2cc/transparent=true/" seamless><a href="https://radiohotline.bandcamp.com/album/jummbox-vol-1">Jummbox Vol. 1 by Enlil</a></iframe> + <p class="genre">(electronic, electronica, Jummbox)</p> + </div> + + <div class="ost ambient"> + <h2>Moloch OST outtakes - 2024</h2> + <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="music/cave new.mp3"> + </audio> + <h2>"Fell in Well"</h2> (untitled) + <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="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="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="music/lab question mark 192.mp3"> + </audio> + <audio loading="lazy" controls="true"> + <source src="music/lab true 192.mp3"> + </audio> + <audio loading="lazy" controls="true"> + <source src="music/sci fi bg low drift.mp3"> + </audio> + <h2>Underground City</h2> (this is the oldest one among these) + <audio loading="lazy" controls="true"> + <source src="music/underground city.mp3"> + </audio> + <p class="genre">(soundtrack, ambient)</p> + </div> + + <div class="shitpost"> + <h2>Chickadee diss track - Dec 17th, 2023</h2> + <video width="320" height="240" controls> + <source src="music/chickadee-diss-track.mp4" type="video/mp4"> + Your browser does not support the video tag. + </video> + <p class="genre">(shitpost)</p> + </div> + + <div class="ost"> + <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="music/menu 2 reprise ending new export.ogg" type="audio/ogg"> + </audio> + <p class="genre">(soundtrack)</p> + </div> + + <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"> + <source src="music/sacred.ogg" type="audio/ogg"> + </audio> + <p class="genre">(dnb, breakcore, electronic)</p> + </div> + + <div class="ost"> + <h2>Blue Crystal Cave - Mar 28th, 2023</h2> + <audio loading="lazy" controls="true" controlList="nowdownload"> + <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> + </div> + + <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="music/tropical.ogg" type="audio/ogg"> + </audio> + <p class="genre">(acoustic, soundtrack)</p> + </div> + + <div class="acoustic ost"> + <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="music/clocktower.ogg" type="audio/ogg"> + </audio> + <p class="genre">(acoustic, soundtrack)</p> + </div> + + <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="music/menu2reprise.ogg" type="audio/ogg"> + </audio> + <p class="genre">(folk, acoustic, soundtrack)</p> + </div> + <!-- + <div class="acoustic ost"> + <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="mus_menu1.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="mus_menu2.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="mus_menu3.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="mus_menu4.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="mus_menu5.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="mus_menu6.ogg" type="audio/ogg"> + </audio> + <audio loading="lazy" controls="true"> + <source src="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> + </div> + --> + <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="music/untitled.ogg" type="audio/ogg"> + </audio> + <p class="genre">(electronic)</p> + </div> + + <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"> + <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"> + <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> + <p class="genre">(slacker rock, acoustic)</p> + </div> + + <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"> + <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;"> + <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"> + <source src="music/songofstorms.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"> + <source src="music/songofshit.ogg" type="audio/ogg" /> + </audio> + <p class="genre">(progressive rock)</p> + </div> + + </div> + </div> +</body> +</html> diff --git a/old/not_found.html b/old/not_found.html new file mode 100644 index 0000000..0a8109f --- /dev/null +++ b/old/not_found.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Not Found</title> + <link href="oldstyle.css" rel="stylesheet" type="text/css" media="all"> + </head> + <body> + <h1>It does not exist in this realm</h1> + <p>Are you lost or snooping?</p> + <a href="/gymno/gymnopedie.html">Launch 3fish.exe</a> + </body> +</html> diff --git a/old/oldstyle.css b/old/oldstyle.css new file mode 100644 index 0000000..e71e29a --- /dev/null +++ b/old/oldstyle.css @@ -0,0 +1,108 @@ +.border { + border: 5px dotted #8F2037; + border-radius: 10px; + margin-right: auto; + margin-left: auto; +} + +body { + background-color: #dbcdbe; + text-align: center; + font-family: DejaVu, Verdana, serif; +} + +iframe { + overflow: hidden; +} + +#wrapper { + overflow: hidden; +} + +main { + margin: 0 auto; + width: 50%; + height: 100%; +} +#divleft { + float: left; + width: 25%; +} +#divright { + float: right; + width: 25%; +} + +.thoughts { + margin-left: 2%; + margin-right: 2%; + text-align: justify; + font-family: monospace; + font-size: 14pt; +} + +.thoughts h1 { + font-family: 'Open Sans', sans-serif; +} + +.thoughts p { + padding-left: 20px; +} + +.thoughts a { + font-family: monospace; + cursor: pointer; + font-size: 14pt; + text-decoration: none; + color: black; +} + +.thought a:hover { + color: #308280; +} + +.thought a:visited { + color: black; +} + +.content { + display: none; + overflow: hidden; +} + +.thoughts div { + display: table-cell; + vertical-align: bottom; +} + +.thoughts ::selection { + /*background-color: #828282;*/ + color: white; + color: #308280; +} + +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + font-stretch: 100%; + src: url(http/fonts.gstatic.cs/opensavmemSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: DejaVu; + src: url('pofoDejaVuSerif.ttf'); +} + +@font-face { + font-family: DejaVu; + src: url('pofoDejaVuSerif-Bold.ttf'); + font-weight: bold; +} + +@font-face { + font-family: DejaVu; + src: url('pofoDejaVuSerif-Italic.ttf'); + font-style: italic; +}
\ No newline at end of file diff --git a/old/poetry.html b/old/poetry.html new file mode 100644 index 0000000..cdc4299 --- /dev/null +++ b/old/poetry.html @@ -0,0 +1,196 @@ +<!DOCTYPE HTML> +<html> +<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="author" content="Radiohotline"> + <link href="house.css" rel="stylesheet"> + <title>Poetry</title> + <style> + .c { + text-align: center; + } + .r { + text-align: right; + } + .date { + font-size: small; font-style: italic; + } + + .main { + display: inline-flex; + flex-wrap: wrap; + justify-content: center; + flex-grow: none; + align-items: top; + align-self: flex-start; + gap: 20px; + } + + .poem { + width: 450px; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 20px; + vertical-align:top; + } + </style> +</head> +<body class="art"> + <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>Poetry</h2> + <p>This page is for poetry not written as a part of Muse Ariadne (see <a href="muse.html">muse</a>).</p> + <br> + <div class="main"> + <div class="poem"> + <h3>a state only the texture of a painting could capture</h3> + <p class="c">hazy memory and clouded emotion<br> + blurred vision and blurred sense of self + </p> + <p>disconnected</p> + <p class="c">disorganized</p> + <p class="r">dissociated</p> + <p class="r"> + my circadian rhythm is the opposite of yours<br> + ritualistic patterns i fail to comply with<br><br> + when i can't sleep but can't wake up either,<br> + i indulge in misplaced fantasy<br> + and in the failed attempt to recollect fragmented ideas<br> + that scurry away like squirrels + </p> + <p class="c"> + "what is your bona fides?"<br> + "was your breakfast fried eggs with toast?"<br> + "would you throw up at the sight of intestines strung out like a necklace?" + </p> + <p> + communication with myself is beyond esoteric<br> + communication with others is incompetent and impulsive<br> + communication through music is chaotic and raw<br> + communication through art is insufficient + </p> + <p> + like reading a note that your brain left for you<br> + that is smudged beyond legibility + </p> + <p class="r"> + i am not in my childhood photos<br> + i am not in my mind<br> + i am not in mirrors<br> + i may be in others<br> + mismatched, misbound, mistranslated + </p> + <p class="c"> + it will rain down again, after all, + shimmering like sequin, slipping away like falling pages + <p class="c"> + "hello, can we talk?" + </p> + <p class="date">Feburary 2022</p> + </div> + + <div class="poem"> + <h3>of an exchange between two on a rainy night</h3> + <p> + Throw away your soggy cigarette and ask me about my day.<br> + Take a seat and smear with your finger the fuzz<br> + of the meniscus of cold broth in a bowl. + </p> + <p> + Magnetise your bi-polar heart and show me where it points.<br> + Guide me to the sea and explain<br> + what you'll first fend off against:<br> + the salt or the seaweed. + </p> + <p> + Where would you go<br> + if you were to leave a trail of footsteps in the snow,<br> + and weren't sure whether you'd come back the same or different? + </p> + <p> + I want to dissect your mind and study your thoughts.<br> + I will determine whether your spirit is as fragile as<br> + a rose in vitro,<br> + as a naïve heart,<br> + as the truth,<br> + or if it is as sturdy as<br> + history,<br> + as a violin string,<br> + as glass— + </p> + <p class="date">Feburary 2022</p> + </div> + + <div class="poem"> + <h3>Once more</h3> + <p> + Once more, you came knocking on my door.<br> + An even and predictable knock it was.<br> + Every fortnight, more or less, you come.<br> + A joy you instill that's worthy of applause. + </p> + <p> + But you leave. + </p> + <p> + Flowing animus, will thou aid me?<br> + From me, embrace of hers slipped away again:<br> + merciless, ruthless, rather graceful<br> + departure. Love knows not of me — not of men. + </p> + <p> + But what if? + </p> + <p> + O episteme, will thou aid me?<br> + Of no need is love that aches. Rationale knows.<br> + In darkness, the wandering mind dies.<br> + Only minds can fill other minds. Dispose! + </p> + <p> + Veracity. + </p> + <p> + What is virtuous in a patience that yields no fruit?<br> + Perhaps, honour is in the heart of the resolute,<br> + for only they have endured self-torture for an oath.<br> + "The light of my life is worth more than my hurt," they quoth. + </p> + <p> + Once more, I came knocking at your door. + </p> + <p class="date">January 2023</p> + </div> + + <div class="poem"> + <h3>Untitled</h3> + <p>Walls pressing my skin<br> + Water rising in my throat<br> + Then the room expands + </p> + <p class="date">May 2025 - prompt: "space"</p> + </div> + </div> + + <div style="text-align: center;"> + <img src="img/objects/snailcircle.gif" alt="A gif of a snail going in a circle"> + </div> +</body> +</html> diff --git a/old/projects.html b/old/projects.html new file mode 100644 index 0000000..e748429 --- /dev/null +++ b/old/projects.html @@ -0,0 +1,69 @@ +<!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, Art, Radiohotline, Teethinvitro">
+ <meta name="author" content="Radiohotline">
+ <title>Projects</title>
+</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>Projects</h2>
+
+ <p>Code will be hosted on <a href="https://github.com/radiohotline/">GitHub</a> once I finish or polish it.</p>
+
+ <h3>Art/Games</h3>
+
+ <ul>
+ <li>It's a secret.</li>
+ </ul>
+
+ <h3>Software - WIP</h3>
+
+ <ul>
+ <li>Basic software suite</li>
+ <ul>
+ <li>Text editor</li>
+ </ul>
+ </ul>
+ </ul>
+
+ <h3>Hardware</h3>
+
+ <ul>
+ <li>They will be disclosed when they're presentable. It doesn't feel right to talk about what I'll make when I haven't worked on it yet.</li>
+ </ul>
+
+ <h3>Microprojects</h3>
+
+ <p>These were made as programming practice.</p>
+
+ <ul>
+ <li>Coreutils clone (WIP)</li>
+ <li>Loveletter generator (<a href="https://github.com/radiohotline/loveletter">link</a>)</li>
+ <li>Troysort (joke)</li>
+ </ul>
+
+ <img src="img/objects/duckgrass.gif"></img>
+
+</body>
+</html>
diff --git a/old/sketch.html b/old/sketch.html new file mode 100644 index 0000000..de2684a --- /dev/null +++ b/old/sketch.html @@ -0,0 +1,89 @@ +<!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>Sketches / WIPs / Figure Art / Studies</h3> + + <div class="art-container"> + <h4>2025</h4> + <img loading="lazy" src="img/art/2025/s1.jpg"> + <img loading="lazy" src="img/art/2025/s5.jpg"> + <img loading="lazy" src="img/art/2025/i1.jpg"> + <img loading="lazy" src="img/art/2025/i2.jpg"> + <img loading="lazy" src="img/art/2025/i3.jpg"> + <img loading="lazy" src="img/art/2025/h6.jpg"> + <img loading="lazy" src="img/art/2025/bikeghostsketch.jpeg"> + <img loading="lazy" src="img/art/2025/jojosketches.jpeg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190627.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190657.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190853.jpg"> + <h4>2024</h4> + <img loading="lazy" src="img/art/2024/IMG_20240718_224634.jpg"> + <img loading="lazy" src="img/art/2024/2024 - April13 molochcats.png"> + <img loading="lazy" src="img/art/2024/wigeon.png"> + <img loading="lazy" src="img/art/2024/mithrun1.jpg"> + <img loading="lazy" src="img/art/2024/gamescreenshot.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224748.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224728.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224718.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224652.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224646.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224629.jpg"> + <img loading="lazy" src="img/art/2024/ardennaaaa.png"> + <img loading="lazy" src="img/art/2024/2024 - February16 posterwip.png"> + <img loading="lazy" src="img/art/2024/2024 - Februrary 2.jpg"> + <img loading="lazy" src="img/art/2024/2024 - February.jpg"> + <h4>2023</h4> + <img loading="lazy" src="img/art/2023/duck.png"> + <img loading="lazy" src="img/art/2023/September28 - dino.png"> + <img loading="lazy" src="img/art/2023/September10 - alien.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224241.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230705_174343.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230809_181215_edit_447859372544680.jpg"> + <img loading="lazy" src="img/art/2023/July 19 - steampunkscd.png"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224121.jpg"> + <img loading="lazy" src="img/art/2023/June 4 scd.png"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224255.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224248.jpg"> + <img loading="lazy" src="img/art/2023/gregepicwip2.png"> + <h4>2022</h4> + <img loading="lazy" src="img/art/2022/guy.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223643.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20241230_152950.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223943.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223809.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223752.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223745.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223733.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20230221_144951_edit_177165706492236.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20220226_183246.jpg"> + <h4>2021</h4> + <img loading="lazy" src="img/art/2021/IMG_20210721_115209.jpg"> + </div> +</body> +</html> diff --git a/old/test.html b/old/test.html new file mode 100644 index 0000000..3af116a --- /dev/null +++ b/old/test.html @@ -0,0 +1,115 @@ +<!DOCTYPE html> +<html> +<head> + <link href="house.css" rel="stylesheet" type="text/css" media="all"> + <title>THE HOUSE</title> +</head> +<body> + <h1>Test title</h1> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p class="j">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <a href="test.html">House</a> + <p class="m">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex.</p> + <p class="p">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex.</p> + <p>This is a fucked up <span class="b">house</span> bruv</p> + + <div style="height: 400px; margin-left: 30%; writing-mode: vertical-rl; text-orientation: mixed; text-align: justify;"> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis augue nec elit facilisis, + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + <span class="bsq"></span> + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + ut hendrerit tortor vulputate. Nulla facilisi. Aenean volutpat, velit + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + nec sollicitudin luctus, velit nisi cursus erat, eu bibendum ante urna sit amet orci. + </p> + </div> + <div style="width: 850px; margin: auto;"> + <p style="text-align: left; width: 50%;"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + </p> + <p style="text-align: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.<sup>2</sup></p> + </div> + <hr> + <p class="j"><sup>2</sup>This is bullshit yo</p> + <div class="col"> + <div style="width: 50%; text-align: justify; padding-right: 10px; border-right: 1px solid black; font-size: small;"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + </div> + <div style="padding-left: 10px;"> + <div class="blsq"> + <p>funny reversed text amet, consectetur adipiscing elit. Sed veamet, consectetur adipiscing elit. Sed veamet, consectetur adipiscing elit. Sed veamet, consecte Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + </div> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, <span class="b">house</span> egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <ol style="margin-left: 100px;"> + <li>lorem</li> + <li>ipsum</li> + <li>dolor sit amet</li> + <li>shjfadhjf fhkal fhaslkf aj</li> + </ol> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.<sup>2</sup></p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <hr> + <p><sup>2</sup>This is kinda swagging balls. and shit. i don't know. <i>cool book</i><sup>3</sup></p> + <p class="j"><sup>3</sup>But wait -- is it really a cool book, or just our subjective view of it? everything is subjective. books aren't real.</p> + </div> + </div> + <div class="col"> + <div> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, <span class="b">house</span> egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <ol style="margin-left: 100px;"> + <li>lorem</li> + <li>ipsum</li> + <li>dolor sit amet</li> + <li>shjfadhjf fhkal fhaslkf as</li> + </ol> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.<sup>2</sup></p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + <hr> + <p><sup>186</sup>Blah</p> + <div class="minpass" style="width: 30%; text-align: justify; margin: auto;"> + <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum    + </span>   +   <span> + ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque ne.</span>    +   <span> magna lobortis fringilla.</span> +    +    + <span>Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti.</span> +    +    + <span>Fusce quis velit in purus laoreet placerat eget in odio.</span> + </div> + </div> + <div style="width: 50%; text-align: justify; padding-left: 10px; border-left: 1px solid black; font-size: small;" class="udown"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel eros sollicitudin, egestas ex et, vulputate libero. Integer eget quam ut ipsum ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque nec magna lobortis fringilla. Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti. Fusce quis velit in purus laoreet placerat eget in odio.</p> + </div> + </div> +</body> +</html> diff --git a/old/thoughts.html b/old/thoughts.html new file mode 100644 index 0000000..bb59891 --- /dev/null +++ b/old/thoughts.html @@ -0,0 +1,118 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <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>year month day</title> + <link href="house.css" rel="stylesheet" type="text/css" media="all"> + <style> + embed { + width: 65vw; + height: 65vh; + } + + @media (max-width: 400px) { + img { + width: 350px; + padding-bottom: 10px; + } + + embed { + width: 90vw; + height: 75vh; + } + } + </style> + </head> + <body class="thoughts"> + <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>Thoughts</h2> + + <a title="Public domain, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Ea_(Babilonian)_-_EnKi_(Sumerian).jpg"> + <img style="float:right;" width="400" alt="Ea (Babilonian) - EnKi (Sumerian)" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Ea_%28Babilonian%29_-_EnKi_%28Sumerian%29.jpg/512px-Ea_%28Babilonian%29_-_EnKi_%28Sumerian%29.jpg"> + </a> + + <div> + <article> + <details> + <summary>25/11/07 - Lemon Soda Lemonade</summary> + <embed src="txt/soda.txt"> + </details> + </article> + <article> + <details> + <summary>25/11/07 - Some Things We Do</summary> + <embed src="txt/core.txt"> + </details> + </article> + <article> + <details> + <summary>25/01/09 - Outcomes of a Shower</summary> + <embed src="txt/shower.txt"> + </details> + </article> + + <article> + <details> + <summary>23/04/22 - Wherein You Exist</summary> + <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"> + </details> + </article> + + <article> + <details> + <summary>23/01/26 - No Such Thing as an Imperfect Number (Updated 2025)</summary> + <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"> + </details> + </article> + + <article> + <details> + <summary>23/01/26 - What is this?</summary> + <embed src="txt/birth.txt"> + </details> + </article> + + <!-- + <article> + <details> + <summary></summary> + <embed src="txt/"> + </details> + </article> + --> + </div> + </body> +</html> diff --git a/old/update.sh b/old/update.sh new file mode 100755 index 0000000..b8ae648 --- /dev/null +++ b/old/update.sh @@ -0,0 +1,5 @@ +NOW=$(date "+%Y-%m-%d %H:%M:%S") +FILE=index.html +sed -i "s|Updated: .*</p>|Updated: $NOW</p>|" $FILE + +neoup -f index.html diff --git a/poem/angel.html b/poem/angel.html new file mode 100644 index 0000000..9175830 --- /dev/null +++ b/poem/angel.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>The vision of teethinvitro</title> + <link href="style.css" rel="stylesheet" type="text/css" media="all"> + </head> + <body> + + </body> +</html> diff --git a/poem/dissociated.css b/poem/dissociated.css new file mode 100644 index 0000000..ff01e64 --- /dev/null +++ b/poem/dissociated.css @@ -0,0 +1,210 @@ +body { + background-color: black; + color: white; + font-family: DejaVu; + user-select: none; +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif.ttf'); +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif-Bold.ttf'); + font-weight: bold; +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif-Italic.ttf'); + font-style: italic; +} + +.poem { + font-size: 70px; + cursor: pointer; +} + +#nav { + padding: 5px; + margin-bottom: 2%; + background-color: black; + color: white; + font-size: 20px; + text-align: center; + position: fixed; + bottom: 0; + left: 0; + right: 0 +} + +a { + color: white; + text-decoration: none; +} + + +/*crt*/ +@keyframes flicker { + 0% { + opacity: 0.27861; + } + 5% { + opacity: 0.34769; + } + 10% { + opacity: 0.23604; + } + 15% { + opacity: 0.90626; + } + 20% { + opacity: 0.18128; + } + 25% { + opacity: 0.83891; + } + 30% { + opacity: 0.65583; + } + 35% { + opacity: 0.67807; + } + 40% { + opacity: 0.26559; + } + 45% { + opacity: 0.84693; + } + 50% { + opacity: 0.96019; + } + 55% { + opacity: 0.08594; + } + 60% { + opacity: 0.20313; + } + 65% { + opacity: 0.71988; + } + 70% { + opacity: 0.53455; + } + 75% { + opacity: 0.37288; + } + 80% { + opacity: 0.71428; + } + 85% { + opacity: 0.70419; + } + 90% { + opacity: 0.7003; + } + 95% { + opacity: 0.36108; + } + 100% { + opacity: 0.24387; + } +} +@keyframes textShadow { + 0% { + text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 5% { + text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 10% { + text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 15% { + text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 20% { + text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 25% { + text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 30% { + text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 35% { + text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 40% { + text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 45% { + text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 50% { + text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 55% { + text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 60% { + text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 65% { + text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 70% { + text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 75% { + text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 80% { + text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 85% { + text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 90% { + text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 95% { + text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } + 100% { + text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px; + } +} +.crt::after { + content: " "; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(18, 16, 16, 0.1); + opacity: 0; + z-index: 2; + pointer-events: none; + animation: flicker 0.15s infinite; +} +.crt::before { + content: " "; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); + z-index: 2; + background-size: 100% 2px, 3px 100%; + pointer-events: none; +} +.crt { + animation: textShadow 1.6s infinite; +} + diff --git a/poem/dissociated.html b/poem/dissociated.html new file mode 100644 index 0000000..31ff3c4 --- /dev/null +++ b/poem/dissociated.html @@ -0,0 +1,183 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>a state only the texture of a painting could capture</title> + <link href="dissociated.css" rel="stylesheet" type="text/css" media="all"> + </head> + <body class="crt"> + <div id="text" class="poem" onclick="change()" style="text-align: center; padding-top: 20%; padding-bottom: 15%;"><i style="font-size: 90%;">a state only the texture of a painting could capture</i><br><i style="font-size: medium; ">(Feburary 2022, free-verse)</i></div> + + <div id="nav" style="font-size: 20px; text-align: center;"><a href="../home.html">go home </a><a href="rainy.html"> next poem</a></div> + + <script> + /*If this JS scares you, good. You should be. Don't worry. I'll do the next poem in a sane manner. There's nothing wrong with experimenting. I'm aware of the flaws of this code.*/ + + var value = 0; + function change() { + console.log(value) + if(value == "0") { + document.getElementById('text').innerHTML = "hazy memory and clouded emotion"; + } + + if(value == "1") { + document.getElementById('text').innerHTML = "blurred vision and blurred sense of self"; + } + + if(value == "2") { + document.getElementById('text').innerHTML = "<p>disconnected,</p>"; + document.getElementById('text').style["text-align"] = "left"; + document.getElementById('text').style["padding-left"] = "10%"; + document.getElementById('text').style["padding-top"] = "75px"; + document.getElementById('text').style["padding-bottom"] = "0%"; + } + + if(value == "3") { + document.getElementById('text').innerHTML = "<p>disorganized,</p>"; + document.getElementById('text').style["text-align"] = "center"; + document.getElementById('text').style["padding-left"] = "0%"; + document.getElementById('text').style["padding-top"] = "17%"; + document.getElementById('text').style["padding-bottom"] = "0%"; + } + + if(value == "4") { + document.getElementById('text').innerHTML = "dissociated"; + document.getElementById('text').style["text-align"] = "right"; + document.getElementById('text').style["padding-right"] = "10%"; + document.getElementById('text').style["padding-bottom"] = "40px"; + document.getElementById('text').style["margin-top"] = "350px"; + } + + if(value == "5") { + document.getElementById('text').innerHTML = "my circadian rhythm is the opposite of yours"; + document.getElementById('text').style["text-align"] = "right"; + document.getElementById('text').style["padding-top"] = "20%"; + document.getElementById('text').style["padding-bottom"] = "15%"; + document.getElementById('text').style["margin-top"] = "0px"; + document.getElementById('text').style["padding-right"] = "3%"; + } + + if(value == "6") { + document.getElementById('text').innerHTML = "ritualistic patterns i fail to comply with"; + } + + if(value == "7") { + document.getElementById('text').innerHTML = "when i can't sleep but can't wake up either,"; + } + + if(value == "8") { + document.getElementById('text').innerHTML = "i indulge in misplaced fantasy"; + } + + if(value == "9") { + document.getElementById('text').innerHTML = "and in the failed attempt to recollect<br>fragmented ideas"; + } + + if(value == "10") { + document.getElementById('text').innerHTML = "that scurry away like squirrels"; + } + + if(value == "11") { + document.getElementById('text').innerHTML = '"what is your bona fides?"'; + document.getElementById('text').style["text-align"] = "center"; + document.getElementById('text').style["padding-left"] = "0%"; + document.getElementById('text').style["padding-right"] = "0%"; + document.getElementById('text').style["padding-top"] = "20%"; + document.getElementById('text').style["padding-bottom"] = "15%"; + } + + if(value == "12") { + document.getElementById('text').innerHTML = '"was your breakfast fried eggs with toast?"'; + } + + if(value == "13") { + document.getElementById('text').innerHTML = '"would you throw up at the sight of intestines strung out like a necklace?"'; + document.getElementById('text').style["padding-left"] = "10%"; + document.getElementById('text').style["padding-right"] = "10%"; + } + + if(value == "14") { + document.getElementById('text').innerHTML = "communication with myself<br>is beyond esoteric"; + document.getElementById('text').style["text-align"] = "left"; + document.getElementById('text').style["padding-left"] = "3%"; + document.getElementById('text').style["padding-right"] = "5%"; + document.getElementById('text').style["padding-top"] = "20%"; + } + + if(value == "15") { + document.getElementById('text').innerHTML = "communication with others<br>is incompetent and impulsive"; + } + + if(value == "16") { + document.getElementById('text').innerHTML = "communication through music<br>is chaotic and raw"; + } + + if(value == "17") { + document.getElementById('text').innerHTML = "communication through art<br>is insufficient"; + } + + if(value == "18") { + document.getElementById('text').innerHTML = "like reading a note that your brain left for you"; + document.getElementById('text').style["padding-top"] = "20%"; + } + + if(value == "19") { + document.getElementById('text').innerHTML = "that is smudged beyond legibility"; + } + + if(value == "20") { + document.getElementById('text').innerHTML = "i am not in my childhood photos"; + document.getElementById('text').style["text-align"] = "right"; + } + + if(value == "21") { + document.getElementById('text').innerHTML = "i am not in my mind"; + } + + if(value == "22") { + document.getElementById('text').innerHTML = "i am not in mirrors"; + } + + if(value == "23") { + document.getElementById('text').innerHTML = "i may be in others"; + } + + if(value == "24") { + document.getElementById('text').innerHTML = "mismatched, misbound, mistranslated"; + } + + if(value == "25") { + document.getElementById('text').innerHTML = "it will rain down again, after all,"; + document.getElementById('text').style["text-align"] = "center"; + } + + if(value == "26") { + document.getElementById('text').innerHTML = "shimmering like sequin,<br>slipping away like falling pages"; + } + + if(value == "27") { + document.getElementById('text').innerHTML = '"hello, can we talk?"'; + } + + value++; + } + + /* + window.onload = fadeIn; + + function fadeIn() { + var fade = document.getElementById("body"); + var opacity = 0; + var intervalID = setInterval(function() { + if (opacity < 1) { + opacity = opacity + 0.1 + + } else { + clearInterval(intervalID); + } + }, 200); + }*/ + </script> + </body> +</html>
\ No newline at end of file diff --git a/poem/font/DejaVuSerif-Bold.ttf b/poem/font/DejaVuSerif-Bold.ttf Binary files differnew file mode 100644 index 0000000..3fffea6 --- /dev/null +++ b/poem/font/DejaVuSerif-Bold.ttf diff --git a/poem/font/DejaVuSerif-Italic.ttf b/poem/font/DejaVuSerif-Italic.ttf Binary files differnew file mode 100644 index 0000000..46a718e --- /dev/null +++ b/poem/font/DejaVuSerif-Italic.ttf diff --git a/poem/font/DejaVuSerif.ttf b/poem/font/DejaVuSerif.ttf Binary files differnew file mode 100644 index 0000000..712a59b --- /dev/null +++ b/poem/font/DejaVuSerif.ttf diff --git a/poem/rainy.css b/poem/rainy.css new file mode 100644 index 0000000..3153f24 --- /dev/null +++ b/poem/rainy.css @@ -0,0 +1,52 @@ +body { + background-color: white; + color: black; + margin: 20px; + font-family: DejaVu; + user-select: none; +} + +div { + font-size: 70px; + cursor: pointer; + text-align: left; +} + +a { + text-decoration: none; + color: black; +} + +#nav { + padding: 5px; + margin-bottom: 2%; + font-size: 20px; + text-align: center; + position: fixed; + bottom: 0; + left: 0; + right: 0 +} + +.poem { + margin-top: 22%; + margin-left: 25px; + font-size: 60px; +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif.ttf'); +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif-Bold.ttf'); + font-weight: bold; +} + +@font-face { + font-family: DejaVu; + src: url('font/DejaVuSerif-Italic.ttf'); + font-style: italic; +}
\ No newline at end of file diff --git a/poem/rainy.html b/poem/rainy.html new file mode 100644 index 0000000..587f52b --- /dev/null +++ b/poem/rainy.html @@ -0,0 +1,98 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>of an exchange between two on a rainy night</title> + <link href="rainy.css" rel="stylesheet" type="text/css" media="all"> + </head> + <body> + <div id="text" onclick="change()"> + + <div style="text-align: center; padding-top: 20%; padding-bottom: 15%; margin: auto;"> + <i style="font-size: 90%;">of an exchange between two on a rainy night</i><br><i style="font-size: medium; ">(Feburary 2022, free-verse)</i> + </div> + + </div> + + <div id="nav" style="font-size: 20px; text-align: center;"> + <a href="dissociated.html">prev poem </a> + <a onclick="minus();">prev line </a> + <a onclick="plus();">next line </a> + <a href="rainy.html">next poem</a> + </div> + + <script> + var value = 0; + const lines = [ + 'Throw away your soggy cigarette and ask me about my day.', + 'Take a seat and smear with your finger the fuzz', + 'of the meniscus of cold broth in a bowl.', + + '<span style="color: white">textexttetxtextettxe</span>', + + 'Magnetise your bi-polar heart and show me where it points.', + 'Guide me to the sea and explain', + "what you'll first fend off against:", + 'the salt or the seaweed.', + + '<span style="color: white">textexttetxtextettxe</span>', + + 'Where would you go', + 'if you were to leave a trail of footsteps in the snow,', + "and weren't sure whether you'd come back the same or different?", + + '<span style="color: white">textexttetxtextettxe</span>', + + 'I want to dissect your mind and study your thoughts.', + 'I will determine whether your spirit is as fragile as', + 'a rose in vitro,', + 'as a naïve heart,', + 'as the truth,', + 'or if it is as sturdy as', + 'history,', + 'as a violin string,', + 'as glass—', + + '<span style="color: white">textexttetxtextettxe</span>', + + '<a style="color: black" href="rainy.html">Next poem?</a><br><a style="color: black; font-size: 70%" href="../home.html">go home.</a>', + ] + + const text = document.getElementById('text'); + function change() { + console.log(value) + document.getElementById("text").classList.add('poem'); + text.innerHTML = lines[value]; + + if(value < 23) { + value++; + } else { + document.getElementById('text').style["margin-top"] = "20%"; + } + } + + function plus() { + document.getElementById("text").classList.add('poem'); + text.innerHTML = lines[value]; + if(value < 23) { + value++; + } else { + document.getElementById('text').style["margin-top"] = "20%"; + value = 23; + } + } + + function minus() { + document.getElementById("text").classList.add('poem'); + if(value == 0) { + text.innerHTML = '<div style="text-align: center; margin: 0%; padding: 0%"><i style="font-size: 90%;">of an exchange between two on a rainy night</i><br><i style="font-size: medium;">(Feburary 2022, free-verse)</i></div>'; + value = 0; + } else { + value--; + text.innerHTML = lines[value]; + } + } + </script> + </body> +</html>
\ No newline at end of file diff --git a/poetry.html b/poetry.html new file mode 100644 index 0000000..780ed9e --- /dev/null +++ b/poetry.html @@ -0,0 +1,197 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta charset="unicode"> + <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>Soft Machine | Poetry</title> + <style> + .c { + text-align: center; + } + .r { + text-align: right; + } + .date { + font-size: small; font-style: italic; + } + + .main { + display: inline-flex; + flex-wrap: wrap; + justify-content: center; + flex-grow: none; + align-items: top; + align-self: flex-start; + gap: 20px; + } + + .poem { + width: 450px; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 20px; + vertical-align:top; + } + </style> +</head> +<body class="art"> + <div class="top"> + <h1>Poetry</h1> + <h1 class="logo"><a href="index.html">Soft Machine</a></h1> + </div> + <nav> + <span> + <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="library.html">library</a>   + <a href="projects.html">projects</a>   + <a href="links.html">links</a>   + </span> + <hr> + </nav> + <p>This page is for poetry not written as a part of Muse Ariadne (see <a href="muse.html">muse</a>).</p> + <br> + <div class="main"> + <div class="poem"> + <h3>a state only the texture of a painting could capture</h3> + <p class="c">hazy memory and clouded emotion<br> + blurred vision and blurred sense of self + </p> + <p>disconnected</p> + <p class="c">disorganized</p> + <p class="r">dissociated</p> + <p class="r"> + my circadian rhythm is the opposite of yours<br> + ritualistic patterns i fail to comply with<br><br> + when i can't sleep but can't wake up either,<br> + i indulge in misplaced fantasy<br> + and in the failed attempt to recollect fragmented ideas<br> + that scurry away like squirrels + </p> + <p class="c"> + "what is your bona fides?"<br> + "was your breakfast fried eggs with toast?"<br> + "would you throw up at the sight of intestines strung out like a necklace?" + </p> + <p> + communication with myself is beyond esoteric<br> + communication with others is incompetent and impulsive<br> + communication through music is chaotic and raw<br> + communication through art is insufficient + </p> + <p> + like reading a note that your brain left for you<br> + that is smudged beyond legibility + </p> + <p class="r"> + i am not in my childhood photos<br> + i am not in my mind<br> + i am not in mirrors<br> + i may be in others<br> + mismatched, misbound, mistranslated + </p> + <p class="c"> + it will rain down again, after all, + shimmering like sequin, slipping away like falling pages + <p class="c"> + "hello, can we talk?" + </p> + <p class="date">Feburary 2022</p> + </div> + + <div class="poem"> + <h3>of an exchange between two on a rainy night</h3> + <p> + Throw away your soggy cigarette and ask me about my day.<br> + Take a seat and smear with your finger the fuzz<br> + of the meniscus of cold broth in a bowl. + </p> + <p> + Magnetise your bi-polar heart and show me where it points.<br> + Guide me to the sea and explain<br> + what you'll first fend off against:<br> + the salt or the seaweed. + </p> + <p> + Where would you go<br> + if you were to leave a trail of footsteps in the snow,<br> + and weren't sure whether you'd come back the same or different? + </p> + <p> + I want to dissect your mind and study your thoughts.<br> + I will determine whether your spirit is as fragile as<br> + a rose in vitro,<br> + as a naïve heart,<br> + as the truth,<br> + or if it is as sturdy as<br> + history,<br> + as a violin string,<br> + as glass— + </p> + <p class="date">Feburary 2022</p> + </div> + + <div class="poem"> + <h3>Once more</h3> + <p> + Once more, you came knocking on my door.<br> + An even and predictable knock it was.<br> + Every fortnight, more or less, you come.<br> + A joy you instill that's worthy of applause. + </p> + <p> + But you leave. + </p> + <p> + Flowing animus, will thou aid me?<br> + From me, embrace of hers slipped away again:<br> + merciless, ruthless, rather graceful<br> + departure. Love knows not of me — not of men. + </p> + <p> + But what if? + </p> + <p> + O episteme, will thou aid me?<br> + Of no need is love that aches. Rationale knows.<br> + In darkness, the wandering mind dies.<br> + Only minds can fill other minds. Dispose! + </p> + <p> + Veracity. + </p> + <p> + What is virtuous in a patience that yields no fruit?<br> + Perhaps, honour is in the heart of the resolute,<br> + for only they have endured self-torture for an oath.<br> + "The light of my life is worth more than my hurt," they quoth. + </p> + <p> + Once more, I came knocking at your door. + </p> + <p class="date">January 2023</p> + </div> + + <div class="poem"> + <h3>Untitled</h3> + <p>Walls pressing my skin<br> + Water rising in my throat<br> + Then the room expands + </p> + <p class="date">May 2025 - prompt: "space"</p> + </div> + </div> + + <div style="text-align: center;"> + <img src="img/objects/snailcircle.gif" alt="A gif of a snail going in a circle"> + </div> +</body> +</html> diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..bde2325 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,48 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="I make digital and traditional art exploring surreal worlds, dark tunnels, ambigious gender, violence, and surgical experiments, with a touch of soft strokes and tenderness"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <title>Soft Machine | Completed</title> + <link href="common.css" rel="stylesheet" type="text/css"> + + <style> + .shadow h1 { + text-align: center; + } + </style> +</head> +<body> + <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> + + <div class="shadow"> + <h1>Completed</h1> + + <div class="art-container"> + <h2>2025</h2> + <img loading="lazy" src="img/art/2025/jojomart.jpeg"> + <img loading="lazy" src="img/art/2025/bikeghost.jpg"> + <h2>2024</h2> + <img loading="lazy" src="img/art/2024/aphrodite.jpg"> + <h2>2023</h2> + <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"> + <h2>2022</h2> + <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"> + <h2>2021</h2> + <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> + </div> +</body> +</html> diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..9e7127c --- /dev/null +++ b/projects.html @@ -0,0 +1,71 @@ +<!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, Art, Radiohotline, Teethinvitro">
+ <meta name="author" content="Radiohotline">
+ <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>
+ <span>
+ <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="library.html">library</a>  
+ <a href="projects.html">projects</a>  
+ <a href="links.html">links</a>  
+ </span>
+ <hr>
+ </nav>
+
+ <h2>Projects</h2>
+
+ <p>Code will be hosted on <a href="https://github.com/radiohotline/">GitHub</a> once I finish or polish it.</p>
+
+ <h3>Art/Games</h3>
+
+ <ul>
+ <li>It's a secret.</li>
+ </ul>
+
+ <h3>Software - WIP</h3>
+
+ <ul>
+ <li>Basic software suite</li>
+ <ul>
+ <li>Text editor</li>
+ </ul>
+ </ul>
+ </ul>
+
+ <h3>Hardware</h3>
+
+ <ul>
+ <li>They will be disclosed when they're presentable. It doesn't feel right to talk about what I'll make when I haven't worked on it yet.</li>
+ </ul>
+
+ <h3>Microprojects</h3>
+
+ <p>These were made as programming practice.</p>
+
+ <ul>
+ <li>Coreutils clone (WIP)</li>
+ <li>Loveletter generator (<a href="https://github.com/radiohotline/loveletter">link</a>)</li>
+ <li>Troysort (joke)</li>
+ </ul>
+
+ <img src="img/objects/duckgrass.gif"></img>
+
+</body>
+</html>
diff --git a/radio.asc b/radio.asc new file mode 100644 index 0000000..c2ed8e2 --- /dev/null +++ b/radio.asc @@ -0,0 +1,20 @@ +-----BEGIN PGP PUBLIC KEY BLOCK----- + +mI0EaAvboQEEAOHPw0SFWAlJXMifXZ2wL1bQxL5mYzDlfApqUWUOT6yPubgbh +xq1175k2ntNh5cagX9yH7SXMGq69plSbDsDcKGAGyoZuupZOGBuz4FAI24 +Ldr6Pz4w4AUo9r2u2gUlmQzI294KgF6V2rNjDcRr2x3KmmRsyLHf7TzZABEBAAG0 +NVJhZGlvIChPbGQgY29tcHV0ZXIgZW1haWwpIDxyYWRpb2hvdGxpbmVAZGlzcm9v +dC5vcmc+iNEEEwEIADsWIRH1YINjllgq8bwpZaXqvUlQUCaAvboQIbAwUL +CQgHAgIiAgYVCgkICwIEFgIDAQIeBwIXgAAKCRAbwpZaXqvUldj9BA5YCBkKy +Z/iQLJP4SpltUJM7chhNI5w4BLFdib6knDK8+pnQqQVpL1xIZAdbBjtnhVamV3jQ +mydH7Qeoj3lRKlcosGC8t1JPC+6ZrjWpisIemiDNvqQwLeSUGfkZue+XcEDT2wFM +x9EqmixqkoUJUMcPKB34zTp4z+P08ULiNBGgL26EBBACsYqarcLYZmEgRW +XUUyZUoB8wfdcpApOFMsxpdUSl5XEmZEb5HbCtecFmhnlItMlVC9DzH1mE0Zw +xL11wm9HtlXkMfNZOscttWd30wsFqwexLMxB19gSMUCP7djBv9ReFO5lfp +EKRrPP8NT5RVJIsnVdlOlSUZWQARAQABiLYEGAEIACAWIRH1YINjllgq8b +wpZaXqvUlQUCaAvboQIbDAAKCRAbwpZaXqvUlaQSBACq+ynfrlJBgVaHCJ+xA ++d4j4p21OGSUhTxSFC4jyAI4zEzcHDqtfaW9LcBiHOZE8p3VhRNNqXVSt8NhE +t+9ZPYBb7ppwQPoevcYnOxgBM9iKruMqmiahImj+rcMHkktfkz+M4Lq +exKSVuA2BdcqesCJEPcDlQ== +=x5MU +-----END PGP PUBLIC KEY BLOCK----- diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..92f6a08 --- /dev/null +++ b/robots.txt @@ -0,0 +1,48 @@ +# This file tells search engines and bots what they are allowed to see on your site. + +# This is the default rule, which allows search engines to crawl your site (recommended). +User-agent: * +Allow: / + +# If you do not want AI bots to crawl your site, remove the # from the following lines: +User-agent: AI2Bot +User-agent: Ai2Bot-Dolma +User-agent: Amazonbot +User-agent: anthropic-ai +User-agent: Applebot-Extended +User-agent: Bytespider +User-agent: CCBot +User-agent: ChatGPT-User +User-agent: Claude-Web +User-agent: ClaudeBot +User-agent: cohere-ai +User-agent: Diffbot +User-agent: DuckAssistBot +User-agent: FacebookBot +User-agent: FriendlyCrawler +User-agent: Google-Extended +User-agent: GoogleOther +User-agent: GoogleOther-Image +User-agent: GoogleOther-Video +User-agent: GPTBot +User-agent: iaskspider/2.0 +User-agent: ICC-Crawler +User-agent: ImagesiftBot +User-agent: img2dataset +User-agent: ISSCyberRiskCrawler +User-agent: Kangaroo Bot +User-agent: Meta-ExternalAgent +User-agent: Meta-ExternalFetcher +User-agent: OAI-SearchBot +User-agent: omgili +User-agent: omgilibot +User-agent: PanguBot +User-agent: PerplexityBot +User-agent: PetalBot +User-agent: Scrapy +User-agent: Sidetrade indexer bot +User-agent: Timpibot +User-agent: VelenPublicWebCrawler +User-agent: Webzio-Extended +User-agent: YouBot +Disallow: / diff --git a/santa/bgs/postal_bg_m.gif b/santa/bgs/postal_bg_m.gif Binary files differnew file mode 100644 index 0000000..99987fa --- /dev/null +++ b/santa/bgs/postal_bg_m.gif diff --git a/santa/brdrs/postal_letter_brdr.png b/santa/brdrs/postal_letter_brdr.png Binary files differnew file mode 100644 index 0000000..1ce7d69 --- /dev/null +++ b/santa/brdrs/postal_letter_brdr.png diff --git a/santa/global.css b/santa/global.css new file mode 100644 index 0000000..e491c14 --- /dev/null +++ b/santa/global.css @@ -0,0 +1,47 @@ +/*
+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 differnew file mode 100644 index 0000000..9ccae20 --- /dev/null +++ b/santa/imgs/about.png diff --git a/santa/imgs/grass.png b/santa/imgs/grass.png Binary files differnew file mode 100644 index 0000000..06805b8 --- /dev/null +++ b/santa/imgs/grass.png diff --git a/santa/imgs/grass2.png b/santa/imgs/grass2.png Binary files differnew file mode 100644 index 0000000..7f98ad5 --- /dev/null +++ b/santa/imgs/grass2.png diff --git a/santa/imgs/hoard.png b/santa/imgs/hoard.png Binary files differnew file mode 100644 index 0000000..ea36a45 --- /dev/null +++ b/santa/imgs/hoard.png diff --git a/santa/imgs/home.png b/santa/imgs/home.png Binary files differnew file mode 100644 index 0000000..414febb --- /dev/null +++ b/santa/imgs/home.png diff --git a/santa/imgs/index.png b/santa/imgs/index.png Binary files differnew file mode 100644 index 0000000..bc253cb --- /dev/null +++ b/santa/imgs/index.png diff --git a/santa/imgs/links.png b/santa/imgs/links.png Binary files differnew file mode 100644 index 0000000..0fc6a94 --- /dev/null +++ b/santa/imgs/links.png diff --git a/santa/imgs/microblog.png b/santa/imgs/microblog.png Binary files differnew file mode 100644 index 0000000..3bdd6d0 --- /dev/null +++ b/santa/imgs/microblog.png diff --git a/santa/imgs/music.png b/santa/imgs/music.png Binary files differnew file mode 100644 index 0000000..b380233 --- /dev/null +++ b/santa/imgs/music.png diff --git a/santa/imgs/postman.png b/santa/imgs/postman.png Binary files differnew file mode 100644 index 0000000..9622fed --- /dev/null +++ b/santa/imgs/postman.png diff --git a/santa/imgs/sitemap.png b/santa/imgs/sitemap.png Binary files differnew file mode 100644 index 0000000..182cab8 --- /dev/null +++ b/santa/imgs/sitemap.png diff --git a/santa/imgs/sotw.png b/santa/imgs/sotw.png Binary files differnew file mode 100644 index 0000000..666c344 --- /dev/null +++ b/santa/imgs/sotw.png diff --git a/santa/imgs/woman.png b/santa/imgs/woman.png Binary files differnew file mode 100644 index 0000000..919aa81 --- /dev/null +++ b/santa/imgs/woman.png diff --git a/santa/imgs/writing.png b/santa/imgs/writing.png Binary files differnew file mode 100644 index 0000000..d055599 --- /dev/null +++ b/santa/imgs/writing.png diff --git a/santa/main.css b/santa/main.css new file mode 100644 index 0000000..0502375 --- /dev/null +++ b/santa/main.css @@ -0,0 +1,162 @@ +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 new file mode 100644 index 0000000..b09000c --- /dev/null +++ b/santa/robots.txt @@ -0,0 +1,197 @@ +# 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 new file mode 100644 index 0000000..6d00ec8 --- /dev/null +++ b/santa/sitemap.html @@ -0,0 +1,256 @@ +<!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)); + + // 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/sitemap.html b/sitemap.html new file mode 100644 index 0000000..74fc2dd --- /dev/null +++ b/sitemap.html @@ -0,0 +1,104 @@ +<!DOCTYPE html> +<html> +<head> + <title>Soft Machine | Sitemap</title> + <link href="common.css" rel="stylesheet" type="text/css"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="The Weight of Comfort | Personal website containing art, music, programming, poetry, and the world of Moloch"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <style> + .shadow { + text-align: left; + padding: 0px 30px 0px 30px; + display: flex; + + background-color: rgba(0,0,0,0.8); + -webkit-box-shadow: 0 0 20px 20px rgba(0,0,0,0.8); + -moz-box-shadow: 0 0 20px 20px rgba(0,0,0,0.8); + box-shadow: 0 0 20px 20px rgba(0,0,0,0.8); + } + + .shadow h1 { + margin-top: 10px; + text-align: center; + } + + .column { + width: 50%; + } + + a { + font-family: 'Nanum', Georgia, 'Times New Roman', Times, serif; + } + </style> +</head> +<body> + <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> + + <div class="shadow" style="width: 50%"> + <div class="column"> + <h1>Sitemap</h1> + + <ul> + <li><a href="index.html">Index</a></li> + <ul> + <li><a href="about.html">About</a></li> + <li><a href="brain.html">Brain</a></li> + <ul> + <li><a href="thoughts.html">Thoughts</a></li> + <li><a href="muse.html">Muse</a></li> + <li><a href="poetry.html">Poetry</a></li> + <li><a href="library.html">Library</a></li> + </ul> + <li><a href="art.html">Art</a></li> + <ul> + <li><a href="doodle.html">Doodles</a></li> + <li><a href="sketch.html">Sketches</a></li> + <li><a href="portfolio.html">Completed</a></li> + <li><a href="paintings.html">Paintings</a></li> + </ul> + <li><a href="music.html">Music</a></li> + <li><a href="creatures.html">Creatures</a></li> + <li><a href="moloch.html">Moloch</a></li> + <li><a href="tech.html">Technology</a></li> + <ul> + <li>Software</li> + <li>Hardware</li> + <li>Games</li> + </ul> + <li><a href="links.html">Links</a></li> + <li><a href="sitemap.html">Sitemap</a></li> + </ul> + </ul> + </div> + <div class="column"> + <h1>Outbound</h1> + + <ul> + <li>Elsewhere</li> + <ul> + <li><a href="https://github.com/radiohotline">GitHub</a></li> + <li><a href="https://radiohotline.itch.io/">Itch.io</a></li> + <li><a href="https://radiohotline.bandcamp.com">Bandcamp</a></li> + <li><a href="https://bsky.app/profile/softmachine.dev">Bluesky</a></li> + <li><a href="https://coff.ee/teethinvitro">BuyMeACoffee</a></li> + </ul> + </ul> + + <ul> + <li>Mirrors</li> + <ul> + <li><a href="https://d75i6wrgammbirodhv7fpulpko3jea3tb7qjjivf3kc6ohaambmptsad.onion/">Tor</a></li> + <li><a href="http://softmachine.i2p/">I2P</a></li> + </ul> + </ul> + + <ul> + <li><a href="https://teeth.atabook.org">Guestbook</a></li> + </ul> + </div> + </div> +</body> +</html> diff --git a/sketch.html b/sketch.html new file mode 100644 index 0000000..c1c418d --- /dev/null +++ b/sketch.html @@ -0,0 +1,82 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta charset="unicode"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="I make digital and traditional art exploring surreal worlds, dark tunnels, ambigious gender, violence, and surgical experiments, with a touch of soft strokes and tenderness"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <title>Soft Machine | Sketches</title> + <link href="common.css" rel="stylesheet" type="text/css"> + + <style> + .shadow h1 { + text-align: center; + } + </style> +</head> +<body> + <h1 class="logo"><a href="index.html"><img src="img/logo.png" alt="Soft Machine"></a></h1> + + <div class="shadow"> + <h1>Sketches / WIPs / Studies</h1> + + <div class="art-container"> + <h2>2025</h2> + <img loading="lazy" src="img/art/2025/s1.jpg"> + <img loading="lazy" src="img/art/2025/s5.jpg"> + <img loading="lazy" src="img/art/2025/i1.jpg"> + <img loading="lazy" src="img/art/2025/i2.jpg"> + <img loading="lazy" src="img/art/2025/i3.jpg"> + <img loading="lazy" src="img/art/2025/h6.jpg"> + <img loading="lazy" src="img/art/2025/bikeghostsketch.jpeg"> + <img loading="lazy" src="img/art/2025/jojosketches.jpeg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190627.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190657.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190853.jpg"> + <h2>2024</h2> + <img loading="lazy" src="img/art/2024/IMG_20240718_224634.jpg"> + <img loading="lazy" src="img/art/2024/2024 - April13 molochcats.png"> + <img loading="lazy" src="img/art/2024/wigeon.png"> + <img loading="lazy" src="img/art/2024/mithrun1.jpg"> + <img loading="lazy" src="img/art/2024/gamescreenshot.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224748.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224728.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224718.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224652.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224646.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224629.jpg"> + <img loading="lazy" src="img/art/2024/ardennaaaa.png"> + <img loading="lazy" src="img/art/2024/2024 - February16 posterwip.png"> + <img loading="lazy" src="img/art/2024/2024 - Februrary 2.jpg"> + <img loading="lazy" src="img/art/2024/2024 - February.jpg"> + <h2>2023</h2> + <img loading="lazy" src="img/art/2023/duck.png"> + <img loading="lazy" src="img/art/2023/September28 - dino.png"> + <img loading="lazy" src="img/art/2023/September10 - alien.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224241.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230705_174343.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230809_181215_edit_447859372544680.jpg"> + <img loading="lazy" src="img/art/2023/July 19 - steampunkscd.png"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224121.jpg"> + <img loading="lazy" src="img/art/2023/June 4 scd.png"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224255.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224248.jpg"> + <img loading="lazy" src="img/art/2023/gregepicwip2.png"> + <h2>2022</h2> + <img loading="lazy" src="img/art/2022/guy.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223643.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20241230_152950.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223943.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223809.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223752.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223745.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20240718_223733.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20230221_144951_edit_177165706492236.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20220226_183246.jpg"> + <h2>2021</h2> + <img loading="lazy" src="img/art/2021/IMG_20210721_115209.jpg"> + </div> + </div> +</body> +</html> diff --git a/test.txt b/test.txt new file mode 100644 index 0000000..faab00e --- /dev/null +++ b/test.txt @@ -0,0 +1 @@ +this is a test. diff --git a/thoughts.html b/thoughts.html new file mode 100644 index 0000000..35c2301 --- /dev/null +++ b/thoughts.html @@ -0,0 +1,130 @@ +<!DOCTYPE html> +<html> +<head> + <title>year month day</title> + <link href="common.css" rel="stylesheet" type="text/css"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="The Weight of Comfort | Personal website containing art, music, programming, poetry, and the world of Moloch"> + <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro, Moloch"> + <meta name="author" content="Radiohotline"> + <style> + .shadow { + width: 80%; + } + + .shadow img { + width: 256px; + 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 5px 5px rgba(199, 189, 170, 0.8); + border-radius: 20px; + margin: 10px 0px 10px 0px; + } + + @media (max-width: 400px) { + .shadow img { + width: 350px; + padding-bottom: 10px; + } + + embed { + width: 80vw; + height: 75vh; + } + } + </style> +</head> +<body> + <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"> + + <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"> + </details> + </article> + + <article> + <details> + <summary>25/11/07 - Some Things We Do</summary> + <embed src="txt/core.txt"> + </details> + </article> + + <article> + <details> + <summary>25/01/09 - Outcomes of a Shower</summary> + <embed src="txt/shower.txt"> + </details> + </article> + + <article> + <details> + <summary>23/04/22 - Wherein You Exist</summary> + <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"> + </details> + </article> + + <article> + <details> + <summary>23/01/26 - No Such Thing as an Imperfect Number (Updated 2025)</summary> + <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"> + </details> + </article> + + <article> + <details> + <summary>23/01/26 - What is this?</summary> + <embed src="txt/birth.txt"> + </details> + </article> + + <!-- + <article> + <details> + <summary></summary> + <embed src="txt/"> + </details> + </article> + --> + </div> + </div> +</body> +</html> diff --git a/txt/albumthoughts.txt b/txt/albumthoughts.txt new file mode 100644 index 0000000..4bb7ded --- /dev/null +++ b/txt/albumthoughts.txt @@ -0,0 +1,27 @@ +November 27th, 2022. Sunday, 2 am. Text written by "radio." It is not a proper "review" of the albums, since it only discusses what I liked. By my definition, a review would include an evaluation. Although subjective, one would try to take on a neutral view of the medium and measure quality according to the factors that matter to the reviewer (me) or possible users of the medium, but I digress. This definition is loose, but that's what it means in this context. Therefore, I did not review the albums. I did not state strengths and weaknesses, but my positive impressions. + +The Power and the Glory by Gentle Giant is a unique progressive rock album with very catchy and captivating melodies. Each song is a strong entry. The callback in the second half is a great touch that ties the theme together. The cohesiveness of the tone makes this album a solid one from start to finish. I listened to it multiple times. Many prog rock albums feel ahead of their time. I love songs where a lot is happening, going from section to section, rather than a droning repetition. I can definitley enjoy and love the latter if done well, of course. I do not limit myself when enjoying music. + +Folk is one of the many genres that I deeply love, so it is only fair to talk about the beautiful classic by Nick Drake. Drake managed to create complex tracks with only an acoustic guitar, and occasionaly with a gorgeous backing of cello. The artistry is admirable, and I would like to listen to the album again. I do not have much else to say about the album, other than the fact that I slightly prefer it to his other two, because sometimes less is more. Don't get me wrong, I did enjoy his other works. + +Besides that, it saddens me to see photos of him. There is often a sad air surrounding music of artists who have passed away young. Unlike other famous artists, Nick Drake wasn't in his booming prime as a musician when he passed away, which adds a painful tinge if you think about it while listening to the music. + +Pink Moon is a more haunting record than his other works, but it holds the same flavour to them in terms of song-writing, but with a richer sound and generally sadder lyrics. Tracks 5 to 9 were especially interesting to me. The flavour comment is stating the obvious, but to rephrase, I meant that one can essentially pick out what makes a Nick Drake song a Nick Drake song after listening to many tracks, because that is maintained over his studio albums. + +Regardless of record, the best part is its core: the soft, warm singing, and the beautiful progressions. Sentiment and feelings surrounding untimely death aside, I would state, objectively, that the man was skilled at guitar and was a great writer. The melodies are tastefully written. Something I learned from listening to Nirvana is that being able to write a great melody is just as important as being able to write an interesting or complex song. In the case of Nick Drake's first and third records, this was predominately guitar and nothing else, yet the resulting music is beautiful, rich, and interesting. I plan on listening to his cover compilation album. + +Next up, I also listened to Bjork. I don't think there is much to be said, as it would echo what countless critics have already said. I listened to four of her earlier albums, and I loved them all. + +I listened to Pink Floyd in this order: Ummagumma, Atom Heart Mother, then their iconic record. Despite the negativity it gets for straying from prog to experimental, I loved Ummagumma, but I found it to be more of a record to be experienced than listened to as music, but I'm down to that, and enjoy such works (a lot). The musical parts of the album were amazing. I don't have much to say about AHM, because I don't remember much. I will have to hear it again. + +I listened to The Dark Side of the Moon twice to make sure that I absorb it fully, and it's as amazing as they say. I wouldn't say that it is *the* best prog album that I've ever heard, but it was a very wonderful ride. Without a doubt, besides the clever intrsumentation itself, the seamless transitions between the tracks was heavenly. My jaw dropped several times. I loved this album more on my second listen, because I paid better attention, but the second half won me over on the first listen. If I listen to it again, it would in full, rather than individual tracks. + +Raise Your Skinny Fists Like Antennas to Heaven by Godspeed You! Black Emperor is one of the most beautiful works I've ever heard, others being In the Court of the Crimson King by King Crimson and two albums by The Fall of Troy. I don't think I can put my feelings to words. It is an incredibly unique work. I've actually listened to half of this album before, but didn't finish it until this week (of course, I started over.) No matter how many times I listen to it, the song Sleep transports me somewhere else, and I truly never get tired of the part leading up the drum fill at 16:49. It such a beautiful moment at and after it, and my favourite on the album. + +I will now briefly talk about two more albums. + +I discovered Motionless by Chokebore while browsing the 90s TV website (https://www.my90stv.com). One of the channels was playing the album, and I was interested. I immediately listened to the full thing, and I loved every track on it. It's a very underrated work. To be fair, its sound isn't out of ordinary for its time, but that doesn't make it any less of a great record. I enjoyed it very much. I would like to hear it again sometime. + +To wrap things up, I want to state that I have mad respect for Jimi Hendrix. Hendrix has been talked about to death, but what can I say? He's amazing. + +Hey. Actually, instead of focusing on a few, I will try to highlight lesser known albums in the future. I did now with Motionless. Another is Power and the Passion by Eloy. It's 70s' prog. Like TDSOTM, the transitions on this album are a strength. It is melodically beautiful, too. I listened to it again now, and I love it still. I will share the list of albums from the past two weeks soon, maybe by the end of the month. diff --git a/txt/alive.txt b/txt/alive.txt new file mode 100644 index 0000000..02e5983 --- /dev/null +++ b/txt/alive.txt @@ -0,0 +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. diff --git a/txt/aliveness.txt b/txt/aliveness.txt new file mode 100644 index 0000000..66d6f4e --- /dev/null +++ b/txt/aliveness.txt @@ -0,0 +1,177 @@ + 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 one + last example: 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. + + 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/audience.txt b/txt/audience.txt new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/txt/audience.txt diff --git a/txt/birth.txt b/txt/birth.txt new file mode 100644 index 0000000..190fb79 --- /dev/null +++ b/txt/birth.txt @@ -0,0 +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 diff --git a/txt/brain.txt b/txt/brain.txt new file mode 100644 index 0000000..4dd4a5f --- /dev/null +++ b/txt/brain.txt @@ -0,0 +1,44 @@ + Sometimes, people are seen as their disorder. Other times, + the disorder is completely erased. Neither is good. + + On one hand, I want people to see me as a person like them, + and to speak to me on grounds of us both being human. I want + them to talk to me as myself, not just as an autistic person, + or a depressed person, or whatever else. They're not talking + to my mental illness. In truth, I don't know and can't be sure + of how others really perceive me, especially since I do not + have my issues plastered on my face. Well, usually. ADHD and + autism can be pretty visible on me. Regardless, I don't know + whether people attach it to my existence in their heads. + However, all through school years, I was infantilised by my + classmates. I was younger than them. This frustrated me + as I grew up. Sometimes I leaned into it because it meant + they can easily dismiss my strange behaviour as childish + instead of pathologizing it. Part of me doesn't want being + strange to be the main component of somebody else's perception + of me when they are talking to me. + + On the other hand, I'm sick of trying to act normal. I don't + want to continue pretending that my mental illness doesn't + affect me and to try and be seen as normal. I'll never be + normal by common standards. Maybe by someone else's standards, + I'm perfectly fine (see anti-psychiatry). ADHD is actually not + the concern here. It's a very common disorder. Acceptance is + increasing, too. Other issues people may have, however, + remain stigmatized, especially personality disorders and + schizophrenia spectrum, but I digress. The other part of me + wants to embrace the times I've been called mad. If people + are going to hate me or be scared of me, I'm going to give + them a reason to. I'm going to become a vampire. On a more + serious note, I want people to acknowledge that the way I think + and act, no matter how odd, is because of my mental illness. + I don't want them to reduce me to it, but to acknowledge it as + a part of me. + + Some people insist that creativity is separate from mental + illness, and I agree. Human creativity isn't indicative of + an issue. Making colorful geometric art does't mean you've + taken psychedelic drugs, for example. And you don't need to + be depressed to make meaningful or poignant art. Despite that, + I've noticed that the works of mine that I like most come + from deep in my psyche, and my psyche is ill.
\ No newline at end of file diff --git a/txt/core.txt b/txt/core.txt new file mode 100644 index 0000000..122fd1b --- /dev/null +++ b/txt/core.txt @@ -0,0 +1,22 @@ +The actions of human beings can be cruedly classified +into either those that increase pleasure and comfort +or those that minimize pain, but you could argue +that these are one and the same. It is a very simplistic +way of viewing humans, but long have I seen myself and +others as mere animals -- that is, through animalistic +lenses. Every action, to some, seems to have a biological +reason, but there are a lot of gaps to this line of +thinking. Human emotions are largely illogical, and +human thought is similarly unexplainable. Innovation, +compassion, and so on, have more to do with our role +in a community than with our interpersonal relationship. +It made me think, where, in this idea, does the +concept of sacrificing yourself to a loved one fall? +You are increasing your own pain, and certainly not +adding to your own comfort, unless you consider the +safety of a loved one to be a contributor to your +wellbeing, which, if true, isn't something you can feel +after death. What do you think? + +P.S. Some Things We Do by Swans is a song I love for this +reason. diff --git a/txt/email.txt b/txt/email.txt new file mode 100644 index 0000000..62cc176 --- /dev/null +++ b/txt/email.txt @@ -0,0 +1,46 @@ + I recently changed the email shared on the site, so heads up for that unless + you never contacted me on the previous address (radiohotline pm.me). If you + still have my ****onproton@proton.me address, you can keep that, because I + still use it. Honestly, if there's any provider I want to use, it's RiseUp. + + The only issue with Disroot is that you have to encrypt your own emails, and + while this isn't a problem, given I know how to, I might forget to, or I + might be communicating with someone who doesn't use PGP, and who wouldn't + want to go through the hassle of decrypting mine or encrypting theirs, or + whatever. Anyway, RiseUp emails are encrypted, so there's an extra layer + of security. The problem is that I can't get an invite code. + + However, I don't use email much, and I have nothing that I am trying to + protect. It's just good practice to get into the habit of keeping all of my + comms secure, because who knows how bad the world could get? + + To close this up, my email change should only matter to people who are in + or want to join one of my two webrings, since that's where the old email + was displayed. Well, it's not like there is anyone who personally contacts + me through email, anyway. + + Oh right, if you have a RiseUp code, I would appreciate one unless you don't + trust me or something. I could wait this one out. It's just a matter of + feeling more comfortable with a provider whose views align with mine, + knowing that my communications would be safe in case I express any opinions. + + Speaking of, if you've ever saved my public key, you should replace that. + I put back my old key. I doubt anyone did, but it's just an extra measure. + + (Extra note, but using these files to speak my thoughts is a lot more + comfortable than declaring things on my Neocities profile. I don't really + like using the comment system much as it puts me "out there." I was going + to declare the email switch over there, but that would be very "in your face." + Nobody cares. I don't, either. Dunno who does.) + + Addition: + The only reason I'm not terminating the protonmail address that I'm keeping + is because I still use it on some accounts, so I need a while to change it + on every one before deleting the email. I've been meaning to switch away + from Proton for a long time, actually, but have only postponed it because, + again, I don't talk to anyone, but I was aware of them working with + authorities when it comes to VPN. I didn't care, but honestly even though + I'm not involved with anything suspicious, I don't trust them. + + I suddently remembered that the email I use most is actually freaking Gmail. + For various reasons, I'm not going to do anything about that.
\ No newline at end of file diff --git a/txt/hello.txt b/txt/hello.txt new file mode 100644 index 0000000..e3b69d5 --- /dev/null +++ b/txt/hello.txt @@ -0,0 +1 @@ +WW91J3JlIGhlcmUgdG9vIGVhcmx5LiBDaGVjayBhZ2FpbiBsYXRlci4=
\ No newline at end of file diff --git a/txt/isolation.txt b/txt/isolation.txt new file mode 100644 index 0000000..9fea6ba --- /dev/null +++ b/txt/isolation.txt @@ -0,0 +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 diff --git a/txt/mind.txt b/txt/mind.txt new file mode 100644 index 0000000..62b7e0a --- /dev/null +++ b/txt/mind.txt @@ -0,0 +1 @@ +wip
\ No newline at end of file diff --git a/txt/minimal.txt b/txt/minimal.txt new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/txt/minimal.txt diff --git a/txt/num.txt b/txt/num.txt new file mode 100644 index 0000000..80b5b5d --- /dev/null +++ b/txt/num.txt @@ -0,0 +1,67 @@ + It's true. A number that doesn't end with a zero or a five won't kill you. + I've recently come to terms with the fact that nobody will kill me + (figuratively) for using precise values in my code if they don't change by + increments of five. + + Numbers are numbers. That's all they are. + + + Responses (paraphrased). + + Jan 28 - + thricegreat: + [...] Logically, yes. But I think + giving some numbers divinity [...] is good though. + + + teethinvitro: + I am perfectionistic with designs (specifically in measurements, almost to + a weird level) ... [so] I strive for even-ness in almost everything. + Imagine a drawing, geometric painting, or a web page. Divisions of odd + numbers can have a beauty as well, even though they could be visibly off. + One could even those out to fix the "off-looking" aspects. + + Technically, a lot of numbers have special importance, especially in + geometry, and I wouldn't disagree that I find myself a slave to such + perfection, ... but it wouldn't hurt to break notions like that. + + For example, we can misjudge what is and isn't in a straight line, + especially since most of us don't change our angle of vision but instead of + the angle of the thing we're looking at ... One may intuitively decide on + what looks best if ruler measurements don't "feel" right (but they are). + + Heck, even this file is a victim to me unnecessarily and manually wrapping + words around a certain line length, and I judge that length by eye. + + + thricegreat: + ... So is it similar to why I changed the left-right tile size ratio + (in a tiling WM) from the divine golden ratio to the simplicity of 1:1? + In this case looking good instead of simplicity. + + + teethinvitro: + Pretty much. + + ---------- + + Update on January 7th, 2025: + + There are "no" imperfect numbers in the sense that any number can be + multiplied by any other number, meaning all whole numbers have factors. + Prime numbers' prime factors are 1 and themselves. Any number can be + divided by 2 to give its half. Theoretically, any number can be halved, + so when it comes to something like page design, odd numbers are half of + something too, so they are "allowed." They are clean. You can divide an apple + of any size into half and it will split into a clean cut. However, if any + imperfect number exists, it's all the repeating numbers. Those feel unclean to + use. Dividing with them is impractical. Getting them as a result is impractical. + Despite that, things perfect thirds do exist, if you change the decimal to a fraction. + A graphical representation of a third is beautiful and perfect, but it's decimal + is not, because when you multiply 0.3333333333... by 3, which should be 1, you get + 0.9999999999.... Not good. The number stretches infinitely towards 1, yet it is + never 1, but multiplying 1/3 by 3 yields 1. How come, then, a value like pi + does not have a perfect fraction that represents it that we know of? It should + theoretically exist. If you divide decimals by each other, they can be multiplied + by certain numbers until their fraction is whole-to-whole. The simplest number + to use is 10. diff --git a/txt/point.txt b/txt/point.txt new file mode 100644 index 0000000..e742e26 --- /dev/null +++ b/txt/point.txt @@ -0,0 +1 @@ + aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
\ No newline at end of file diff --git a/txt/shower.txt b/txt/shower.txt new file mode 100644 index 0000000..83c104c --- /dev/null +++ b/txt/shower.txt @@ -0,0 +1,56 @@ + How many outcomes are there to a shower? + + We have to set our scope and threshold. You're probably + thinking that there is one outcome: getting clean. + However, there are infinite outcomes to any event if + you're not careful. + + First, I will limit the observation to the instant the + shower is done. What if I don't? If you count the process, + then every footstep you take in the shower will impact + how the shower goes on a microscopic level that, with + just the right chance, might snowball into a visible effect, + like slipping and injuring yourself. I will not count footsteps. + I will not count the way your muscles contract and relax unless + they are a factor in the success of the shower. Therefore, + I will assume the shower is successful; that is, complete. + + Second, I will limit the impact of the shower to external + physical cleanliness. I will not count psychological effects, + nor will I count the effect (if any) it has on the movement + of red blood cells inside of you, whether they hit the walls + of your vessels in certain ways as they squeeze through, nor will + I pretend that such movement affects the process of showering. + If I count it, there will be infinite outcomes, most of which have + no real discernible value, because the useful data is cleanliness. + I will assume that the way soap bubbles on your skin has no impact, + because there are infinite manners in which the bubbles will appear, + if they appear at all in the foam. I will count, however, whether + the soap covers every picometer of your skin. If not, then how much + of the skin it touches. This is important in assessing the totality + of the cleansing. + + With that out of the way, because there are infinite numbers, there + are infinite "levels" of cleanliness. The percentage can be any number + between 0 and 100. However, some people don't use soap or shampoo + at all. Sometimes, people have a quick shower to rinse off sweat and + nothing else. In cases like this, and in all cases really, it may be + more useful to measure the change in cleanliness level. In other + words, we will count how much cleaner you got. This should exclude + obvious extreme cases like not turning on the water. A shower must + constitute of water at the very least, and the water must touch you. + Usage of soap is not a must, but another factor in cleanliness. + A shower using a bit of soap cleans more than a shower without any. + That translates meaningfully into the calculation and measurement. + + To reduce the number of outcomes from infinite to usable, we can + define ranges and conditions. For example, we can produce a binary + of "clean" and "not clean" based on a threshold of cleanliness. If your + cleanliness at the end of the shower is above a certain percentage, you + are clean. An issue with this is that you may have been clean before the + shower too, so this does not show the effect of the shower. We can thus + return to the change-measuring method: a shower is effective if its + net cleanliness change meets the amount required by the showerer. This + gives room for relative usefulness of the shower. Someone entering the + shower might not be looking for the deepest cleanse. I disagree with + that personally, but that does not matter.
\ No newline at end of file diff --git a/txt/soda.txt b/txt/soda.txt new file mode 100644 index 0000000..b7aa28d --- /dev/null +++ b/txt/soda.txt @@ -0,0 +1,11 @@ +I got so fucked up last night. I had just eaten dinner and went to get a drink. +I wanted to get soda but when I opened the fridge I saw the tasty minty lemonade +bottle. I took the bottle out, and I took a bottle of soda and a glass and set +them all on the table. I was breathing like a drug addict. After feeling stable +(there was some talk about the recent death in the background), I began by pouring +juice up to half of the glass. Then I opened the soda and poured lemon soda into +the rest of the glass. I began drinking, quickly. I loved that shit. I slurped it +up and felt too much of it in my mouth. Too tasty and fizzy. I felt sick. I +repeated the process. I drank it. My heart was beating so fast. There was a very +tiny bit of soda left so I slurped that. I felt sick. I had 1 million burps trapped +inside me that I were to release later diff --git a/txt/where.txt b/txt/where.txt new file mode 100644 index 0000000..36db120 --- /dev/null +++ b/txt/where.txt @@ -0,0 +1,41 @@ + Through logic alone, you are existing now. Your existence + on a literal level is the presence of your physical body. + In a more abstract sense, you may continue to exist as + a person or concept if you're carried as knowledge or + as a memory. These are common ideas, and with them out + of the way, I would like to ask something. + + How do you define your existence? + + Do you exist when you are alone or do you base your + existence around others? Specifically, do you base + it on how you are percieved? + + Do you see it as simply existing in a body that will + eventually pass into dirt once it ceases biological + function or as your connection to others? In other words, + you have an existence in other people, sure, but what + is its value? Most importantly, to you. + + If I were to cut off all existence around others and + continue to exist as somebody that nobody interacts + with, I still exist literally. I can still think and + act and do whatever. Do I still exist to others? + If nobody knew me, if everyone forgot, I don't exactly + exist in a, let's say, "global" sense. + + Does it matter? + + That's not what I was thinking of. I was thinking about + whether cutting off people entirely would give me + a break from existing. Since I have no actions, I have + no impact, and thus no consequences that could shape + my bonds with others and their perception of me. + + How do you define your existence? + + I did not answer my own question. I don't want to + reach an answer. I've long ago come to terms with the + concept of ceasing existence. I don't need to think about + it again. I was just wondering about the difference between + my existence solely and in relation to others.
\ No newline at end of file diff --git a/txt/world.txt b/txt/world.txt new file mode 100644 index 0000000..0206abc --- /dev/null +++ b/txt/world.txt @@ -0,0 +1 @@ + The world is rotten to its core. diff --git a/webring/linuxring/Tux.png b/webring/linuxring/Tux.png Binary files differnew file mode 100644 index 0000000..bdc5b1d --- /dev/null +++ b/webring/linuxring/Tux.png diff --git a/webring/linuxring/icon/alpine.png b/webring/linuxring/icon/alpine.png Binary files differnew file mode 100644 index 0000000..79ab0b2 --- /dev/null +++ b/webring/linuxring/icon/alpine.png diff --git a/webring/linuxring/icon/arch.png b/webring/linuxring/icon/arch.png Binary files differnew file mode 100644 index 0000000..b354eb3 --- /dev/null +++ b/webring/linuxring/icon/arch.png diff --git a/webring/linuxring/icon/archcraft.png b/webring/linuxring/icon/archcraft.png Binary files differnew file mode 100644 index 0000000..3c8fd3d --- /dev/null +++ b/webring/linuxring/icon/archcraft.png diff --git a/webring/linuxring/icon/arco.png b/webring/linuxring/icon/arco.png Binary files differnew file mode 100644 index 0000000..5b0a4e3 --- /dev/null +++ b/webring/linuxring/icon/arco.png diff --git a/webring/linuxring/icon/artix.png b/webring/linuxring/icon/artix.png Binary files differnew file mode 100644 index 0000000..aaac8da --- /dev/null +++ b/webring/linuxring/icon/artix.png diff --git a/webring/linuxring/icon/bazzite.png b/webring/linuxring/icon/bazzite.png Binary files differnew file mode 100644 index 0000000..6477ca3 --- /dev/null +++ b/webring/linuxring/icon/bazzite.png diff --git a/webring/linuxring/icon/crux.png b/webring/linuxring/icon/crux.png Binary files differnew file mode 100644 index 0000000..585b8f8 --- /dev/null +++ b/webring/linuxring/icon/crux.png diff --git a/webring/linuxring/icon/debian.png b/webring/linuxring/icon/debian.png Binary files differnew file mode 100644 index 0000000..422fda4 --- /dev/null +++ b/webring/linuxring/icon/debian.png diff --git a/webring/linuxring/icon/devuan.png b/webring/linuxring/icon/devuan.png Binary files differnew file mode 100644 index 0000000..52172c3 --- /dev/null +++ b/webring/linuxring/icon/devuan.png diff --git a/webring/linuxring/icon/endeavouros.png b/webring/linuxring/icon/endeavouros.png Binary files differnew file mode 100644 index 0000000..7cb8ccf --- /dev/null +++ b/webring/linuxring/icon/endeavouros.png diff --git a/webring/linuxring/icon/fedora.png b/webring/linuxring/icon/fedora.png Binary files differnew file mode 100644 index 0000000..111d1e3 --- /dev/null +++ b/webring/linuxring/icon/fedora.png diff --git a/webring/linuxring/icon/freebsd.png b/webring/linuxring/icon/freebsd.png Binary files differnew file mode 100644 index 0000000..2efb2ef --- /dev/null +++ b/webring/linuxring/icon/freebsd.png diff --git a/webring/linuxring/icon/garuda.png b/webring/linuxring/icon/garuda.png Binary files differnew file mode 100644 index 0000000..51d9518 --- /dev/null +++ b/webring/linuxring/icon/garuda.png diff --git a/webring/linuxring/icon/gentoo.png b/webring/linuxring/icon/gentoo.png Binary files differnew file mode 100644 index 0000000..c204a3c --- /dev/null +++ b/webring/linuxring/icon/gentoo.png diff --git a/webring/linuxring/icon/kde.png b/webring/linuxring/icon/kde.png Binary files differnew file mode 100644 index 0000000..eec6ba5 --- /dev/null +++ b/webring/linuxring/icon/kde.png diff --git a/webring/linuxring/icon/kubuntu.png b/webring/linuxring/icon/kubuntu.png Binary files differnew file mode 100644 index 0000000..f9b5a4d --- /dev/null +++ b/webring/linuxring/icon/kubuntu.png diff --git a/webring/linuxring/icon/manjaro.png b/webring/linuxring/icon/manjaro.png Binary files differnew file mode 100644 index 0000000..a66fc68 --- /dev/null +++ b/webring/linuxring/icon/manjaro.png diff --git a/webring/linuxring/icon/mate.png b/webring/linuxring/icon/mate.png Binary files differnew file mode 100644 index 0000000..74c0a10 --- /dev/null +++ b/webring/linuxring/icon/mate.png diff --git a/webring/linuxring/icon/mint.png b/webring/linuxring/icon/mint.png Binary files differnew file mode 100644 index 0000000..26627c3 --- /dev/null +++ b/webring/linuxring/icon/mint.png diff --git a/webring/linuxring/icon/nixos.png b/webring/linuxring/icon/nixos.png Binary files differnew file mode 100644 index 0000000..ce0c98c --- /dev/null +++ b/webring/linuxring/icon/nixos.png diff --git a/webring/linuxring/icon/nobara.png b/webring/linuxring/icon/nobara.png Binary files differnew file mode 100644 index 0000000..e704727 --- /dev/null +++ b/webring/linuxring/icon/nobara.png diff --git a/webring/linuxring/icon/openbsd.png b/webring/linuxring/icon/openbsd.png Binary files differnew file mode 100644 index 0000000..fb7adfb --- /dev/null +++ b/webring/linuxring/icon/openbsd.png diff --git a/webring/linuxring/icon/opensuse.png b/webring/linuxring/icon/opensuse.png Binary files differnew file mode 100644 index 0000000..2fd578e --- /dev/null +++ b/webring/linuxring/icon/opensuse.png diff --git a/webring/linuxring/icon/plan9.png b/webring/linuxring/icon/plan9.png Binary files differnew file mode 100644 index 0000000..25811c8 --- /dev/null +++ b/webring/linuxring/icon/plan9.png diff --git a/webring/linuxring/icon/popos.png b/webring/linuxring/icon/popos.png Binary files differnew file mode 100644 index 0000000..94f0273 --- /dev/null +++ b/webring/linuxring/icon/popos.png diff --git a/webring/linuxring/icon/postmarketos.png b/webring/linuxring/icon/postmarketos.png Binary files differnew file mode 100644 index 0000000..3ac90f8 --- /dev/null +++ b/webring/linuxring/icon/postmarketos.png diff --git a/webring/linuxring/icon/q4os.png b/webring/linuxring/icon/q4os.png Binary files differnew file mode 100644 index 0000000..2a2b5bb --- /dev/null +++ b/webring/linuxring/icon/q4os.png diff --git a/webring/linuxring/icon/raspberry.png b/webring/linuxring/icon/raspberry.png Binary files differnew file mode 100644 index 0000000..34f1aff --- /dev/null +++ b/webring/linuxring/icon/raspberry.png diff --git a/webring/linuxring/icon/slackware.png b/webring/linuxring/icon/slackware.png Binary files differnew file mode 100644 index 0000000..ab3a15d --- /dev/null +++ b/webring/linuxring/icon/slackware.png diff --git a/webring/linuxring/icon/studio.png b/webring/linuxring/icon/studio.png Binary files differnew file mode 100644 index 0000000..0b7976f --- /dev/null +++ b/webring/linuxring/icon/studio.png diff --git a/webring/linuxring/icon/templeos.png b/webring/linuxring/icon/templeos.png Binary files differnew file mode 100644 index 0000000..66a6328 --- /dev/null +++ b/webring/linuxring/icon/templeos.png diff --git a/webring/linuxring/icon/tux.png b/webring/linuxring/icon/tux.png Binary files differnew file mode 100644 index 0000000..ab5907e --- /dev/null +++ b/webring/linuxring/icon/tux.png diff --git a/webring/linuxring/icon/ubuntu.png b/webring/linuxring/icon/ubuntu.png Binary files differnew file mode 100644 index 0000000..05f764a --- /dev/null +++ b/webring/linuxring/icon/ubuntu.png diff --git a/webring/linuxring/icon/ultramarine.png b/webring/linuxring/icon/ultramarine.png Binary files differnew file mode 100644 index 0000000..4b081bb --- /dev/null +++ b/webring/linuxring/icon/ultramarine.png diff --git a/webring/linuxring/icon/unity.png b/webring/linuxring/icon/unity.png Binary files differnew file mode 100644 index 0000000..68fca7d --- /dev/null +++ b/webring/linuxring/icon/unity.png diff --git a/webring/linuxring/icon/void.png b/webring/linuxring/icon/void.png Binary files differnew file mode 100644 index 0000000..df1198e --- /dev/null +++ b/webring/linuxring/icon/void.png diff --git a/webring/linuxring/icon/xubuntu.png b/webring/linuxring/icon/xubuntu.png Binary files differnew file mode 100644 index 0000000..2b16976 --- /dev/null +++ b/webring/linuxring/icon/xubuntu.png diff --git a/webring/linuxring/icon/zorin.png b/webring/linuxring/icon/zorin.png Binary files differnew file mode 100644 index 0000000..617cc0a --- /dev/null +++ b/webring/linuxring/icon/zorin.png diff --git a/webring/linuxring/icons.txt b/webring/linuxring/icons.txt new file mode 100644 index 0000000..58bd77c --- /dev/null +++ b/webring/linuxring/icons.txt @@ -0,0 +1,38 @@ +alpine +archcraft +arch +arco +artix +bazzite +crux +debian +devuan +endeavouros +fedora +freebsd +garuda +gentoo +kde +kubuntu +manjaro +mate +mint +nixos +nobara +openbsd +opensuse +plan9 +popos +postmarketos +q4os +raspberry +slackware +studio +templeos +tux +ubuntu +ultramarine +unity +void +xubuntu +zorin diff --git a/webring/linuxring/index.html b/webring/linuxring/index.html new file mode 100644 index 0000000..eac2e8f --- /dev/null +++ b/webring/linuxring/index.html @@ -0,0 +1,533 @@ + +<!DOCTYPE html> +<html> +<head> + <title>LinuxRing</title> + <link rel="icon" type="image/x-icon" href="Tux.png"> + <meta charset="UTF-8"> + <link href="style.css" rel="stylesheet" type="text/css" media="all"> + <link rel="stylesheet" href="script/onionring.css"> + <style> +.flex { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; +} + +.element { + display: block; + width: 200px; + text-align: center; +} + +.element textarea { + width: 200px; +} + </style> +</head> + +<body> + <h1>*nixRing</h1> +<div class="container"> + <div> + <img src="Tux.png" alt="Tux" style="height: 20%; float: left"/> + </div> + <p>Do you own a website? Do you use a <a href="https://en.wikipedia.org/wiki/List_of_Unix_systems#Unix-like_operating_systems">Unix-like operating system</a>? Or maybe you use an obscure non-Unix system like KolibriOS, Haiku, or Plan9. This place is for you! Whether you're a hardcore believer in Unix philosophies or a casual Linux user who owns a website, you're free to join the *nix systems webring.</p> + <p>This ring does not accept empty sites and no longer accepts sites that do not contain anything about *nix, FOSS, or tech (hardware, programming, etc.) in general (old members will remain). MacOS submissions are not accepted.</p> + <p>Dead sites and sites that do not add the widget within a month of admission will be removed without notice to maintain webring health.</p> + <p>Email: radiohotline[at]disroot[dot]org</p> + <p style="font-size: small;">Image of Tux by Larry Ewing and <a href="https://en.wikipedia.org/wiki/GIMP" class="extiw" title="w:GIMP">The GIMP</a>, Attribution, <a href="https://commons.wikimedia.org/w/index.php?curid=80930">Link</a></p> + + <div class="flex"> + <div class="element"> + <p>Submission form:</p> + <textarea> +Site: +Short description of your website: +The system/distro you use (for the icon): + </textarea> + </div> + + <div class="element" style="width: 300px;"> + <p>Widget. Specify in email for JS-free version:</p> + <textarea> +<script defer src="https://teethinvitro.neocities.org/webring/linuxring/ring.js" data-icon="tux"> + </textarea> + </div> + <div class="element" style="text-align: left;"> + <p>The default icon is Tux. You can replace "tux" with any of the <a href="icons.txt">following icons</a>. If your OS is missing, I will automatically add it when you join.</p> + </div> + </div> + <br> + + <div class="members"> + <h2>Members</h2> + <table id="members"> + <tr> + <td><img class="icon" src="icon/artix.png"><img class="icon" src="icon/void.png"></td> + <td><a href="https://teethinvitro.neocities.org">teethinvitro.neocities.org</a></td> + <td>Teeth in Vitro is a corner for my thoughts, art, music, and writing — a piece of me.</td> + </tr> + <tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://iwillneverbehappy.neocities.org/">iwillneverbehappy.neocities.org</a></td> + <td>Personal blog w/ artwork and sporadic posts, mainly about artmaking and FOSS :*)</td> + </tr> + <tr> + <td><img class="icon" src="icon/arch.png"><img class="icon" src="icon/endeavouros.png"></td> + <td><a href="https://xn--ug8ht8h.ws/">🦘🌎.ws</a></td> + <td>A website dedicated to the WorldsPlayer chat program from 1998 and onward, featuring modding tutorials and user-generated content for Worlds.com.</td> + <tr> + <tr> + <td><img class="icon" src="icon/artix.png"></td> + <td><a href="http://wirlaburla.worlio.com/">wirlaburla.worlio.com</a></td> + <td>A personal page for old software, programming, linux, and nerding out.</td> + </tr> + <tr> + <td><img class="icon" src="icon/freebsd.png"></td> + <td><a href="https://hoppingtopping.com/">hoppingtopping.com</a></td> + <td>A personal website themed after my current interests and dedicated to anyone who's interested in browsing it.</td> + </tr> + <tr> + <td><img class="icon" src="icon/openbsd.png"></td> + <td><a href="https://kaa.neocities.org">kaa.neocities.org</a></td> + <td>A place hosting the creations and appreciations of a young adult.</td> + </tr> + <tr> + <td><img class="icon" src="icon/mint.png"></td> + <td><a href="https://foreverliketh.is/">foreverliketh.is</a></td> + <td>Both a personal website and digital garden. Themes include: Education, Life, Psychology & Journaling</td> + </tr> + <tr> + <td><img class="icon" src="icon/manjaro.png"></td> + <td><a href="https://karma.computer">karma.computer</a></td> + <td>A digital garden planted with my thoughts and works and anything else I find interesting!</td> + </tr> + <tr> + <td><img class="icon" src="icon/popos.png"></td> + <td><a href="https://azuremillennium.neocities.org">azuremillennium.neocities.org</a></td> + <td>A personal website composed mostly of writing where I put anything related to my interests.</td> + </tr> + <tr> + <td><img class="icon" src="icon/gentoo.png"></td> + <td><a href="https://i330.dev/">i330.dev</a></td> + <td>Small blog & archive of stuff that I find interesting. Mostly technical stuffs & linux goodies in the works.</td> + </tr> + <tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://alan460.is-hella.gay/">alan460.is-hella.gay</a></td> + <td>Half personal website, half hoard of everything that I've ever known & felt.</td> + </tr> + <tr> + <td><img class="icon" src="icon/openbsd.png"></td> + <td><a href="https://crystal.tilde.institute">crystal.tilde.institute</a></td> + <td>a personal website where i share my opinions and random things i find interesting (currently WIP)</td> + </tr> + <tr> + <td><img class="icon" src="icon/void.png"><img class="icon" src="icon/gentoo.png"></td> + <td><a href="https://skeleg.org">skeleg.org</a></td> + <td>Personal site where I post projects, blog posts and pictures I take.</td> + </tr> + <tr> + <td><img class="icon" src="icon/void.png"><img class="icon" src="icon/artix.png"></td> + <td><a href="https://cronico.neocities.org">cronico.neocities.org</a></td> + <td>Bilingual (spanish/english) personal website where I show my art, I talk about books and I rant about things I hate or love.</td> + </tr> + <tr> + <td><img class="icon" src="icon/mint.png"></td> + <td><a href="https://theaio.neocities.org">theaio.neocities.org</a></td> + <td>Personal website containing whatever i feel like posting :)</td> + </tr> + <tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://risingthumb.xyz">risingthumb.xyz</a></td> + <td>Personal Website of RisingThumb, philosophy, software development, tech and other writings for stuff that interests</td> + </tr> + <tr> + <td><img class="icon" src="icon/ultramarine.png"></td> + <td><a href="https://leap123.neocities.org">leap123.neocities.org</a></td> + <td>My personal website with a blog. Posts whenever I felt like it.</td> + </tr> + <tr> + <td><img class="icon" src="icon/fedora.png"></td> + <td><a href="https://tepiloxtl.net/">tepiloxtl.net</a></td> + <td>Personal site I tippy-tap on about tech or games or who knows what actually 😊</td> + </tr> + <tr> + <td><img class="icon" src="icon/void.png"></td> + <td><a href="https://antares.neocities.org/">antares.neocities.org</a></td> + <td>[English, français, 日本語] FOSS and Linux gaming blog with a PeerTube channel. Occasional random topic and surprises.</td> + </tr> + <tr> + <td><img class="icon" src="icon/endeavouros.png"></td> + <td><a href="https://avas.space">avas.space</a></td> + <td>Personal site with pixel art, a terminal look, some info on the owner, a blog & some hidden secrets.</td> + </tr> + <tr> + <td><img class="icon" src="icon/endeavouros.png"></td> + <td><a href="https://0xf0xx0.eth.limo/">0xf0xx0.eth.limo</a></td> + <td>A personal website by a fluffy nerd, hosted on IPFS~</td> + </tr> + <tr> + <td><img class="icon" src="icon/debian.png"></td> + <td><a href="https://ophanimkei.com/">ophanimkei.com</a></td> + <td>A personal site of a lolita featuring art, essays, and other various ramblings</td> + </tr> + <tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://kinisis.xyz/">kinisis.xyz</a></td> + <td>A personal website & blog with a focus on Linux, digital independence and more.</td> + </tr> + <tr> + <td><img class="icon" src="icon/mate.png"></td> + <td><a href="http://baccyflap.com/">baccyflap.com</a></td> + <td>personal page about lots of things</td> + </tr> + <tr> + <td><img class="icon" src="icon/debian.png"></td> + <td><a href="https://exlitry.world/">exlitry.world</a></td> + <td>This is Charon Faustinus's personal site Exlitry.World (or Exlitry verse) This is the result of 4000+ hours in VRChat.</td> + </tr> + <tr> + <td><img class="icon" src="icon/endeavouros.png"></td> + <td><a href="https://circulars.dev">circulars.dev</a></td> + <td>my own personal website with a bunch of cool stuff (and blog posts every once in a blue moon)</td> + </tr> + <tr> + <td><img class="icon" src="icon/fedora.png"></td> + <td><a href="https://tommi.space/">tommi.space</a></td> + <td>The virtual representation of a messy and explosive mind.</td> + </tr> + <tr> + <td><img class="icon" src="icon/fedora.png"></td> + <td><a href="https://patrickwu.space/">patrickwu.space</a></td> + <td>Peronal blog about my dev notes with slices of my rant and sometimes my life</td> + </tr> + <tr> + <td><img class="icon" src="icon/debian.png"></td> + <td><a href="https://corvidae.digital/">corvidae.digital</a></td> + <td>my personal digital space! features my art, blog, collections, and more! 😃</td> + </tr> + <tr> + <td><img class="icon" src="icon/endeavouros.png"><img class="icon" src="icon/debian.png"></td> + <td><a href="https://raum.neocities.org/">raum.neocities.org</a></td> + <td>personal website with a generous dose of jellyfish.</td> + </tr> + <tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://avidseeker.github.io">avidseeker.github.io</a></td> + <td>An avid seeker of knowledge, technological freedom, and privacy. Into real sustainability that is only achieved with Free Software.</td> + </tr> + <tr> + <td><img class="icon" src="icon/kubuntu.png"></td> + <td><a href="https://www.dreamwingsthegriffon.com/">www.dreamwingsthegriffon.com</a></td> + <td>A birb on the internet puts up whatever they want into a void. Misc collection of thoughts, likes, dislikes, art, writings, guides, links, and probably more things later.</td> + </tr> + <tr> + <td><img class="icon" src="icon/artix.png"><img class="icon" src="icon/alpine.png"></td> + <td><a href="https://nicolabelluti.me">nicolabelluti.me</a></td> + <td>My personal blog where sometimes I post something interesting about tech</td> + </tr> + <tr> + <td><img class="icon" src="icon/fedora.png"><img class="icon" src="icon/debian.png"></td> + <td><a href="https://xx-starbrite-xx.neocities.org">xx-starbrite-xx.neocities.org</a></td> + <td>Random all-purpose site where I post my thoughts and art. Forever doomed to be a work in progress!</td> + </tr> + <tr> + <td><img class="icon" src="icon/ultramarine.png"></td> + <td><a href="https://heart143.neocities.org">heart143.neocities.org</a></td> + <td>Where the heart lives</td> + </tr> + <tr> + <td><img class="icon" src="icon/studio.png"></td> + <td><a href="https://cassiecandles.net/">cassiecandles.net</a></td> + <td>Personal blog for my art, witchcraft, and various projects</td> + </tr> + <tr> + <td><img class="icon" src="icon/popos.png"></td> + <td><a href="https://mkultra.monster">mkultra.monster</a></td> + <td> A home for my many blog posts, and all of the things that I do, including music, fiction, & more.</td> + </tr> + <tr> + <td><img class="icon" src="icon/ubuntu.png"><img class="icon" src="icon/zorin.png"><img class="icon" src="icon/raspberry.png"></td> + <td><a href="https://tiagorangel.com/">tiagorangel.com</a></td> + <td>my personal website I guess</td> + </tr> + <tr> + <td><img class="icon" src="icon/unity.png"><img class="icon" src="icon/endeavouros.png"></td> + <td><a href="https://sharkcave.me/">sharkcave.me</a></td> + <td>The web-home of a monster-fueled acid-blooded cat shark. Contains writings, shrines for my interests, and more to come!</td> + </tr> + <tr> + <td><img class="icon" src="icon/devuan.png"></td> + <td><a href="https://scuti.neocities.org/">scuti.neocities.org</a></td> + <td>scuti's text garden of programming, video gaming, and real life adventures. Semi-professional online portfolio of C, Lua, Ada, and Python projects.</td> + </tr> + <tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://appak.neocities.org">appak.neocities.org</a></td> + <td>appak's personal page, includes a long bio, button collection and personal links</td> + </tr> + <tr> + <td><img class="icon" src="icon/fedora.png"></td> + <td><a href="https://myrdin.cx">myrdin.cx</a></td> + <td>A minimalistic, personal website created by a linguist who is exploring the internet :)</td> + </tr> + <tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://clygro.cc/">clygro.cc</a></td> + <td>The personal website where I ramble about my adventures making a website, web browser and a Linux distro, also some of my photos and other content is hosted there.</td> + </tr> + <tr> + <td><img class="icon" src="icon/gentoo.png"></td> + <td><a href="https://fish.golf">fish.golf</a></td> + <td>fish 👏 golf 👏 fish 👏👏</td> + </tr> + <tr> + <td><img class="icon" src="icon/debian.png"><img class="icon" src="icon/arch.png"></td> + <td><a href="https://dagurthehorrible.neocities.org/">dagurthehorrible.neocities.org</a></td> + <td>personal website with stuff I like</td> + </tr> + <tr> + <td><img class="icon" src="icon/popos.png"><img class="icon" src="icon/endeavouros.png"></td> + <td><a href="https://spider-kyle.neocities.org/">spider-kyle.neocities.org</a></td> + <td>Personal site</td> + </tr> + <tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://regirock.net">regirock.net</a></td> + <td>My website is just a small personal page that I maintain as a hobby project and a form of self expression. It's fun to make your own stuff!</td> + </tr> + <tr> + <td><img class="icon" src="icon/mint.png"></td> + <td><a href="https://hazelthats.me">hazelthats.me</a></td> + <td>Personal website and blog of Hazel (that's me)</td> + </tr> + <tr> + <td><img class="icon" src="icon/opensuse.png"></td> + <td><a href="https://alexisgaming95.neocities.org">alexisgaming95.neocities.org</a></td> + <td>Making the unforeseeable future foreseeable. This is the official website of AGR, by Alexis himself!</td> + </tr> +<tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://lottalinuxlinks.com">lottalinuxlinks.com</a></td> + <td>The lottalinuxlinks.com linux user web blog is where an old linux user rambles on about linux, FOSS, movies, books, and other geekery.</td> +</tr> +<tr> + <td><img class="icon" src="icon/ubuntu.png"><img class="icon" src="icon/debian.png"></td> + <td><a href="https://gorkem.cc">gorkem.cc</a></td> + <td>A personal website where I share open-source and open-hardware projects, along with tutorials</td> +</tr> +<tr> + <td><img class="icon" src="icon/debian.png"></td> + <td><a href="https://riomc.cloud">riomc.cloud</a></td> + <td>Digital garden about a lot of things, but specially a technology blog</td> +</tr> +<tr> + <td><img class="icon" src="icon/endeavouros.png"><img class="icon" src="icon/raspberry.png"></td> + <td><a href="https://unpop.neocities.org/">unpop.neocities.org</a></td> + <td>A personal blog showcasing my favorite niche media, personal art, and coding projects.</td> +</tr> +<tr> + <td><img class="icon" src="icon/fedora.png"></td> + <td><a href="https://shittyweb.org/">https://shittyweb.org/</a></td> + <td>Its a place for me to talk about whatever random shit is on my mind. I talk about topics ranging from anime and music to deeper thoughts about the mind, society, and the universe.</td> +</tr> +<tr> + <td><img class="icon" src="icon/debian.png"></td> + <td><a href="https://pogmom.me">pogmom.me</a></td> + <td>Personal website which serves as a homepage for my FOSS & open internet projects </td> +</tr> +<tr> + <td><img class="icon" src="icon/opensuse.png"><img class="icon" src="icon/debian.png"><img class="icon" src="icon/fedora.png"></td> + <td><a href="https://april.nekoweb.org/">april.nekoweb.org</a></td> + <td>The personal page of a trans girl who's been using GNU/Linux since 2011. I like to share my thoughts, make tutorials, and more!</td> +</tr> +<tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://goodgirl.dev/">goodgirl.dev</a></td> + <td>This website contains general information about myself and my projects that I'm working on</td> +</tr> +<tr> + <td><img class="icon" src="icon/artix.png"></td> + <td><a href="https://sor.neocities.org/">sor.neocities.org</a></td> + <td>Software recommendations, dotfiles, shell scripts, and links to useful online tools and resources.</td> +</tr> +<tr> + <td><img class="icon" src="icon/debian.png"></td> + <td><a href="https://starcrush.net">starcrush.net</a></td> + <td>A place to share my personal interests including music, art, and technoloy</td> +</tr> +<tr> + <td><img class="icon" src="icon/debian.png"></td> + <td><a href="https://bytesofprogress.net/">bytesofprogress.net</a></td> + <td>Blog and knowledge base about computers. Also has useful files and links.</td> +</tr> +<tr> + <td><img class="icon" src="icon/mint.png"></td> + <td><a href="https://projectc190.net">projectc190.net</a></td> + <td>Personal website featuring artwork, techy articles, book reviews, and more</td> +</tr> +<tr> + <td><img class="icon" src="icon/endeavouros.png"></td> + <td><a href="https://privatenoob.top/">privatenoob.top</a></td> + <td>A tech and baking related personal site, with some additional quirkiness :3</td> +</tr> +<tr> + <td><img class="icon" src="icon/fedora.png"></td> + <td><a href="https://alexzeecomedy.com">alexzeecomedy.com</a></td> + <td>Alexzeecomedy.com is the online landing page for Alex Zee: stand-up comedian, content creator and FOSS/open-source enthusiast based in Huntsville, Alabama.</td> +</tr> +<tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://wheelsbot.dev/">wheelsbot.dev</a></td> + <td>A personal blog focused on tinkering with open-source software, primarily on Linux.</td> +</tr> +<tr> + <td><img class="icon" src="icon/debian.png"><img class="icon" src="icon/mint.png"></td> + <td><a href="https://8y7.nekoweb.org/">8y7.nekoweb.org</a></td> + <td>Mainly personal, but the majority of pages are about things I like. :)</td> +</tr> +<tr> + <td><img class="icon" src="icon/raspberry.png"><img class="icon" src="icon/debian.png"></td> + <td><a href="https://igor360.neocities.org/">igor360.neocities.org</a></td> + <td>warning: it super silly</td> +</tr> +<tr> + <td><img class="icon" src="icon/freebsd.png"></td> + <td><a href="https://zzfs.home.kg/">zzfs.home.kg</a></td> + <td>A blog about tech but mostly FreeBSD and Linux. Also some programming related stuff as well.</td> +</tr> +<tr> + <td><img class="icon" src="icon/gentoo.png"><img class="icon" src="icon/alpine.png"></td> + <td><a href="https://ari.lt/">ari.lt</a></td> + <td>The personal website of Arija A. (Ari Archer), a neurodivergent, transgender open source developer and tinkerer from Lithuania, where she dedicates her time to open source projects, digital freedom, tech accessibility, and creative exploration - building a little corner on the interwebs focused on making technology open, hackable, and accessible to all.</td> +</tr> +<tr> + <td><img class="icon" src="icon/arch.png"><img class="icon" src="icon/alpine.png"></td> + <td><a href="https://prigoana.com/">prigoana.com</a></td> + <td>personal site</td> +</tr> +<tr> + <td><img class="icon" src="icon/bazzite.png"></td> + <td><a href="https://lukealexdavis.co.uk">lukealexdavis.co.uk</a></td> + <td>The digital home of Luke Davis: a senior technical SEO, music producer, and blogger</td> +</tr> +<tr> + <td><img class="icon" src="icon/mint.png"></td> + <td><a href="https://kimberlygb.nekoweb.org/">kimberlygb.nekoweb.org</a></td> + <td>Raphire Win11Debloat</td> +</tr> +<tr> + <td><img class="icon" src="icon/fedora.png"></td> + <td><a href="https://maniksharma.xyz/">maniksharma.xyz</a></td> + <td>cool website for a teen who likes cool stuff like proxmox and linux</td> +</tr> +<tr> + <td><img class="icon" src="icon/arch.png"><img class="icon" src="icon/ubuntu.png"></td> + <td><a href="https://hisvirusness.com/">hisvirusness.com</a></td> + <td>Blog/personal platform/functional portfolio of a multimedia artist who created their own markup language specifically just to write the content of their website more efficiently. Whack. Job. Exclamation point.</td> +</tr> +<tr> + <td><img class="icon" src="icon/void.png"></td> + <td><a href="https://tx0.nekoweb.org">tx0.nekoweb.org</a></td> + <td>A personal page containing my blog on culture and technology, info on me, and whatever else I think is neat.</td> +</tr> +<tr> + <td><img class="icon" src="icon/nixos.png"></td> + <td><a href="https://offensivename.com">offensivename.com</a></td> + <td>I really hate computers</td> +</tr> +<tr> + <td><img class="icon" src="icon/nobara.png"></td> + <td><a href="https://leroymilo.neocities.org/">leroymilo.neocities.org</a></td> + <td>A personal site where I +talk about stuff I like and share stuff I make (games, mods, software)</td> +</tr> +<tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://ficd.sh">ficd.sh</a></td> + <td>Writings on text editors and Linux. Sometimes philosophy.</td> +</tr> +<tr> + <td><img class="icon" src="icon/nixos.png"></td> + <td><a href="https://skoove.dev">skoove.dev</a></td> + <td>I like writing about technical topics and really anything I find intresting</td> +</tr> +<tr> + <td><img class="icon" src="icon/fedora.png"><img class="icon" src="icon/endeavouros.png"><img class="icon" src="icon/openbsd.png"></td> + <td><a href="https://hexaitos.com">hexaitos.com</a></td> + <td>Personal website about various topics, including Linux, OpenBSD and tech (especially FOSS) in general.</td> +</tr> +<tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://minxie.likesyou.org">minxie.likesyou.org</a></td> + <td>a website of my own, where i host my projects, information and +support for my project!</td> +</tr> +<tr> + <td><img class="icon" src="icon/fedora.png"></td> + <td><a href="https://blog.k3can.us">blog.k3can.us</a></td> + <td>A blog about my hobbies, generally involving linux, ham radio, self-hosting, small +internet, and other nerdy topics.</td> +</tr> +<tr> + <td><img class="icon" src="icon/nobara.png"></td> + <td><a href="https://kwaamfan.haliya.net/">kwaamfan.haliya.net</a></td> + <td>a personal website and blog, mostly about language learning, video games, knitting, and technology</td> +</tr> +<tr> + <td><img class="icon" src="icon/ubuntu.png"><img class="icon" src="icon/mint.png"></td> + <td><a href="https://hamaonoverdrive.online">hamaonoverdrive.online</a></td> + <td>Personal website: indie visual novel development and discussion; technology and society; programming and art. The future is in our hands.</td> +</tr> +<tr> + <td><img class="icon" src="icon/nixos.png"><img class="icon" src="icon/openbsd.png"></td> + <td><a href="https://mtgmonkey.net">mtgmonkey.net</a></td> + <td>a nerd site about primarily functional programming, including Haskell, Nix/OS, and +Elm. Includes lots of links to other interesting sites and papers I find itneresting. In German and English.</td> +</tr> +<tr> + <td><img class="icon" src="icon/debian.png"></td> + <td><a href="https://planty.one">planty.one</a></td> + <td>A queer game designer and artist who loves technology, especially computer tech and software.</td> +</tr> +<tr> + <td><img class="icon" src="icon/mint.png"><img class="icon" src="icon/nixos.png"></td> + <td><a href="https://7vtia.nekoweb.org">7vtia.nekoweb.org</a></td> + <td>A personal website and blog that is also a resources page.</td> +</tr> +<tr> + <td><img class="icon" src="icon/kde.png"></td> + <td><a href="https://akselmo.dev">akselmo.dev</a></td> + <td>Ramblings about KDE development, Linux, Gamedev, FOSS in general and whatever personal things I come up with.</td> +</tr> +<tr> + <td><img class="icon" src="icon/debian.png"></td> + <td><a href="https://joelb.xyz/">joelb.xyz</a></td> + <td>A random place for me to put things up. May look completely different next time you see it!</td> +</tr> +<tr> + <td><img class="icon" src="icon/arch.png"></td> + <td><a href="https://innocentzero.is-a.dev/">innocentzero.is-a.dev</a></td> + <td>A collection of my ramblings, notes, and other stuff - my home +on the internet.</td> +</tr> +<tr> + <td><img class="icon" src="icon/postmarketos.png"></td> + <td><a href="https://coolpickles.neocities.org">coolpickles.neocities.org</a></td> + <td>Obscure nerdy tech website featuring a personal blog, game reviews, product reviews, and</td> +</tr> + + + </table> + </div> + + <a style="float: right;" title="Ronald G Minnich, CC BY-SA 3.0 <http://creativecommons.org/licenses/by-sa/3.0/>, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:LinuxBIOS_Logo.jpg"><img width="128" alt="LinuxBIOS Logo" src="https://upload.wikimedia.org/wikipedia/commons/8/8e/LinuxBIOS_Logo.jpg"></a> +</div> + + <footer style="margin-left: 29%">Year of Linux</footer> + +</body> +</html> diff --git a/webring/linuxring/redirect/alexisnext.html b/webring/linuxring/redirect/alexisnext.html new file mode 100644 index 0000000..78245d2 --- /dev/null +++ b/webring/linuxring/redirect/alexisnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://gorkem.cc'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://gorkem.cc/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/alexisprev.html b/webring/linuxring/redirect/alexisprev.html new file mode 100644 index 0000000..df626a9 --- /dev/null +++ b/webring/linuxring/redirect/alexisprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://hazelthats.me'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://hazelthats.me">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/alexznext.html b/webring/linuxring/redirect/alexznext.html new file mode 100644 index 0000000..af6e7a6 --- /dev/null +++ b/webring/linuxring/redirect/alexznext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://wheelsbot.dev/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://wheelsbot.dev/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/alexzprev.html b/webring/linuxring/redirect/alexzprev.html new file mode 100644 index 0000000..e08b0bb --- /dev/null +++ b/webring/linuxring/redirect/alexzprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://privatenoob.top/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://privatenoob.top/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/arinext.html b/webring/linuxring/redirect/arinext.html new file mode 100644 index 0000000..d919362 --- /dev/null +++ b/webring/linuxring/redirect/arinext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://prigoana.com/"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://prigoana.com/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/ariprev.html b/webring/linuxring/redirect/ariprev.html new file mode 100644 index 0000000..d3973ee --- /dev/null +++ b/webring/linuxring/redirect/ariprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://zzfs.home.kg'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://zzfs.home.kg">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/ficdnext.html b/webring/linuxring/redirect/ficdnext.html new file mode 100644 index 0000000..6e46599 --- /dev/null +++ b/webring/linuxring/redirect/ficdnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://skoove.dev/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://skoove.dev/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/ficdprev.html b/webring/linuxring/redirect/ficdprev.html new file mode 100644 index 0000000..763e7d8 --- /dev/null +++ b/webring/linuxring/redirect/ficdprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://leroymilo.neocities.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://leroymilo.neocities.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/hazelnext.html b/webring/linuxring/redirect/hazelnext.html new file mode 100644 index 0000000..0f6c736 --- /dev/null +++ b/webring/linuxring/redirect/hazelnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://alexisgaming95.neocities.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://alexisgaming95.neocities.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/hazelprev.html b/webring/linuxring/redirect/hazelprev.html new file mode 100644 index 0000000..f11f497 --- /dev/null +++ b/webring/linuxring/redirect/hazelprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://regirock.net/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://regirock.net/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/innocentnext.html b/webring/linuxring/redirect/innocentnext.html new file mode 100644 index 0000000..3d4b875 --- /dev/null +++ b/webring/linuxring/redirect/innocentnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://coolpickles.neocities.org'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://coolpickles.neocities.org">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/innocentprev.html b/webring/linuxring/redirect/innocentprev.html new file mode 100644 index 0000000..e0670d1 --- /dev/null +++ b/webring/linuxring/redirect/innocentprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://joelb.xyz/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://joelb.xyz/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/joelbnext.html b/webring/linuxring/redirect/joelbnext.html new file mode 100644 index 0000000..4deffd4 --- /dev/null +++ b/webring/linuxring/redirect/joelbnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://innocentzero.is-a.dev/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://innocentzero.is-a.dev/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/joelbprev.html b/webring/linuxring/redirect/joelbprev.html new file mode 100644 index 0000000..013ae23 --- /dev/null +++ b/webring/linuxring/redirect/joelbprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://akselmo.dev'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://akselmo.dev">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/k3cannext.html b/webring/linuxring/redirect/k3cannext.html new file mode 100644 index 0000000..61179d3 --- /dev/null +++ b/webring/linuxring/redirect/k3cannext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://kwaamfan.haliya.net/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://kwaamfan.haliya.net/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/k3canprev.html b/webring/linuxring/redirect/k3canprev.html new file mode 100644 index 0000000..0697354 --- /dev/null +++ b/webring/linuxring/redirect/k3canprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://minxie.likesyou.org'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://minxie.likesyou.org">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/kaanext.html b/webring/linuxring/redirect/kaanext.html new file mode 100644 index 0000000..3264a24 --- /dev/null +++ b/webring/linuxring/redirect/kaanext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://foreverliketh.is/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://foreverliketh.is/">here</a>.</p> + </body> +</html>
\ No newline at end of file diff --git a/webring/linuxring/redirect/kaaprev.html b/webring/linuxring/redirect/kaaprev.html new file mode 100644 index 0000000..5584855 --- /dev/null +++ b/webring/linuxring/redirect/kaaprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://hoppingtopping.com/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://hoppingtopping.com/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/libnext.html b/webring/linuxring/redirect/libnext.html new file mode 100644 index 0000000..f1eb556 --- /dev/null +++ b/webring/linuxring/redirect/libnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://goodgirl.dev/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://goodgirl.dev/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/libprev.html b/webring/linuxring/redirect/libprev.html new file mode 100644 index 0000000..6005f6a --- /dev/null +++ b/webring/linuxring/redirect/libprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://pogmom.me'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://pogmom.me">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/lottanext.html b/webring/linuxring/redirect/lottanext.html new file mode 100644 index 0000000..82ab96a --- /dev/null +++ b/webring/linuxring/redirect/lottanext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://gorkem.cc/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://gorkem.cc/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/lottaprev.html b/webring/linuxring/redirect/lottaprev.html new file mode 100644 index 0000000..980f736 --- /dev/null +++ b/webring/linuxring/redirect/lottaprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://alexisgaming95.neocities.org''"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://alexisgaming95.neocities.org'">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/lukenext.html b/webring/linuxring/redirect/lukenext.html new file mode 100644 index 0000000..303fd93 --- /dev/null +++ b/webring/linuxring/redirect/lukenext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://kimberlygb.nekoweb.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://kimberlygb.nekoweb.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/lukeprev.html b/webring/linuxring/redirect/lukeprev.html new file mode 100644 index 0000000..ae3a441 --- /dev/null +++ b/webring/linuxring/redirect/lukeprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://prigoana.com/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://prigoana.com/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/mtgnext.html b/webring/linuxring/redirect/mtgnext.html new file mode 100644 index 0000000..dac1f5f --- /dev/null +++ b/webring/linuxring/redirect/mtgnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://planty.one'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://planty.one">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/mtgprev.html b/webring/linuxring/redirect/mtgprev.html new file mode 100644 index 0000000..facd4eb --- /dev/null +++ b/webring/linuxring/redirect/mtgprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://hamaonoverdrive.online'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://hamaonoverdrive.online">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/myrdinnext.html b/webring/linuxring/redirect/myrdinnext.html new file mode 100644 index 0000000..73281ad --- /dev/null +++ b/webring/linuxring/redirect/myrdinnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://clygro.cc/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://clygro.cc/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/myrdinprev.html b/webring/linuxring/redirect/myrdinprev.html new file mode 100644 index 0000000..20ee784 --- /dev/null +++ b/webring/linuxring/redirect/myrdinprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://appak.neocities.org'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://appak.neocities.org">here</a>.</p> + </body> +</html>
\ No newline at end of file diff --git a/webring/linuxring/redirect/nathannext.html b/webring/linuxring/redirect/nathannext.html new file mode 100644 index 0000000..b6b37bd --- /dev/null +++ b/webring/linuxring/redirect/nathannext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://libadwaita.neocities.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://libadwaita.neocities.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/nathanprev.html b/webring/linuxring/redirect/nathanprev.html new file mode 100644 index 0000000..b961030 --- /dev/null +++ b/webring/linuxring/redirect/nathanprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://unpop.neocities.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://unpop.neocities.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/offensivenext.html b/webring/linuxring/redirect/offensivenext.html new file mode 100644 index 0000000..763e7d8 --- /dev/null +++ b/webring/linuxring/redirect/offensivenext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://leroymilo.neocities.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://leroymilo.neocities.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/offensiveprev.html b/webring/linuxring/redirect/offensiveprev.html new file mode 100644 index 0000000..a50b59c --- /dev/null +++ b/webring/linuxring/redirect/offensiveprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://tx0.nekoweb.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://tx0.nekoweb.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/pognext.html b/webring/linuxring/redirect/pognext.html new file mode 100644 index 0000000..09f9678 --- /dev/null +++ b/webring/linuxring/redirect/pognext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://april.nekoweb.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://april.nekoweb.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/pogprev.html b/webring/linuxring/redirect/pogprev.html new file mode 100644 index 0000000..3b3cc26 --- /dev/null +++ b/webring/linuxring/redirect/pogprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://shittyweb.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://shittyweb.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/prigonext.html b/webring/linuxring/redirect/prigonext.html new file mode 100644 index 0000000..b6c767f --- /dev/null +++ b/webring/linuxring/redirect/prigonext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://lukealexdavis.co.uk/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://lukealexdavis.co.uk/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/prigoprev.html b/webring/linuxring/redirect/prigoprev.html new file mode 100644 index 0000000..4e5f63e --- /dev/null +++ b/webring/linuxring/redirect/prigoprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://ari.lt/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://ari.lt/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/scutinext.html b/webring/linuxring/redirect/scutinext.html new file mode 100644 index 0000000..81efae5 --- /dev/null +++ b/webring/linuxring/redirect/scutinext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://appak.neocities.org'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://appak.neocities.org/">here</a>.</p> + </body> +</html>
\ No newline at end of file diff --git a/webring/linuxring/redirect/scutiprev.html b/webring/linuxring/redirect/scutiprev.html new file mode 100644 index 0000000..30757e1 --- /dev/null +++ b/webring/linuxring/redirect/scutiprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://cobradile.neocities.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://cobradile.neocities.org/">here</a>.</p> + </body> +</html>
\ No newline at end of file diff --git a/webring/linuxring/redirect/skoovenext.html b/webring/linuxring/redirect/skoovenext.html new file mode 100644 index 0000000..df23650 --- /dev/null +++ b/webring/linuxring/redirect/skoovenext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://hexaitos.com'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://hexaitos.com">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/skooveprev.html b/webring/linuxring/redirect/skooveprev.html new file mode 100644 index 0000000..14da807 --- /dev/null +++ b/webring/linuxring/redirect/skooveprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://ficd.sh/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://ficd.sh/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/sornext.html b/webring/linuxring/redirect/sornext.html new file mode 100644 index 0000000..5c4d2e0 --- /dev/null +++ b/webring/linuxring/redirect/sornext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://starcrush.net'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://starcrush.net">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/sorprev.html b/webring/linuxring/redirect/sorprev.html new file mode 100644 index 0000000..f1eb556 --- /dev/null +++ b/webring/linuxring/redirect/sorprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://goodgirl.dev/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://goodgirl.dev/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/template.txt b/webring/linuxring/redirect/template.txt new file mode 100644 index 0000000..036fe77 --- /dev/null +++ b/webring/linuxring/redirect/template.txt @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='WEBSITE'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="WEBSITE">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/tx0next.html b/webring/linuxring/redirect/tx0next.html new file mode 100644 index 0000000..2093df1 --- /dev/null +++ b/webring/linuxring/redirect/tx0next.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://offensivename.com/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://offensivename.com/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/tx0prev.html b/webring/linuxring/redirect/tx0prev.html new file mode 100644 index 0000000..4f3bf95 --- /dev/null +++ b/webring/linuxring/redirect/tx0prev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://hisvirusness.com/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://hisvirusness.com/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/virusnext.html b/webring/linuxring/redirect/virusnext.html new file mode 100644 index 0000000..e6925bc --- /dev/null +++ b/webring/linuxring/redirect/virusnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://tx0.nekoweb.org'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://tx0.nekoweb.org">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/virusprev.html b/webring/linuxring/redirect/virusprev.html new file mode 100644 index 0000000..fc6895e --- /dev/null +++ b/webring/linuxring/redirect/virusprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://maniksharma.xyz/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://maniksharma.xyz/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/zzfsnext.html b/webring/linuxring/redirect/zzfsnext.html new file mode 100644 index 0000000..4e5f63e --- /dev/null +++ b/webring/linuxring/redirect/zzfsnext.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='https://ari.lt/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="https://ari.lt/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/redirect/zzfsprev.html b/webring/linuxring/redirect/zzfsprev.html new file mode 100644 index 0000000..e08cf61 --- /dev/null +++ b/webring/linuxring/redirect/zzfsprev.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>*nixRing</title> + <meta http-equiv="Refresh" content="0; url='http://igor360.neocities.org/'"/> + </head> + <body> + <h1>Redirecting to next site...</h1> + <p>If you are not redirected, proceed <a href="http://igor360.neocities.org/">here</a>.</p> + </body> +</html> diff --git a/webring/linuxring/ring.js b/webring/linuxring/ring.js new file mode 100644 index 0000000..6bb847a --- /dev/null +++ b/webring/linuxring/ring.js @@ -0,0 +1,122 @@ +// webstring v2.1 by june @ juneish.neocities.org + +{ + // sites in the ring + let sites = [ + 'https://softmachine.dev/', + 'https://iwillneverbehappy.neocities.org/', + 'https://xn--ug8ht8h.ws/', + 'http://wirlaburla.worlio.com/', + 'https://hoppingtopping.com/', + 'https://kaa.neocities.org/', + 'https://foreverliketh.is/', + 'https://karma.computer/', + 'https://azuremillennium.neocities.org/', + 'https://i330.dev/', + 'https://alan460.is-hella.gay', + 'https://crystal.tilde.institute', + 'https://skeleg.org', + 'https://cronico.neocities.org', + 'https://theaio.neocities.org/', + 'https://risingthumb.xyz', + 'https://leap123.neocities.org', + 'https://tepiloxtl.net/', + 'https://antares.neocities.org/', + 'https://avas.space/', + 'https://0xf0xx0.eth.limo', + 'https://ophanimkei.com/', + 'https://kinisis.xyz/', + 'http://baccyflap.com/', + 'https://exlitry.world/', + 'https://circulars.dev/', + 'https://tommi.space/', + 'https://patrickwu.space/', + 'https://corvidae.digital/', + 'https://raum.neocities.org/', + 'https://avidseeker.github.io', + 'https://www.dreamwingsthegriffon.com/', + 'https://nicolabelluti.me', + 'https://xx-starbrite-xx.neocities.org', + 'https://heart143.neocities.org', + 'https://cassiecandles.net/', + 'https://mkultra.monster', + 'https://tiagorangel.com/', + 'https://sharkcave.me/', + 'https://scuti.neocities.org/', + 'https://appak.neocities.org', + 'https://myrdin.cx', + 'https://clygro.cc/', + 'https://fish.golf', + 'https://dagurthehorrible.neocities.org/', + 'https://spider-kyle.neocities.org/', + 'https://regirock.net', + 'https://hazelthats.me', + 'https://alexisgaming95.neocities.org', + 'https://gorkem.cc', + 'https://riomc.cloud', + 'https://unpop.neocities.org/', + 'https://shittyweb.org/', + 'https://pogmom.me', + 'https://april.nekoweb.org/', + 'https://goodgirl.dev/', + 'https://sor.neocities.org/', + 'https://www.starcrush.net', + 'https://bytesofprogress.net/', + 'https://projectc190.net', + 'https://privatenoob.top/', + 'https://alexzeecomedy.com', + 'https://wheelsbot.dev/', + 'https://8y7.nekoweb.org/', + 'https://igor360.neocities.org/', + 'https://zzfs.home.kg', + 'https://ari.lt/', + 'https://prigoana.com/', + 'https://lukealexdavis.co.uk', + 'https://kimberlygb.nekoweb.org/', + 'https://maniksharma.xyz/', + 'https://hisvirusness.com/', + 'https://tx0.nekoweb.org/', + 'https://offensivename.com/', + 'https://leroymilo.neocities.org/', + 'https://ficd.sh/', + 'https://skoove.dev', + 'https://hexaitos.com', + 'https://minxie.likesyou.org', + 'https://blog.k3can.us', + 'https://kwaamfan.haliya.net', + 'https://hamaonoverdrive.online', + 'https://mtgmonkey.net', + 'https://planty.one', + 'https://7vtia.nekoweb.org', + 'https://akselmo.dev', + 'https://joelb.xyz/', + 'https://innocentzero.is-a.dev/', + 'https://coolpickles.neocities.org', + ]; + // widget html + // PREV and NEXT are replaced with neighbors' urls + let widgets = { + default: `<div id="nixring" style="display: flex; gap: 8px; align-items: center;"> + <style type="text/css" scoped> + #nixring { + text-align: center; + color: black; + } + #nixring a { + color: black; + text-decoration: none; + } + </style> + <a href="PREV">←</a> + <a href="https://teethinvitro.neocities.org/webring/linuxring"><div>*nixRing<br><img style="height: 25px;" src="https://teethinvitro.neocities.org/webring/linuxring/icon/${document.currentScript.dataset.icon}.png"></div></a> + <a href="NEXT">→</a> + </div>`, + error: `<div>this site isn't part of the webring yet</div>`, + }; + // code + let idx = sites.findIndex(site => location.href.startsWith(site)); + document.currentScript.outerHTML = idx === -1 ? widgets.error : + (widgets[document.currentScript.dataset.widget] ?? widgets.default) + .replace("PREV", sites.at(idx - 1)) + .replace("NEXT", sites[(idx + 1) % sites.length]); +} diff --git a/webring/linuxring/script/onionring-index.js b/webring/linuxring/script/onionring-index.js new file mode 100644 index 0000000..0365b69 --- /dev/null +++ b/webring/linuxring/script/onionring-index.js @@ -0,0 +1,20 @@ +// onionring.js is made up of four files - onionring-widget.js, onionring-index.js (this one!), onionring-variables.js, and onionring.css +// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html) +// it was originally made by joey + mord of allium (蒜) house, last updated 2020-11-24 + +// === ONIONRING-INDEX === +//this file builds the list of sites in the ring for displaying on your index page + +var tag = document.getElementById('index'); +regex = /^https:\/\/|\/$/g; //strips the https:// and trailing slash off the urls for aesthetic purposes + +list = ""; +for (i = 0; i < sites.length; i++) { + list += `<li><a href='${sites[i]}'>${sites[i].replace(regex, "")}</a></li>`; +} + +tag.insertAdjacentHTML('afterbegin', ` +<ul> +${list} +</ul> +`); diff --git a/webring/linuxring/script/onionring-variables.js b/webring/linuxring/script/onionring-variables.js new file mode 100644 index 0000000..393308a --- /dev/null +++ b/webring/linuxring/script/onionring-variables.js @@ -0,0 +1,94 @@ +// onionring.js is made up of four files - onionring-widget.js, onionring-index.js, onionring-variables.js (this one!), and onionring.css +// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html) +// it was originally made by joey + mord of allium (è’œ) house, last updated 2020-11-24 + +// === ONIONRING-VARIABLES === +//this file contains the stuff you edit to set up your specific webring + +//the full URLs of all the sites in the ring +var sites = [ + 'https://teethinvitro.neocities.org/', + 'https://iwillneverbehappy.neocities.org/', + 'https://xn--ug8ht8h.ws/', + 'http://wirlaburla.worlio.com/', + 'https://hoppingtopping.com/', + 'https://kaa.neocities.org/', + 'https://foreverliketh.is/', + 'https://karma.computer/', + 'https://azuremillennium.neocities.org/', + 'https://i330.dev/', + 'https://alan460.is-hella.gay', + 'https://crystal.tilde.institute', + 'https://skeleg.org', + 'https://cronico.neocities.org', + 'https://theaio.neocities.org/', + 'https://risingthumb.xyz', + 'https://leap123.neocities.org', + 'https://tepiloxtl.net/', + 'https://antares.neocities.org/', + 'https://avas.space/', + 'https://0xf0xx0.eth.limo', + 'https://ophanimkei.com/', + 'https://kinisis.xyz/', + 'http://baccyflap.com/', + 'https://exlitry.world/', + 'https://circulars.dev/', + 'https://tommi.space/', + 'https://patrickwu.space/', + 'https://corvidae.digital/', + 'https://raum.neocities.org/', + 'https://avidseeker.github.io', + 'https://www.dreamwingsthegriffon.com/', + 'https://nicolabelluti.me', + 'https://xx-starbrite-xx.neocities.org', + 'https://heart143.neocities.org', + 'https://cassiecandles.net/', + 'https://mkultra.monster', + 'https://tiagorangel.com/', + 'https://sharkcave.me/', + 'https://scuti.neocities.org/', + 'https://appak.neocities.org', + 'https://myrdin.cx', + 'https://clygro.cc/', + 'https://fish.golf', + 'https://dagurthehorrible.neocities.org/', + 'https://spider-kyle.neocities.org/', + 'https://regirock.net', + 'https://hazelthats.me', + 'https://alexisgaming95.neocities.org', + 'https://gorkem.cc', + 'https://riomc.cloud', + 'https://unpop.neocities.org/', + 'https://shittyweb.org/', + 'https://pogmom.me', + 'https://april.nekoweb.org/', + 'https://goodgirl.dev/', + 'https://sor.neocities.org/', + 'https://www.starcrush.net', + 'https://bytesofprogress.net/', + 'https://projectc190.neocities.org', + 'https://privatenoob.top/', + 'https://alexzeecomedy.com', + 'https://wheelsbot.dev/', + 'https://8y7.nekoweb.org/', + 'https://igor360.neocities.org/', + 'https://zzfs.home.kg', + 'https://ari.lt/', + ]; + + //the name of the ring + var ringName = '*nixRing'; + + /* the unique ID of the widget. two things to note: + 1) make sure there are no spaces in it - use dashes or underscores if you must + 2) remember to change 'webringid' in the widget code you give out and all instances of '#webringid' in the css file to match this value!*/ + var ringID = 'linuxring'; + + //should the widget include a link to an index page? + var useIndex = true; + //the full URL of the index page. if you're not using one, you don't have to specify anything here + var indexPage = 'https://teethinvitro.neocities.org/webring/linuxring/index.html'; + + //should the widget include a random button? + var useRandom = false; + diff --git a/webring/linuxring/script/onionring-variablesnew.js b/webring/linuxring/script/onionring-variablesnew.js new file mode 100644 index 0000000..fe15a95 --- /dev/null +++ b/webring/linuxring/script/onionring-variablesnew.js @@ -0,0 +1,9 @@ +let script = document.createElement("script"); +script.src = "https://teethinvitro.neocities.org/webring/linuxring/ring.js"; +setTimeout(() => { + document.getElementById("linuxring").replaceWith(script); +}, 100); + +console.log("%cThis page is using an outdated version of the *nixRing widget. Head over to https://teethinvitro.neocities.org/webring/linuxring to grab the new one."); + +// webstring v2.1 by june @ juneish.neocities.org diff --git a/webring/linuxring/script/onionring-variablesold.js b/webring/linuxring/script/onionring-variablesold.js new file mode 100644 index 0000000..393308a --- /dev/null +++ b/webring/linuxring/script/onionring-variablesold.js @@ -0,0 +1,94 @@ +// onionring.js is made up of four files - onionring-widget.js, onionring-index.js, onionring-variables.js (this one!), and onionring.css +// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html) +// it was originally made by joey + mord of allium (è’œ) house, last updated 2020-11-24 + +// === ONIONRING-VARIABLES === +//this file contains the stuff you edit to set up your specific webring + +//the full URLs of all the sites in the ring +var sites = [ + 'https://teethinvitro.neocities.org/', + 'https://iwillneverbehappy.neocities.org/', + 'https://xn--ug8ht8h.ws/', + 'http://wirlaburla.worlio.com/', + 'https://hoppingtopping.com/', + 'https://kaa.neocities.org/', + 'https://foreverliketh.is/', + 'https://karma.computer/', + 'https://azuremillennium.neocities.org/', + 'https://i330.dev/', + 'https://alan460.is-hella.gay', + 'https://crystal.tilde.institute', + 'https://skeleg.org', + 'https://cronico.neocities.org', + 'https://theaio.neocities.org/', + 'https://risingthumb.xyz', + 'https://leap123.neocities.org', + 'https://tepiloxtl.net/', + 'https://antares.neocities.org/', + 'https://avas.space/', + 'https://0xf0xx0.eth.limo', + 'https://ophanimkei.com/', + 'https://kinisis.xyz/', + 'http://baccyflap.com/', + 'https://exlitry.world/', + 'https://circulars.dev/', + 'https://tommi.space/', + 'https://patrickwu.space/', + 'https://corvidae.digital/', + 'https://raum.neocities.org/', + 'https://avidseeker.github.io', + 'https://www.dreamwingsthegriffon.com/', + 'https://nicolabelluti.me', + 'https://xx-starbrite-xx.neocities.org', + 'https://heart143.neocities.org', + 'https://cassiecandles.net/', + 'https://mkultra.monster', + 'https://tiagorangel.com/', + 'https://sharkcave.me/', + 'https://scuti.neocities.org/', + 'https://appak.neocities.org', + 'https://myrdin.cx', + 'https://clygro.cc/', + 'https://fish.golf', + 'https://dagurthehorrible.neocities.org/', + 'https://spider-kyle.neocities.org/', + 'https://regirock.net', + 'https://hazelthats.me', + 'https://alexisgaming95.neocities.org', + 'https://gorkem.cc', + 'https://riomc.cloud', + 'https://unpop.neocities.org/', + 'https://shittyweb.org/', + 'https://pogmom.me', + 'https://april.nekoweb.org/', + 'https://goodgirl.dev/', + 'https://sor.neocities.org/', + 'https://www.starcrush.net', + 'https://bytesofprogress.net/', + 'https://projectc190.neocities.org', + 'https://privatenoob.top/', + 'https://alexzeecomedy.com', + 'https://wheelsbot.dev/', + 'https://8y7.nekoweb.org/', + 'https://igor360.neocities.org/', + 'https://zzfs.home.kg', + 'https://ari.lt/', + ]; + + //the name of the ring + var ringName = '*nixRing'; + + /* the unique ID of the widget. two things to note: + 1) make sure there are no spaces in it - use dashes or underscores if you must + 2) remember to change 'webringid' in the widget code you give out and all instances of '#webringid' in the css file to match this value!*/ + var ringID = 'linuxring'; + + //should the widget include a link to an index page? + var useIndex = true; + //the full URL of the index page. if you're not using one, you don't have to specify anything here + var indexPage = 'https://teethinvitro.neocities.org/webring/linuxring/index.html'; + + //should the widget include a random button? + var useRandom = false; + diff --git a/webring/linuxring/script/onionring-widget.js b/webring/linuxring/script/onionring-widget.js new file mode 100644 index 0000000..6872f28 --- /dev/null +++ b/webring/linuxring/script/onionring-widget.js @@ -0,0 +1,73 @@ +// onionring.js is made up of four files - onionring-widget.js (this one!), onionring-index.js, onionring-variables.js and onionring.css +// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html) +// it was originally made by joey + mord of allium (蒜) house, last updated 2020-11-24 + +// === ONIONRING-WIDGET === +//this file contains the code which builds the widget shown on each page in the ring. ctrl+f 'EDIT THIS' if you're looking to change the actual html of the widget + +var tag = document.getElementById(ringID); //find the widget on the page + +thisSite = window.location.href; //get the url of the site we're currently on +thisIndex = null; + +// go through the site list to see if this site is on it and find its position +for (i = 0; i < sites.length; i++) { + if (thisSite.startsWith(sites[i])) { //we use startswith so this will match any subdirectory, users can put the widget on multiple pages + thisIndex = i; + break; //when we've found the site, we don't need to search any more, so stop the loop + } +} + +function randomSite() { + otherSites = sites.slice(); //create a copy of the sites list + otherSites.splice(thisIndex, 1); //remove the current site so we don't just land on it again + randomIndex = Math.floor(Math.random() * otherSites.length); + location.href = otherSites[randomIndex]; +} + +//if we didn't find the site in the list, the widget displays a warning instead +if (thisIndex == null) { + tag.insertAdjacentHTML('afterbegin', ` +<table> + <tr> + <td>This site isn't part of the ${ringName} webring yet.</td> + </tr> +</table> + `); +} +else { + //find the 'next' and 'previous' sites in the ring. this code looks complex + //because it's using a shorthand version of an if-else statement to make sure + //the first and last sites in the ring join together correctly + previousIndex = (thisIndex-1 < 0) ? sites.length-1 : thisIndex-1; + nextIndex = (thisIndex+1 >= sites.length) ? 0 : thisIndex+1; + + indexText = "" + //if you've chosen to include an index, this builds the link to that + if (useIndex) { + indexText = `<a href='${indexPage}'><img src="https://teethinvitro.neocities.org/webring/linuxring/script/tuxicon.png" width="10%"></a>`; + } + + randomText = "" + //if you've chosen to include a random button, this builds the link that does that + if (useRandom) { + randomText = `<a href='javascript:void(0)' onclick='randomSite()'>random</a> | `; + } + + //this is the code that displays the widget - EDIT THIS if you want to change the structure + tag.insertAdjacentHTML('afterbegin', ` + <table> + <tr> + <td class='webring-prev'><a href='${sites[previousIndex]}'>← </a></td> + <td class='webring-info'> + Member of the ${ringName}</br> + <span class='webring-links'> + ${indexText} + </span> + </td> + <td class='webring-next'><a href='${sites[nextIndex]}'> →</a></td> + </tr> + </table> + `); + +} diff --git a/webring/linuxring/script/onionring.css b/webring/linuxring/script/onionring.css new file mode 100644 index 0000000..70c2ea2 --- /dev/null +++ b/webring/linuxring/script/onionring.css @@ -0,0 +1,38 @@ +/* onionring.js is made up of four files - onionring-widget.js, onionring-index.js, onionring-variables.js and onionring.css (this one!) +// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html) +// it was originally made by joey + mord of allium (蒜) house, last updated 2020-10-24 */ + +#linuxring { + margin: 0 auto; + padding: 0px; +} + +#linuxring a { + color: black; +} + +#linuxring table { + background-color: #ffffff; + margin: 0 auto; + border-radius: 10px; +} + +#linuxring table tr td { + padding: 10px; +} + +#linuxring .webring-prev { + text-align:right; +} + +#linuxring .webring-info { + text-align:center; +} + +#linuxring .webring-next { + text-align:left; +} + +#linuxring .webring-links { + font-size: 11pt; +} diff --git a/webring/linuxring/script/tuxicon.png b/webring/linuxring/script/tuxicon.png Binary files differnew file mode 100644 index 0000000..ab5907e --- /dev/null +++ b/webring/linuxring/script/tuxicon.png diff --git a/webring/linuxring/style.css b/webring/linuxring/style.css new file mode 100644 index 0000000..f7b31e5 --- /dev/null +++ b/webring/linuxring/style.css @@ -0,0 +1,56 @@ +.container { + margin: auto; + border: 4px solid black; + border-radius: 15px; + margin-left: 20%; + margin-right: 20%; + padding: 15px; +} + +.members { + margin: auto; + border: 2px solid black; + border-radius: 15px; + margin-left: 10%; + margin-right: 10%; + padding: 15px; +} + +#members { + margin-left: 5%; + margin-right: 5%; + margin-top: 0%; +} + +td { + padding: 10px; +} + +img { + padding-right: 15px; +} + +.icon { + height: 40px; +} + +h1 { + text-align: center; +} + +h2 { + margin-top: 0%; + text-align: center; +} + +textarea { + width: 20%; + height: 10%; + margin-bottom: 3%; + display: inline-block; +} + +footer { + margin-top: 2%; + text-align: center; +} diff --git a/webring/linuxring/template.txt b/webring/linuxring/template.txt new file mode 100644 index 0000000..1a2a3f8 --- /dev/null +++ b/webring/linuxring/template.txt @@ -0,0 +1,21 @@ +<div id="nixring" style="display: flex; gap: 8px; align-items: center;"> + <style type="text/css" scoped> + #nixring { + text-align: center; + color: black; + } + #nixring a { + color: black; + text-decoration: none; + } + </style> + <a href="PREV">←</a> + <a href="https://teethinvitro.neocities.org/webring/linuxring"> + <div> + *nixRing + <br> + <img style="height: 25px;" src="https://teethinvitro.neocities.org/webring/linuxring/icon/tux.png"> + </div> + </a> + <a href="NEXT">→</a> +</div> diff --git a/webring/linuxring/templateold.txt b/webring/linuxring/templateold.txt new file mode 100644 index 0000000..8b8e8df --- /dev/null +++ b/webring/linuxring/templateold.txt @@ -0,0 +1,12 @@ +<table> + <tr> + <td class='webring-prev'><a href='https://teethinvitro.neocities.org/webring/linuxring/redirect/prev.html'>← </a></td> + <td class='webring-info'> + Member of the *nixRing<br> + <span class='webring-links'> + <a href='https://teethinvitro.neocities.org/webring/linuxring/'><img src="https://teethinvitro.neocities.org/webring/linuxring/script/tuxicon.png" width="10%"></a> + </span> + </td> + <td class='webring-next'><a href='https://teethinvitro.neocities.org/webring/linuxring/redirect/next.html'> →</a></td> + </tr> +</table> diff --git a/webring/linuxring/webring.py b/webring/linuxring/webring.py new file mode 100644 index 0000000..ebb16b1 --- /dev/null +++ b/webring/linuxring/webring.py @@ -0,0 +1,20 @@ +url = input("URL: ") +name = url.replace("https:", "").replace("/","") +desc = input("Desc: ") +icon = [] +icon_no = int(input("How many icons? ")) +count = 0 + +while (count < icon_no): + icon_in = input("Icon {}: ".format(count+1)) + icon.append(icon_in) + count+=1 + +print("<tr>") +print("\t<td>", end='') +for item in icon: + print('<img class="icon" src="icon/', item, '.png">', sep='', end='') +print('</td>') +print('\t<td><a href="', url, '">', name, '</a></td>', sep='') +print('\t<td>', desc, '</td>', sep='') +print("</tr>") diff --git a/webring/linuxring/widget.txt b/webring/linuxring/widget.txt new file mode 100644 index 0000000..c33c141 --- /dev/null +++ b/webring/linuxring/widget.txt @@ -0,0 +1,17 @@ +<div id="nixring" style="display: flex; gap: 8px; align-items: center;"> + <style type="text/css" scoped> + #nixring { + text-align: center; + color: black; + } + #nixring a { + color: black; + text-decoration: none; + } + </style> + <a href="https://teethinvitro.neocities.org/webring/linuxring/redirect/prev.html">←</a> + <a href="https://teethinvitro.neocities.org/webring/linuxring"> + <div>*nixRing<br><img style="height: 25px;" src="https://teethinvitro.neocities.org/webring/linuxring/icon/tux.png"></div> + </a> + <a href="https://teethinvitro.neocities.org/webring/linuxring/redirect/next.html">→</a> +</div> |
