summaryrefslogtreecommitdiff
path: root/old
diff options
context:
space:
mode:
authorRadiohotline <radiohotline@disroot.org>2026-02-17 12:12:37 +0000
committerRadiohotline <radiohotline@disroot.org>2026-02-17 12:12:37 +0000
commit223ef7acb24356fca6cf5ab40c02b43a09452093 (patch)
treed845297a50e78f9ca9c37c113b78b8a2aaa1c138 /old
parentcae6b00e0f3352a323af2400bf7f9deb7460c7de (diff)
parent37522616a3efcaa3c7b40821155e8f1fff5c9985 (diff)
about
Diffstat (limited to 'old')
-rw-r--r--old/about.html2
-rw-r--r--old/archive.html22
-rw-r--r--old/art.html12
-rw-r--r--old/books.html31
-rw-r--r--old/crt index.css160
-rw-r--r--old/doodle.html170
-rw-r--r--old/house.css8
-rw-r--r--old/house.html23
-rw-r--r--old/index.html19
-rw-r--r--old/indexold.html41
-rw-r--r--old/links.html4
-rw-r--r--old/muscomm.html129
-rw-r--r--old/music.html14
-rw-r--r--old/oldstyle.css108
-rw-r--r--old/poetry.html4
-rw-r--r--old/projects.html4
-rw-r--r--old/sketch.html56
-rw-r--r--old/test.html115
18 files changed, 921 insertions, 1 deletions
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>&emsp;&emsp;
+ <a href="about.html">about</a>&emsp;&emsp;
+ <a href="art.html">art</a>&emsp;&emsp;
+ <a href="music.html">music</a>&emsp;&emsp;
+ <a href="thoughts.html">thoughts</a>&emsp;&emsp;
+ <a href="muse.html">muse</a>&emsp;&emsp;
+ <a href="poetry.html">poetry</a>&emsp;&emsp;
+ <a href="books.html">library</a>&emsp;&emsp;
+ <a href="projects.html">projects</a>&emsp;&emsp;
+ <a href="links.html">links</a>&emsp;&emsp;
+<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 &emsp;&emsp;
+ </span>&emsp;&emsp;
+ &emsp;&emsp;<span>
+ ornare fermentum. Ut eu quam et massa congue cursus. Sed in neque ne.</span> &emsp;&emsp;
+ &emsp;&emsp;<span> magna lobortis fringilla.</span>
+ &emsp;&emsp;
+ &emsp;&emsp;
+ <span>Maecenas pulvinar suscipit lectus, nec tristique diam feugiat lobortis. In et suscipit ipsum, in egestas urna. Suspendisse potenti.</span>
+ &emsp;&emsp;
+ &emsp;&emsp;
+ <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>