diff options
169 files changed, 3719 insertions, 2 deletions
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/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/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/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/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/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/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/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/update.sh b/neocities/update.sh index b5c4734..9781f93 100755 --- a/update.sh +++ b/neocities/update.sh @@ -3,4 +3,4 @@ FILE=neocities/index.html sed -e "s/Updated: .*<\/p>/Updated: $NOW<\/p>/g" -i '' $FILE -~/bin/neoup -f neocities/index.html +neoup -f neocities/index.html diff --git a/old/about.html b/old/about.html index 39afecb..c39817a 100644 --- a/old/about.html +++ b/old/about.html @@ -54,7 +54,7 @@ </p>
<p>
<sup>2</sup>
- <img src=../img/teethinvitro.gif alt="Site button">
+ <img src="..img/teethinvitro.gif" alt="Site button">
</p>
</div>
diff --git a/old/archive.html b/old/archive.html index d79441f..e05e643 100644 --- a/old/archive.html +++ b/old/archive.html @@ -31,6 +31,7 @@ <div class="art-container"> <h4>2025</h4> +<<<<<<< HEAD <img loading="lazy" src="../img/art/2025/jojomart.jpeg"> <img loading="lazy" src="../img/art/2025/bikeghost.jpg"> <h4>2024</h4> @@ -50,6 +51,27 @@ <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"> +======= + <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"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </div> </body> </html> diff --git a/old/art.html b/old/art.html index 5d951fd..06bb939 100644 --- a/old/art.html +++ b/old/art.html @@ -61,19 +61,31 @@ <div> <p>Doodles</p> <a href="doodle.html"> +<<<<<<< HEAD <img src="../img/art/doodle.png" alt="Doodles"> +======= + <img src="../img/art/doodle.png" alt="Doodles"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </a> </div> <div> <p>Sketches</p> <a href="sketch.html"> +<<<<<<< HEAD + <img src="../img/art/sketch.jpg" alt="Sketches"> +======= <img src="../img/art/sketch.jpg" alt="Sketches"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </a> </div> <div> <p style="background-color: rgba(255, 255, 255, 0.5);">Completed</p> <a href="archive.html"> +<<<<<<< HEAD + <img src="../img/art/full.jpg" alt="Complete"> +======= <img src="../img/art/full.jpg" alt="Complete"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </a> </div> </div> diff --git a/old/books.html b/old/books.html index 968453c..2f8679d 100644 --- a/old/books.html +++ b/old/books.html @@ -72,6 +72,7 @@ <div style="padding-left: 30px;"> <h3>Favourite books<sup>2</sup></h3> <div class="flex"> +<<<<<<< HEAD <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"> @@ -88,10 +89,39 @@ <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/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"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </div> <hr> <h3>Favourite films</h3> <div class="flex"> +<<<<<<< HEAD + <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)"> +======= <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)"> @@ -101,6 +131,7 @@ <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)"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </div> </div> </div> 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 index f71878a..a49d926 100644 --- a/old/doodle.html +++ b/old/doodle.html @@ -31,6 +31,7 @@ <div class="art-container"> <h4>2025</h4> +<<<<<<< HEAD <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"> @@ -198,6 +199,175 @@ <img loading="lazy" src="../img/art/2022/kaiba.jpg"> <h4>2021</h4> <img loading="lazy" src="../img/art/2021/Aubreyfull.jpg"> +======= + <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"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </div> </body> </html> diff --git a/old/house.css b/old/house.css index f80ceb7..8af0eb5 100644 --- a/old/house.css +++ b/old/house.css @@ -53,7 +53,11 @@ a:active { overflow: scroll; text-align: justify; margin-right: 5px; +<<<<<<< HEAD + margin-top: 5px; +======= margin-top: 20px; +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff padding: 0px; } @@ -77,4 +81,8 @@ a:active { body { margin: 20px; +<<<<<<< HEAD } +======= +} +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff diff --git a/old/house.html b/old/house.html index c9eb24c..ae950eb 100644 --- a/old/house.html +++ b/old/house.html @@ -68,6 +68,7 @@ </div>
<div style="flex: 3; padding-left: 10px;">
<div class="blsq" style="padding: 5px;">
+<<<<<<< HEAD <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="">
@@ -88,6 +89,28 @@ <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="">
+======= + <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="">
+>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </div>
<p>
diff --git a/old/index.html b/old/index.html index 2d70bd8..78ca9d8 100644 --- a/old/index.html +++ b/old/index.html @@ -5,13 +5,21 @@ <meta name="description" content="The Weight of Comfort"> <meta name="keywords" content="Personal, Music, Poetry, Art, Radiohotline, Teethinvitro"> <meta name="author" content="Radiohotline"> +<<<<<<< HEAD + <meta http-equiv="refresh" content="0; url=https://softmachine.dev/" /> +======= +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff <style> html { min-height: 100%; box-shadow: inset 0 0 300px #000, inset 0 0 120px #000, inset 0 0 80px #000; } body { +<<<<<<< HEAD + background-image: url(img/bg/insert.png); +======= background-image: url(../img/bg/insert.png); +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff background-repeat: no-repeat; background-attachment: fixed; background-size: cover; @@ -30,15 +38,26 @@ 1px 1px #dbcdbe, -1px -1px #dbcdbe, 1px -1px #dbcdbe, -1px 1px #dbcdbe; } </style> +<<<<<<< HEAD +======= <link href="crt index.css" rel="stylesheet"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff <title>Soft Machine</title> </head> <body> <br> +<<<<<<< HEAD + <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> +======= <p style="z-index: 1;">soft machine</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> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </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 index 1153d12..dc7c321 100644 --- a/old/links.html +++ b/old/links.html @@ -166,7 +166,11 @@ <br> <div style="text-align: center;"> +<<<<<<< HEAD <img src="../img/objects/ducks.gif" alt="3D GIF of a duck and her ducklings."> +======= + <img src="../img/objects/ducks.gif" alt="3D GIF of a duck and her ducklings."> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </div> </div> 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/music.html b/old/music.html index b83fb36..56be16b 100644 --- a/old/music.html +++ b/old/music.html @@ -11,7 +11,11 @@ body { display: flex; justify-content: center; +<<<<<<< HEAD + background-image: url(img/bg/Artifact\ 2.png); +======= background-image: url(../img/bg/Artifact\ 2.png); +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff background-attachment: fixed; background-position: center; } @@ -77,7 +81,11 @@ <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> +<<<<<<< HEAD <img src="../img/nav/redplayer.png"> +======= + <img src="../img/nav/redplayer.png"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </div> <div class="container"> @@ -280,9 +288,15 @@ <p class="genre">(electronic, ambient)</p> </div> +<<<<<<< HEAD + <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> +======= <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> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff <audio loading="lazy" controls="true"> <source src="music/songofstorms.ogg" type="audio/ogg" /> </audio> 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 index d5065cf..456b98f 100644 --- a/old/poetry.html +++ b/old/poetry.html @@ -190,7 +190,11 @@ </div> <div style="text-align: center;"> +<<<<<<< HEAD <img src="../img/objects/snailcircle.gif" alt="A gif of a snail going in a circle"> +======= + <img src="../img/objects/snailcircle.gif" alt="A gif of a snail going in a circle"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </div> </body> </html> diff --git a/old/projects.html b/old/projects.html index 9a42db0..d93e658 100644 --- a/old/projects.html +++ b/old/projects.html @@ -63,7 +63,11 @@ <li>Troysort (joke)</li>
</ul>
+<<<<<<< HEAD <img src="../img/objects/duckgrass.gif"></img>
+======= + <img src="../img/objects/duckgrass.gif"></img>
+>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </body>
</html>
diff --git a/old/sketch.html b/old/sketch.html index 90614a3..fbd4133 100644 --- a/old/sketch.html +++ b/old/sketch.html @@ -31,6 +31,7 @@ <div class="art-container"> <h4>2025</h4> +<<<<<<< HEAD <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"> @@ -84,6 +85,61 @@ <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"> +======= + <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"> +>>>>>>> 60eb045c37c24677088f13cdded9408c292f65ff </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/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/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> |
