diff options
| -rw-r--r-- | art.html | 2 | ||||
| -rw-r--r-- | doodle.html | 318 | ||||
| -rw-r--r-- | index.html | 88 | ||||
| -rw-r--r-- | music.html | 7 |
4 files changed, 203 insertions, 212 deletions
@@ -74,7 +74,7 @@ </div> <div> <p style="background-color: rgba(255, 255, 255, 0.5);">Completed</p> - <a href="archive.html"> + <a href="portfolio.html"> <img src="img/art/full.jpg" alt="Complete"> </a> </div> diff --git a/doodle.html b/doodle.html index 1b26eef..0fee8bd 100644 --- a/doodle.html +++ b/doodle.html @@ -23,173 +23,173 @@ <div class="art-container"> <h2>2025</h2> - <img loading="lazy" src="../img/art/2025/s2.jpg"> - <img loading="lazy" src="../img/art/2025/s3.jpg"> - <img loading="lazy" src="../img/art/2025/s4.jpg"> - <img loading="lazy" src="../img/art/2025/h1.jpg"> - <img loading="lazy" src="../img/art/2025/h2.jpg"> - <img loading="lazy" src="../img/art/2025/h3.jpg"> - <img loading="lazy" src="../img/art/2025/h2.jpg"> - <img loading="lazy" src="../img/art/2025/h5.jpg"> - <img loading="lazy" src="../img/art/2025/gen.jpg"> - <img loading="lazy" src="../img/art/2025/gen2.jpg"> - <img loading="lazy" src="../img/art/2025/girl.jpg"> - <img loading="lazy" src="../img/art/2025/girls.jpg"> - <img loading="lazy" src="../img/art/2025/grenoille.jpg"> - <img loading="lazy" src="../img/art/2025/gren.jpg"> - <img loading="lazy" src="../img/art/2025/chan.jpg"> - <img loading="lazy" src="../img/art/2025/IMG_20250225_190837.jpg"> - <img loading="lazy" src="../img/art/2025/IMG_20250225_190555.jpg"> - <img loading="lazy" src="../img/art/2025/IMG_20250225_190527.jpg"> - <img loading="lazy" src="../img/art/2025/IMG_20250225_190516.jpg"> - <img loading="lazy" src="../img/art/2025/website.png"> + <img loading="lazy" src="img/art/2025/s2.jpg"> + <img loading="lazy" src="img/art/2025/s3.jpg"> + <img loading="lazy" src="img/art/2025/s4.jpg"> + <img loading="lazy" src="img/art/2025/h1.jpg"> + <img loading="lazy" src="img/art/2025/h2.jpg"> + <img loading="lazy" src="img/art/2025/h3.jpg"> + <img loading="lazy" src="img/art/2025/h2.jpg"> + <img loading="lazy" src="img/art/2025/h5.jpg"> + <img loading="lazy" src="img/art/2025/gen.jpg"> + <img loading="lazy" src="img/art/2025/gen2.jpg"> + <img loading="lazy" src="img/art/2025/girl.jpg"> + <img loading="lazy" src="img/art/2025/girls.jpg"> + <img loading="lazy" src="img/art/2025/grenoille.jpg"> + <img loading="lazy" src="img/art/2025/gren.jpg"> + <img loading="lazy" src="img/art/2025/chan.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190837.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190555.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190527.jpg"> + <img loading="lazy" src="img/art/2025/IMG_20250225_190516.jpg"> + <img loading="lazy" src="img/art/2025/website.png"> <h2>2024</h2> - <img loading="lazy" src="../img/art/2024/weenergender.png"> - <img loading="lazy" src="../img/art/2024/thething.png"> - <img loading="lazy" src="../img/art/2024/theprotag.png"> - <img loading="lazy" src="../img/art/2024/the experience.png"> - <img loading="lazy" src="../img/art/2024/stars.png"> - <img loading="lazy" src="../img/art/2024/skin.png"> - <img loading="lazy" src="../img/art/2024/skedaddleaway.png"> - <img loading="lazy" src="../img/art/2024/TIME.png"> - <img loading="lazy" src="../img/art/2024/poster texture cool.jpg"> - <img loading="lazy" src="../img/art/2024/my wires.png"> - <img loading="lazy" src="../img/art/2024/molochhelp.gif"> - <img loading="lazy" src="../img/art/2024/molochand me.gif"> - <img loading="lazy" src="../img/art/2024/moldoodles.png"> - <img loading="lazy" src="../img/art/2024/mithrundoodle.png"> - <img loading="lazy" src="../img/art/2024/mithrun3.jpg"> - <img loading="lazy" src="../img/art/2024/mithrun2.jpg"> - <img loading="lazy" src="../img/art/2024/mithrun.GIF"> - <img loading="lazy" src="../img/art/2024/lips.png"> - <img loading="lazy" src="../img/art/2024/laiosSHIRT.jpg"> - <img loading="lazy" src="../img/art/2024/jig.gif"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224938.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224932.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224926.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224814.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224815.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224914.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224904.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224835.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224828.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224758.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224657.jpg"> - <img loading="lazy" src="../img/art/2024/IMG_20240718_224638.jpg"> - <img loading="lazy" src="../img/art/2024/ill.png"> - <img loading="lazy" src="../img/art/2024/guts.png"> - <img loading="lazy" src="../img/art/2024/gregemup.png"> - <img loading="lazy" src="../img/art/2024/godot.png"> - <img loading="lazy" src="../img/art/2024/gamedoodles.png"> - <img loading="lazy" src="../img/art/2024/die.png"> - <img loading="lazy" src="../img/art/2024/d.png"> - <img loading="lazy" src="../img/art/2024/wegh.png"> - <img loading="lazy" src="../img/art/2024/cant.png"> - <img loading="lazy" src="../img/art/2024/and your relationships will fall apart c.png"> - <img loading="lazy" src="../img/art/2024/2024 - Jan 23.jpg"> - <img loading="lazy" src="../img/art/2024/2024 - Jan23 googles.png"> - <img loading="lazy" src="../img/art/2024/2024 - Feb2.jpg"> + <img loading="lazy" src="img/art/2024/weenergender.png"> + <img loading="lazy" src="img/art/2024/thething.png"> + <img loading="lazy" src="img/art/2024/theprotag.png"> + <img loading="lazy" src="img/art/2024/the experience.png"> + <img loading="lazy" src="img/art/2024/stars.png"> + <img loading="lazy" src="img/art/2024/skin.png"> + <img loading="lazy" src="img/art/2024/skedaddleaway.png"> + <img loading="lazy" src="img/art/2024/TIME.png"> + <img loading="lazy" src="img/art/2024/poster texture cool.jpg"> + <img loading="lazy" src="img/art/2024/my wires.png"> + <img loading="lazy" src="img/art/2024/molochhelp.gif"> + <img loading="lazy" src="img/art/2024/molochand me.gif"> + <img loading="lazy" src="img/art/2024/moldoodles.png"> + <img loading="lazy" src="img/art/2024/mithrundoodle.png"> + <img loading="lazy" src="img/art/2024/mithrun3.jpg"> + <img loading="lazy" src="img/art/2024/mithrun2.jpg"> + <img loading="lazy" src="img/art/2024/mithrun.GIF"> + <img loading="lazy" src="img/art/2024/lips.png"> + <img loading="lazy" src="img/art/2024/laiosSHIRT.jpg"> + <img loading="lazy" src="img/art/2024/jig.gif"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224938.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224932.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224926.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224814.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224815.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224914.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224904.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224835.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224828.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224758.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224657.jpg"> + <img loading="lazy" src="img/art/2024/IMG_20240718_224638.jpg"> + <img loading="lazy" src="img/art/2024/ill.png"> + <img loading="lazy" src="img/art/2024/guts.png"> + <img loading="lazy" src="img/art/2024/gregemup.png"> + <img loading="lazy" src="img/art/2024/godot.png"> + <img loading="lazy" src="img/art/2024/gamedoodles.png"> + <img loading="lazy" src="img/art/2024/die.png"> + <img loading="lazy" src="img/art/2024/d.png"> + <img loading="lazy" src="img/art/2024/wegh.png"> + <img loading="lazy" src="img/art/2024/cant.png"> + <img loading="lazy" src="img/art/2024/and your relationships will fall apart c.png"> + <img loading="lazy" src="img/art/2024/2024 - Jan 23.jpg"> + <img loading="lazy" src="img/art/2024/2024 - Jan23 googles.png"> + <img loading="lazy" src="img/art/2024/2024 - Feb2.jpg"> <h2>2023</h2> - <img loading="lazy" src="../img/art/2023/whathehell.png"> - <img loading="lazy" src="../img/art/2023/whatami.png"> - <img loading="lazy" src="../img/art/2023/weird girl.png"> - <img loading="lazy" src="../img/art/2023/update.png"> - <img loading="lazy" src="../img/art/2023/typing.png"> - <img loading="lazy" src="../img/art/2023/thoughts.png"> - <img loading="lazy" src="../img/art/2023/the me tunrb 3.png"> - <img loading="lazy" src="../img/art/2023/spaghettblur2.png"> - <img loading="lazy" src="../img/art/2023/Sleep.png"> - <img loading="lazy" src="../img/art/2023/September18 3.jpg"> - <img loading="lazy" src="../img/art/2023/September18 2.jpg"> - <img loading="lazy" src="../img/art/2023/September18 1.jpg"> - <img loading="lazy" src="../img/art/2023/September18.jpg"> - <img loading="lazy" src="../img/art/2023/September 4.png"> - <img loading="lazy" src="../img/art/2023/scdumbrella.png"> - <img loading="lazy" src="../img/art/2023/philosophy.png"> - <img loading="lazy" src="../img/art/2023/person.png"> - <img loading="lazy" src="../img/art/2023/people.png"> - <img loading="lazy" src="../img/art/2023/November 2 2.jpg"> - <img loading="lazy" src="../img/art/2023/momsjacket2.png"> - <img loading="lazy" src="../img/art/2023/minmax.png"> - <img loading="lazy" src="../img/art/2023/meshakeart.gif"> - <img loading="lazy" src="../img/art/2023/me reference.png"> - <img loading="lazy" src="../img/art/2023/me1.png"> - <img loading="lazy" src="../img/art/2023/lighter.png"> - <img loading="lazy" src="../img/art/2023/klaabu.jpg"> - <img loading="lazy" src="../img/art/2023/June14 - dump2.jpg"> - <img loading="lazy" src="../img/art/2023/jan29.png"> - <img loading="lazy" src="../img/art/2023/inanna.png"> - <img loading="lazy" src="../img/art/2023/imtheworst.png"> - <img loading="lazy" src="../img/art/2023/IMG_20240718_224346.jpg"> - <img loading="lazy" src="../img/art/2023/IMG_20240718_224336.jpg"> - <img loading="lazy" src="../img/art/2023/IMG_20240718_224332.jpg"> - <img loading="lazy" src="../img/art/2023/IMG_20231214_095534_edit_61702316709854.jpg"> - <img loading="lazy" src="../img/art/2023/IMG_20240718_224150.jpg"> - <img loading="lazy" src="../img/art/2023/IMG_20240718_224151.jpg"> - <img loading="lazy" src="../img/art/2023/IMG_20230423_095740_edit_386787025095667.jpg"> - <img loading="lazy" src="../img/art/2023/IMG_20230224_082257_edit_195344615689983.jpg"> - <img loading="lazy" src="../img/art/2023/IMG_20230224_082251_edit_195280928687909.jpg"> - <img loading="lazy" src="../img/art/2023/hylics looking ass.png"> - <img loading="lazy" src="../img/art/2023/halftone.png"> - <img loading="lazy" src="../img/art/2023/hair.png"> - <img loading="lazy" src="../img/art/2023/gregsplat2.png"> - <img loading="lazy" src="../img/art/2023/gregdespair2.png"> - <img loading="lazy" src="../img/art/2023/goodday.png"> - <img loading="lazy" src="../img/art/2023/girly.png"> - <img loading="lazy" src="../img/art/2023/gegheff.png"> - <img loading="lazy" src="../img/art/2023/gah.png"> - <img loading="lazy" src="../img/art/2023/fursona.png"> - <img loading="lazy" src="../img/art/2023/funkyproportions.png"> - <img loading="lazy" src="../img/art/2023/fuckedup.png"> - <img loading="lazy" src="../img/art/2023/freak.png"> - <img loading="lazy" src="../img/art/2023/estshirt2.png"> - <img loading="lazy" src="../img/art/2023/estoniapride.png"> - <img loading="lazy" src="../img/art/2023/duckfull.png"> - <img loading="lazy" src="../img/art/2023/distraught.png"> - <img loading="lazy" src="../img/art/2023/departure.png"> - <img loading="lazy" src="../img/art/2023/December18.jpg"> + <img loading="lazy" src="img/art/2023/whathehell.png"> + <img loading="lazy" src="img/art/2023/whatami.png"> + <img loading="lazy" src="img/art/2023/weird girl.png"> + <img loading="lazy" src="img/art/2023/update.png"> + <img loading="lazy" src="img/art/2023/typing.png"> + <img loading="lazy" src="img/art/2023/thoughts.png"> + <img loading="lazy" src="img/art/2023/the me tunrb 3.png"> + <img loading="lazy" src="img/art/2023/spaghettblur2.png"> + <img loading="lazy" src="img/art/2023/Sleep.png"> + <img loading="lazy" src="img/art/2023/September18 3.jpg"> + <img loading="lazy" src="img/art/2023/September18 2.jpg"> + <img loading="lazy" src="img/art/2023/September18 1.jpg"> + <img loading="lazy" src="img/art/2023/September18.jpg"> + <img loading="lazy" src="img/art/2023/September 4.png"> + <img loading="lazy" src="img/art/2023/scdumbrella.png"> + <img loading="lazy" src="img/art/2023/philosophy.png"> + <img loading="lazy" src="img/art/2023/person.png"> + <img loading="lazy" src="img/art/2023/people.png"> + <img loading="lazy" src="img/art/2023/November 2 2.jpg"> + <img loading="lazy" src="img/art/2023/momsjacket2.png"> + <img loading="lazy" src="img/art/2023/minmax.png"> + <img loading="lazy" src="img/art/2023/meshakeart.gif"> + <img loading="lazy" src="img/art/2023/me reference.png"> + <img loading="lazy" src="img/art/2023/me1.png"> + <img loading="lazy" src="img/art/2023/lighter.png"> + <img loading="lazy" src="img/art/2023/klaabu.jpg"> + <img loading="lazy" src="img/art/2023/June14 - dump2.jpg"> + <img loading="lazy" src="img/art/2023/jan29.png"> + <img loading="lazy" src="img/art/2023/inanna.png"> + <img loading="lazy" src="img/art/2023/imtheworst.png"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224346.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224336.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224332.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20231214_095534_edit_61702316709854.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224150.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20240718_224151.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230423_095740_edit_386787025095667.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230224_082257_edit_195344615689983.jpg"> + <img loading="lazy" src="img/art/2023/IMG_20230224_082251_edit_195280928687909.jpg"> + <img loading="lazy" src="img/art/2023/hylics looking ass.png"> + <img loading="lazy" src="img/art/2023/halftone.png"> + <img loading="lazy" src="img/art/2023/hair.png"> + <img loading="lazy" src="img/art/2023/gregsplat2.png"> + <img loading="lazy" src="img/art/2023/gregdespair2.png"> + <img loading="lazy" src="img/art/2023/goodday.png"> + <img loading="lazy" src="img/art/2023/girly.png"> + <img loading="lazy" src="img/art/2023/gegheff.png"> + <img loading="lazy" src="img/art/2023/gah.png"> + <img loading="lazy" src="img/art/2023/fursona.png"> + <img loading="lazy" src="img/art/2023/funkyproportions.png"> + <img loading="lazy" src="img/art/2023/fuckedup.png"> + <img loading="lazy" src="img/art/2023/freak.png"> + <img loading="lazy" src="img/art/2023/estshirt2.png"> + <img loading="lazy" src="img/art/2023/estoniapride.png"> + <img loading="lazy" src="img/art/2023/duckfull.png"> + <img loading="lazy" src="img/art/2023/distraught.png"> + <img loading="lazy" src="img/art/2023/departure.png"> + <img loading="lazy" src="img/art/2023/December18.jpg"> <h2>Stout .. Identity Start</h2> - <img loading="lazy" src="../img/art/2023/Dec 15.jpg"> - <img loading="lazy" src="../img/art/2023/Dec 15 - 1.jpg"> - <img loading="lazy" src="../img/art/2023/Dec 15 - 2.jpg"> - <img loading="lazy" src="../img/art/2023/Dec 15 - 3.jpg"> - <img loading="lazy" src="../img/art/2023/Dec 15 - 4.jpg"> - <img loading="lazy" src="../img/art/2023/Dec 15 - 5.jpg"> - <img loading="lazy" src="../img/art/2023/Dec 15 - 6.jpg"> - <img loading="lazy" src="../img/art/2023/Dec 15 - 7.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 1.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 2.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 3.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 4.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 5.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 6.jpg"> + <img loading="lazy" src="img/art/2023/Dec 15 - 7.jpg"> <h2>Stout ... Identity End</h2> - <img loading="lazy" src="../img/art/2023/deal.png"> - <img loading="lazy" src="../img/art/2023/coolending.png"> - <img loading="lazy" src="../img/art/2023/compeeter.png"> - <img loading="lazy" src="../img/art/2023/circle.png"> - <img loading="lazy" src="../img/art/2023/catboyreigenfixed.png"> - <img loading="lazy" src="../img/art/2023/can't find it.png"> - <img loading="lazy" src="../img/art/2023/brutal.png"> - <img loading="lazy" src="../img/art/2023/break.png"> - <img loading="lazy" src="../img/art/2023/aoigarasudama.png"> - <img loading="lazy" src="../img/art/2023/anatomysketches.png"> + <img loading="lazy" src="img/art/2023/deal.png"> + <img loading="lazy" src="img/art/2023/coolending.png"> + <img loading="lazy" src="img/art/2023/compeeter.png"> + <img loading="lazy" src="img/art/2023/circle.png"> + <img loading="lazy" src="img/art/2023/catboyreigenfixed.png"> + <img loading="lazy" src="img/art/2023/can't find it.png"> + <img loading="lazy" src="img/art/2023/brutal.png"> + <img loading="lazy" src="img/art/2023/break.png"> + <img loading="lazy" src="img/art/2023/aoigarasudama.png"> + <img loading="lazy" src="img/art/2023/anatomysketches.png"> <h2>2022</h2> - <img loading="lazy" src="../img/art/2022/TabletTestCrop1.png"> - <img loading="lazy" src="../img/art/2022/signed.png"> - <img loading="lazy" src="../img/art/2022/IMG_20230703_204745.jpg"> - <img loading="lazy" src="../img/art/2022/IMG_20230703_204841.jpg"> - <img loading="lazy" src="../img/art/2022/IMG_20240718_224600.jpg"> - <img loading="lazy" src="../img/art/2022/linkdoodle.jpg"> + <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"> + <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"> + <img loading="lazy" src="img/art/2022/IMG_20221019_220521_edit_150902434438431.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20220411_202438.jpg"> + <img loading="lazy" src="img/art/2022/IMG_20220411_165337.jpg"> + <img loading="lazy" src="img/art/2022/kaiba.jpg"> <h2>2021</h2> - <img loading="lazy" src="../img/art/2021/Aubreyfull.jpg"> + <img loading="lazy" src="img/art/2021/Aubreyfull.jpg"> </div> </div> </body> @@ -26,49 +26,44 @@ } #one a:nth-child(1)::after { - width: 0px; - height: 0px; - background: rgba(0,0,0,0); + background: none; } #two a:nth-child(1)::after { - bottom: 40px; - left: 40px; - width: 300px; - height: 100px; + bottom: 10%; + left: 10%; + height: 30%; } #two a:nth-child(2)::after { - bottom: 10px; - left: 30px; - width: 200px; - height: 50px; + bottom: 2%; + left: 8%; + height: 10%; } #two a:nth-child(3)::after { bottom: 0px; left: 0px; - width: 350px; - height: 150px; + width: 105%; + height: 45%; } #three a:nth-child(1)::after { - bottom: 10px; - left: 0px; - width: 200px; - height: 70px; + bottom: 5%; + left: 0%; + height: 40%; } - #three a:nth-child(3)::after { - bottom: 10px; - left: 10px; - width: 250px; - height: 80px; + #three a:nth-child(2)::after { + bottom: 5%; + left: 5%; + height: 55%; + width: 102%; } .eye { - width: 40px; - height: 40px; + width: 2.4vw; + height: 2.4vw; background: rgb(209, 209, 209); border-radius: 50%; position: relative; @@ -79,8 +74,8 @@ } .white { - width: 40px; - height: 20px; + width: 100%; + height: 60%; box-shadow: 0px 0px 10px 3px white; background: white; border-radius: 50%; @@ -92,8 +87,8 @@ } .pupil { - width: 10px; - height: 10px; + width: 0.63vw; + height: 0.63vw; background: rgb(17, 17, 17); border-radius: 50%; position: absolute; @@ -112,16 +107,15 @@ } .logo img { - width: 550px; + width: 28vw; } .logo img:hover { - width: 650px; + width: 33vw; } p { color: white; - font-size: large; } </style> </head> @@ -131,39 +125,37 @@ <div> <div id="one" class="flex"> <a href="brain.html"> - <img src="img/index/brain.png" style="max-width: 200px;"></a> + <img src="img/index/brain.png" style="max-width: 10.5vw;"></a> </div> <div id="two" class="flex"> <a href="art.html"> - <img src="img/index/art.png" style="max-width: 350px;"></a> + <img src="img/index/art.png" style="max-width: 18.5vw;"></a> - <a href="moloch.html"> - <div class="eye" style="top: 163px; left: 70px;"> + <a href="moloch.html" class="weener"> + <!--<div class="eye" style="top: 5%; left: 10%;"> <div class="white"></div> <div class="pupil"></div> </div> - <div class="eye" style="top: 147px; left: 40px; width: 30px;"> + <div class="eye" style="top: 19vh; left: 1.25vw; width: 2vw"> <div class="white"></div> <div class="pupil"></div> - </div> + </div>--> - <img src="img/index/weener.png" style="max-width: 250px;"> + <img src="img/index/weener.png" style="max-width: 13.5vw;"> </a> <a href="tech.html"> - <img src="img/index/computer.png" style="max-width:350px;"></a> + <img src="img/index/computer.png" style="max-width: 18.5vw;"></a> </div> - <div id="three" class="flex"> + <div id="three" class="flex" style="gap: 10vw;"> <a href="creatures.html"> - <img src="img/index/doll.png" style="max-width: 200px;"></a> - - <div style="width: 200px;"></div> + <img src="img/index/doll.png" style="max-width: 10.5vw;"></a> <a href="music.html"> - <img src="img/index/music.png" style="max-width: 250px;"></a> + <img src="img/index/music.png" style="max-width: 13.5vw;"></a> </div> </div> @@ -181,12 +173,12 @@ <p><a href="about.html">about</a> * <a href="sitemap.html">sitemap</a> * <a href="https://teeth.atabook.org/">guestbook</a></p> </div> - <div class="shadow" style="text-align: center; color: white; width: 250px; padding: 10px; position: fixed; bottom: 0; right: 0;"> + <div class="shadow" style="text-align: center; color: white; width: 20%; padding: 10px; position: fixed; bottom: 0; right: 0;"> <h2 style="text-align: center; margin: 0px;">Updates</h2> - <ul style="text-align: left; padding: 0px 20px;"> - <li>16/02/26 - New site design</li> - <li>04/02/26 - Added Bluesky link</li> + <ul style="text-align: left; padding: 0px 20px; font-size: 1em;"> + <li>16/02/26 - New site design</li> + <li>04/02/26 - Added Bluesky link</li> <li>12/01/26 - Added tor and i2p mirrors</li> <li>10/01/26 - Added The Black Tower to /books</li> </ul> @@ -12,14 +12,13 @@ <style> body { color: white; - margin: auto; - width: 1000px; } #main { /*border: dotted; border-color: #8F2037;*/ - width: 1000px; + width: 80vw; + margin: auto; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px 25px rgba(0,0,0,0.8); border-radius: 10px; @@ -81,7 +80,7 @@ border:#611121 solid; box-shadow: 0 0 10px 5px #611121 inset; margin: 10px; - font-size: large; + font-size: 2em; color: white; font-family: DynaPuff, Verdana, sans-serif; display: inline-block; |