redesigned the site

This commit is contained in:
Juli 2024-10-30 11:32:13 +02:00
parent 7619741ddb
commit a61156239a
21 changed files with 2111 additions and 119 deletions

112
404.html Normal file

File diff suppressed because one or more lines are too long

View file

@ -1,33 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>cat README.md</title>
<link rel="stylesheet" href="style.css">
<meta content="cat /home/juli/about_me/README.md" property="og:title" />
<meta content="Juli's about page" property="og:description" />
<meta content="#fa20b1" data-react-helmet="true" name="theme-color"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="twitter:site" content="https://about.julimiro.eu" />
<meta name="twitter:title" content="cat /home/juli/about_me/README.md" />
<meta name="twitter:description" content="Juli's about page" />
</head>
<body>
<div class="main">
<span id="prompt_name">juli@meowcity</span>:<span id="path">~/about_me$</span> cat README.md<br>
<br>
Hi! <br>
I am Juli a pan Finnish furry of some gender(i dont know) from '09(thats 14 years old). I go by Juli or Julimiro, any pronouns are fine.<br>
<br>
&lt;<a target="_blank" href="https://julimiro.eu">https://julimiro.eu</a>&gt;<br>
&lt;<a target="_blank" href="https://eepykitty.lol/@juli">https://eepykitty.lol/@juli</a>&gt;<br>
&lt;<a target="_blank" href="https://www.last.fm/user/Julimiro">https://www.last.fm/user/Julimiro</a>&gt;<br>
&lt;<a target="_blank" href="https://lemmy.blahaj.zone/u/Juli">https://lemmy.blahaj.zone/u/Juli</a>&gt;<br>
<br>
<br>
<br>
Meow
<head>
<title>Juli's silly website</title>
<link rel="stylesheet" href="/style.css">
<meta charset="utf-8"/>
<meta name="author" content="Juli" />
<meta name="generator" content="basalt-ng" />
<meta content="juli's page" property="og:title" />
<meta content="some furry's page" property="og:description" />
<meta content="#f5c2e7" data-react-helmet="true" name="theme-color"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="twitter:site" content="https://julimiro.eu" />
<meta name="twitter:title" content="juli's website" />
<meta name="twitter:description" content="a silly fur's page" />
<script src="/static/particle.js"></script>
</head>
<body>
<noscript><style>.scriptonly {display: none;}</style></noscript>
</div>
</body>
<div id="particles-js"></div>
<div class="page">
<div class="content container">
<h1>Juli's about</h1>
<p>I am Juli, a Finnish pansexual genderfluid furry from '09(thats 15 years old). I go by Juli or Julimiro, I prefer it/its and she/her(in that order) but any are fine.</p>
<p>I have a few coding projects which are on my <a href="https://git.gay/Juli">git</a>(and still a bit on my <a href="https://github.com/Juliasmatius">github</a>)</p>
<div class="socials">
<a alt="Website" rel="me" target="_blank" href="https://julimiro.eu"><img alt="Website" title="Website" width=50px height=50px src="/static/icons/www.svg" /></a>
<a alt="Fediverse" rel="me" target="_blank" href="https://kitsunes.club/@juli"><img alt="Fediverse" title="Fediverse" width=50px height=50px src="/static/icons/fediverse.svg" /></a>
<a alt="Lemmy" rel="me" target="_blank" href="https://pawb.social/u/Juli"><img alt="Lemmy" title="Lemmy" width=50px height=50px src="/static/icons/lemmy.svg" /></a>
<a alt="Last.fm" rel="me" target="_blank" href="https://www.last.fm/user/Julimiro"><img alt="Last.fm" title="Last.fm" width=50px height=50px src="/static/icons/lastfm.svg" /></a>
<a alt="Youtube" rel="me" target="_blank" href="https://www.youtube.com/@JuliTheFurry"><img alt="Youtube"title="Youtube" width=50px height=50px src="/static/icons/youtube.svg" /></a>
<a alt="Pronouns-page" rel="me" target="_blank" href="https://en.pronouns.page/u/Julimiro"><img alt="Pronouns.page"title="prononuns.page" width=50px height=50px src="/static/icons/pronouns.svg" /></a>
</div>
</div>
</body>
</html>
<!-- trans rights :3 -->

View file

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
viewBox="-10 0 1034 1024"
id="svg1"
sodipodi:docname="fediverse.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="0.39697266"
inkscape:cx="583.16359"
inkscape:cy="895.52767"
inkscape:window-width="1920"
inkscape:window-height="1009"
inkscape:window-x="-8"
inkscape:window-y="-5"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
fill="currentColor"
d="m 553.61627,0.92496883 q -38.82552,0 -66.73138,26.53352017 -27.90584,26.533519 -30.33243,66.3338 -2.4266,39.800281 24.8726,69.952011 27.29919,30.15172 67.94467,32.56387 40.64547,2.41214 70.97792,-24.72442 30.33244,-27.13655 32.75903,-67.53988 2.4266,-40.403308 -24.8726,-71.158069 Q 600.93489,2.1310379 559.68277,0.92496883 Z M 448.05937,115.50153 166.57431,257.81769 q 24.26595,24.12138 30.33243,57.89131 L 477.17851,173.39285 q -23.05265,-24.12138 -29.11914,-57.89132 z m 202.62072,32.56387 q -15.77287,30.15172 -46.10532,45.83062 l 222.03348,221.91673 q 15.77288,-30.15174 47.31862,-45.83063 z M 478.39182,174.59892 314.59662,494.20724 363.12853,542.45 536.6301,204.75065 q -33.97233,-6.03034 -58.23828,-30.15173 z m 126.18295,19.2971 q -26.69254,13.26677 -55.81169,12.06069 l -9.70638,-1.20606 25.47926,159.20113 67.94467,10.85461 z M 87.709953,234.90238 q -38.825526,0 -66.731367,27.13656 -27.9058506,27.13655 -30.332446,66.3338 -2.426595,39.19724 24.872603,69.952 27.299201,30.75476 68.551323,32.56387 41.252124,1.8091 71.584554,-25.32746 30.33245,-27.13655 32.15239,-67.53986 1.81995,-40.40332 -25.47924,-70.55505 -27.2992,-30.15173 -67.338031,-32.56386 z m 109.196787,82.0127 q 1.21331,10.85461 1.21331,21.70924 -1.21331,22.91531 -12.13298,42.21242 l 160.15529,25.32745 31.54574,-60.30345 z m 272.99199,43.41849 -31.54574,61.50952 377.33559,59.09738 q -1.2133,-9.64855 -1.2133,-20.50317 1.2133,-22.91532 12.13297,-43.41849 z m 451.34674,7.23641 q -38.82552,1.20607 -66.73136,27.73959 -27.90586,26.53352 -29.7258,66.33381 -1.81994,39.80027 25.47925,69.952 27.2992,30.15173 67.94467,32.56387 40.64548,2.41213 70.97791,-24.72442 30.33246,-27.13656 32.75906,-68.14291 2.4266,-41.00634 -24.87262,-71.15807 -27.2992,-30.15173 -68.55132,-32.56387 z m -735.2584,15.6789 Q 170.2142,413.4006 138.66846,429.0795 l 254.79252,253.27452 61.87817,-30.15173 z m -48.53191,45.83062 q -25.47925,13.26677 -53.385094,12.06069 l -10.919685,-1.20606 48.531909,308.75369 q 25.47925,-12.0607 54.5984,-10.85462 l 9.70638,1.20607 z m 441.64037,26.53353 58.23829,375.08749 q 25.47924,-12.0607 53.3851,-10.85462 l 12.13297,1.20607 -55.81169,-354.58432 z m 236.59305,27.73958 -143.16914,72.36415 9.70639,67.53988 163.79519,-82.01271 Q 821.75506,517.12255 815.68858,483.35261 Z M 847.23432,542.45 702.85189,821.05197 q 33.97234,6.03034 58.23829,30.15173 L 905.47261,572.60173 Q 871.50027,566.57138 847.23432,542.45 Z m -576.31641,34.97601 -82.50424,161.61326 q 33.97233,6.03035 58.23828,30.15173 l 72.79786,-143.52223 z m 317.884,20.50317 -340.93665,172.46788 q 23.05265,24.12138 29.11914,57.89132 L 598.50829,665.46905 Z m -66.73138,120.60691 -61.87818,30.15173 128.60956,129.04939 q 15.77286,-30.15172 47.3186,-45.83062 z M 169.0009,747.48175 q -38.82552,0 -67.33802,27.13655 -28.512499,27.13656 -30.332443,66.33381 -1.819944,39.19724 25.479257,69.34897 27.299186,30.15173 67.944666,32.56387 40.64547,2.41214 70.97792,-24.72442 30.33244,-27.13655 32.75903,-67.53988 2.4266,-40.40331 -24.8726,-70.55504 -27.29919,-30.15172 -68.55132,-32.56386 z m 107.9835,82.0127 q 2.4266,10.85462 1.21329,21.70925 -1.21329,22.9153 -10.91967,42.21241 l 310.60421,49.44884 q -1.2133,-10.85463 -1.2133,-21.70925 1.2133,-21.70924 12.13298,-42.21241 z m 406.45473,0 q -38.82553,0 -66.73138,27.13656 -27.90584,27.13655 -29.72579,66.3338 -1.81995,39.19724 24.8726,69.95201 26.69255,30.75478 67.94467,32.56388 41.25212,1.8091 71.58457,-25.3275 30.33244,-27.13652 32.75903,-67.53984 2.4266,-40.40332 -24.87259,-70.55505 -27.2992,-30.15172 -68.55132,-32.56386 z"
id="path1"
style="stroke-width:1.20968" />
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

1
static/icons/git.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Git</title><path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187"/></svg>

After

Width:  |  Height:  |  Size: 702 B

1
static/icons/github.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>

After

Width:  |  Height:  |  Size: 822 B

1
static/icons/itch.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Itch.io</title><path d="M3.13 1.338C2.08 1.96.02 4.328 0 4.95v1.03c0 1.303 1.22 2.45 2.325 2.45 1.33 0 2.436-1.102 2.436-2.41 0 1.308 1.07 2.41 2.4 2.41 1.328 0 2.362-1.102 2.362-2.41 0 1.308 1.137 2.41 2.466 2.41h.024c1.33 0 2.466-1.102 2.466-2.41 0 1.308 1.034 2.41 2.363 2.41 1.33 0 2.4-1.102 2.4-2.41 0 1.308 1.106 2.41 2.435 2.41C22.78 8.43 24 7.282 24 5.98V4.95c-.02-.62-2.082-2.99-3.13-3.612-3.253-.114-5.508-.134-8.87-.133-3.362 0-7.945.053-8.87.133zm6.376 6.477a2.74 2.74 0 0 1-.468.602c-.5.49-1.19.795-1.947.795a2.786 2.786 0 0 1-1.95-.795c-.182-.178-.32-.37-.446-.59-.127.222-.303.412-.486.59a2.788 2.788 0 0 1-1.95.795c-.092 0-.187-.025-.264-.052-.107 1.113-.152 2.176-.168 2.95v.005l-.006 1.167c.02 2.334-.23 7.564 1.03 8.85 1.952.454 5.545.662 9.15.663 3.605 0 7.198-.21 9.15-.664 1.26-1.284 1.01-6.514 1.03-8.848l-.006-1.167v-.004c-.016-.775-.06-1.838-.168-2.95-.077.026-.172.052-.263.052a2.788 2.788 0 0 1-1.95-.795c-.184-.178-.36-.368-.486-.59-.127.22-.265.412-.447.59a2.786 2.786 0 0 1-1.95.794c-.76 0-1.446-.303-1.948-.793a2.74 2.74 0 0 1-.468-.602 2.738 2.738 0 0 1-.463.602 2.787 2.787 0 0 1-1.95.794h-.16a2.787 2.787 0 0 1-1.95-.793 2.738 2.738 0 0 1-.464-.602zm-2.004 2.59v.002c.795.002 1.5 0 2.373.953.687-.072 1.406-.108 2.125-.107.72 0 1.438.035 2.125.107.873-.953 1.578-.95 2.372-.953.376 0 1.876 0 2.92 2.934l1.123 4.028c.832 2.995-.266 3.068-1.636 3.07-2.03-.075-3.156-1.55-3.156-3.025-1.124.184-2.436.276-3.748.277-1.312 0-2.624-.093-3.748-.277 0 1.475-1.125 2.95-3.156 3.026-1.37-.004-2.468-.077-1.636-3.072l1.122-4.027c1.045-2.934 2.545-2.934 2.92-2.934zM12 12.714c-.002.002-2.14 1.964-2.523 2.662l1.4-.056v1.22c0 .056.56.033 1.123.007.562.026 1.124.05 1.124-.008v-1.22l1.4.055C14.138 14.677 12 12.713 12 12.713z"/></svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

1
static/icons/lastfm.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Last.fm</title><path d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z"/></svg>

After

Width:  |  Height:  |  Size: 803 B

1
static/icons/lemmy.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Lemmy</title><path d="M2.9595 4.2228a3.9132 3.9132 0 0 0-.332.019c-.8781.1012-1.67.5699-2.155 1.3862-.475.8-.5922 1.6809-.35 2.4971.2421.8162.8297 1.5575 1.6982 2.1449.0053.0035.0106.0076.0163.0114.746.4498 1.492.7431 2.2877.8994-.02.3318-.0272.6689-.006 1.0181.0634 1.0432.4368 2.0006.996 2.8492l-2.0061.8189a.4163.4163 0 0 0-.2276.2239.416.416 0 0 0 .0879.455.415.415 0 0 0 .2941.1231.4156.4156 0 0 0 .1595-.0312l2.2093-.9035c.408.4859.8695.9315 1.3723 1.318.0196.0151.0407.0264.0603.0423l-1.2918 1.7103a.416.416 0 0 0 .664.501l1.314-1.7385c.7185.4548 1.4782.7927 2.2294 1.0242.3833.7209 1.1379 1.1871 2.0202 1.1871.8907 0 1.6442-.501 2.0242-1.2072.744-.2347 1.4959-.5729 2.2073-1.0262l1.332 1.7606a.4157.4157 0 0 0 .7439-.1936.4165.4165 0 0 0-.0799-.3074l-1.3099-1.7345c.0083-.0075.0178-.0113.0261-.0188.4968-.3803.9549-.8175 1.3622-1.2939l2.155.8794a.4156.4156 0 0 0 .5412-.2276.4151.4151 0 0 0-.2273-.5432l-1.9438-.7928c.577-.8538.9697-1.8183 1.0504-2.8693.0268-.3507.0242-.6914.0079-1.0262.7905-.1572 1.5321-.4502 2.2737-.8974.0053-.0033.011-.0076.0163-.0113.8684-.5874 1.456-1.3287 1.6982-2.145.2421-.8161.125-1.697-.3501-2.497-.4849-.8163-1.2768-1.2852-2.155-1.3863a3.2175 3.2175 0 0 0-.332-.0189c-.7852-.0151-1.6231.229-2.4286.6942-.5926.342-1.1252.867-1.5433 1.4387-1.1699-.6703-2.6923-1.0476-4.5635-1.0785a15.5768 15.5768 0 0 0-.5111 0c-2.085.034-3.7537.43-5.0142 1.1449-.0033-.0038-.0045-.0114-.008-.0152-.4233-.5916-.973-1.1365-1.5835-1.489-.8055-.465-1.6434-.7083-2.4286-.6941Zm.2858.7365c.5568.042 1.1696.2358 1.7787.5875.485.28.9757.7554 1.346 1.2696a5.6875 5.6875 0 0 0-.4969.4085c-.9201.8516-1.4615 1.9597-1.668 3.2335-.6809-.1402-1.3183-.3945-1.984-.7948-.7553-.5128-1.2159-1.1225-1.4004-1.7445-.1851-.624-.1074-1.2712.2776-1.9196.3743-.63.9275-.9534 1.6118-1.0322a2.796 2.796 0 0 1 .5352-.0076Zm17.5094 0a2.797 2.797 0 0 1 .5353.0075c.6842.0786 1.2374.4021 1.6117 1.0322.385.6484.4627 1.2957.2776 1.9196-.1845.622-.645 1.2317-1.4004 1.7445-.6578.3955-1.2881.6472-1.9598.7888-.1942-1.2968-.7375-2.4338-1.666-3.302a5.5639 5.5639 0 0 0-.4709-.3923c.3645-.49.8287-.9428 1.2938-1.2113.6091-.3515 1.2219-.5454 1.7787-.5875ZM12.006 6.0036a14.832 14.832 0 0 1 .487 0c2.3901.0393 4.0848.67 5.1631 1.678 1.1501 1.0754 1.6423 2.6006 1.499 4.467-.1311 1.7079-1.2203 3.2281-2.652 4.324-.694.5313-1.4626.9354-2.2254 1.2294.0031-.0453.014-.0888.014-.1349.0029-1.1964-.9313-2.2133-2.2918-2.2133-1.3606 0-2.3222 1.0154-2.2918 2.2213.0013.0507.014.0972.0181.1471-.781-.2933-1.5696-.7013-2.2777-1.2456-1.4239-1.0945-2.4997-2.6129-2.6037-4.322-.1129-1.8567.3778-3.3382 1.5212-4.3965C7.5094 6.7 9.352 6.047 12.006 6.0036Zm-3.6419 6.8291c-.6053 0-1.0966.4903-1.0966 1.0966 0 .6063.4913 1.0986 1.0966 1.0986s1.0966-.4923 1.0966-1.0986c0-.6063-.4913-1.0966-1.0966-1.0966zm7.2819.0113c-.5998 0-1.0866.4859-1.0866 1.0866s.4868 1.0885 1.0866 1.0885c.5997 0 1.0865-.4878 1.0865-1.0885s-.4868-1.0866-1.0865-1.0866zM12 16.0835c1.0237 0 1.5654.638 1.5634 1.4829-.0018.7849-.6723 1.485-1.5634 1.485-.9167 0-1.54-.5629-1.5634-1.493-.0212-.8347.5397-1.4749 1.5634-1.4749Z"/></svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

47
static/icons/mastodon.svg Normal file
View file

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
role="img"
viewBox="0 0 24 24"
version="1.1"
id="svg1"
sodipodi:docname="mastodon.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="20.5"
inkscape:cx="11.97561"
inkscape:cy="12"
inkscape:window-width="1366"
inkscape:window-height="696"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<title
id="title1">Mastodon</title>
<rect
style="fill:#ffffff"
id="rect1"
width="16.916731"
height="11.88186"
x="3.4818978"
y="3.2237043" />
<path
d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"
id="path1"
inkscape:label="path1"
style="fill:#000000" />
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 650 650"><path d="M396.52 174.35c1.35-2.4.21-4.35-2.54-4.35l-48.2.03c-2.75 0-6.15 1.94-7.54 4.31l-118.1 199.77c-16.48 27.15-39.48 33.15-61.58 30.47-37.94-4.6-58.34-32.45-58.34-69.54 0-37.25 30.31-67.56 67.56-67.56h75c2.75 0 6.12-1.95 7.48-4.34l27.03-47.2c1.37-2.39.23-4.34-2.52-4.34h-107c-68.06 0-123.44 55.37-123.44 123.44 0 32.89 12.85 68.36 36.22 91.54 23.03 22.84 53.8 31.21 86.64 31.89 18.54.21 69.46-.21 93.33-42.68 26.73-47.57 136-241.44 136-241.44zM571.94 244.44c-23.03-22.84-53.8-31.21-86.64-31.89-18.54-.21-69.46.21-93.33 42.68-26.72 47.55-136 241.42-136 241.42-1.35 2.4-.21 4.35 2.54 4.35l48.2-.03c2.75 0 6.15-1.94 7.54-4.31l118.1-199.77c16.48-27.15 39.48-33.15 61.58-30.47 37.94 4.6 58.34 32.45 58.34 69.54 0 37.25-30.31 67.56-67.56 67.56h-75c-2.75 0-6.12 1.95-7.48 4.34l-27.03 47.2c-1.37 2.39-.23 4.34 2.52 4.34h107c68.06 0 123.44-55.37 123.44-123.44 0-32.87-12.85-68.34-36.22-91.52z"/></svg>

After

Width:  |  Height:  |  Size: 959 B

3
static/icons/reddit.svg Normal file
View file

@ -0,0 +1,3 @@
<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
.st0{fill:#FFFFFF;}
</style><title/><g><path d="M500,1000L500,1000C223.9,1000,0,776.1,0,500l0,0C0,223.9,223.9,0,500,0l0,0c276.1,0,500,223.9,500,500l0,0 C1000,776.1,776.1,1000,500,1000z"/><path class="st0" d="M614.6,604.2c-28.7,0-52.1-23.4-52.1-52.1c0-28.7,23.4-52.1,52.1-52.1s52.1,23.4,52.1,52.1 C666.7,580.8,643.3,604.2,614.6,604.2 M623.8,689.7C588.2,725.2,520.1,728,500.1,728c-20,0-88.2-2.8-123.7-38.3 c-5.3-5.3-5.3-13.8,0-19.1s13.8-5.3,19.1,0C417.9,693,465.8,701,500.1,701c34.2,0,82.2-8,104.6-30.4c5.3-5.3,13.8-5.3,19.1,0 C629,675.9,629,684.4,623.8,689.7 M333.3,552.1c0-28.7,23.4-52.1,52.1-52.1s52.1,23.4,52.1,52.1s-23.4,52.1-52.1,52.1 C356.7,604.2,333.3,580.8,333.3,552.1 M833.3,500c0-40.3-32.6-72.9-72.9-72.9c-19.7,0-37.5,7.8-50.6,20.5 c-49.8-36-118.5-59.2-195-61.9L548,229.4l108.5,23.1c1.3,27.6,23.9,49.6,51.8,49.6c28.8,0,52.1-23.3,52.1-52.1 s-23.3-52.1-52.1-52.1c-20.5,0-38,11.9-46.5,29.1l-121.2-25.8c-3.4-0.7-6.9-0.1-9.8,1.8c-2.9,1.9-4.9,4.8-5.6,8.2l-36.4,171.5 c-0.2,1,0,1.9,0,2.9c-77.9,2-147.9,25.3-198.5,61.8c-13.1-12.6-30.8-20.3-50.4-20.3c-40.3,0-72.9,32.7-72.9,72.9 c0,29.6,17.7,55.1,43.1,66.5c-1.1,7.2-1.7,14.6-1.7,22.1c0,112.2,130.6,203.1,291.7,203.1s291.7-90.9,291.7-203.1 c0-7.4-0.6-14.7-1.7-21.9C815.4,555.3,833.3,529.8,833.3,500" id="Fill-3"/></g></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

1
static/icons/replit.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Replit</title><path d="M2 1.5A1.5 1.5 0 0 1 3.5 0h7A1.5 1.5 0 0 1 12 1.5V8H3.5A1.5 1.5 0 0 1 2 6.5ZM12 8h8.5A1.5 1.5 0 0 1 22 9.5v5a1.5 1.5 0 0 1-1.5 1.5H12ZM2 17.5A1.5 1.5 0 0 1 3.5 16H12v6.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 2 22.5Z"/></svg>

After

Width:  |  Height:  |  Size: 326 B

1
static/icons/steam.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Steam</title><path d="M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658c.545-.371 1.203-.59 1.912-.59.063 0 .125.004.188.006l2.861-4.142V8.91c0-2.495 2.028-4.524 4.524-4.524 2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911c0 .052.004.105.004.159 0 1.875-1.515 3.396-3.39 3.396-1.635 0-3.016-1.173-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.605 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z"/></svg>

After

Width:  |  Height:  |  Size: 1 KiB

47
static/icons/twitter.svg Normal file
View file

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
role="img"
viewBox="0 0 24 24"
version="1.1"
id="svg1"
sodipodi:docname="x.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="20.5"
inkscape:cx="9.4634146"
inkscape:cy="12.243902"
inkscape:window-width="1366"
inkscape:window-height="696"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<title
id="title1">X</title>
<rect
style="fill:#ffffff;stroke-width:1.158"
id="rect1"
width="5.3889108"
height="24.203014"
x="-0.37450975"
y="4.843503"
rx="2.6944554"
transform="matrix(0.80886759,-0.58799083,0.60724221,0.79451677,0,0)" />
<path
d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
id="path1" />
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148 13.98 13.98 0 0 0 11.82 8.292a4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"/></svg>

After

Width:  |  Height:  |  Size: 565 B

1
static/icons/www.svg Normal file
View file

@ -0,0 +1 @@
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path d="M184.948,237.556l-22.466,50.513c-1.952,4.387-6.244,7.269-11.043,7.414c-0.127,0.004-0.254,0.006-0.38,0.006 c-4.654,0-8.937-2.59-11.091-6.738l-9.611-18.506l-9.611,18.506c-2.213,4.263-6.668,6.896-11.472,6.732 c-4.799-0.146-9.091-3.027-11.043-7.414l-22.466-50.513c-2.805-6.308,0.034-13.696,6.342-16.501 c6.308-2.806,13.696,0.033,16.501,6.341l11.917,26.794l8.739-16.828c2.15-4.14,6.428-6.738,11.093-6.738s8.943,2.599,11.093,6.738 l8.739,16.828l11.917-26.794c2.806-6.307,10.192-9.146,16.501-6.341C184.914,223.859,187.753,231.248,184.948,237.556z M304.251,221.055c-6.312-2.808-13.696,0.034-16.501,6.341l-11.917,26.794l-8.74-16.828c-2.15-4.14-6.427-6.738-11.093-6.738 c-4.666,0-8.943,2.599-11.093,6.738l-8.739,16.828l-11.917-26.794c-2.805-6.308-10.194-9.146-16.501-6.341 c-6.308,2.805-9.147,10.193-6.342,16.501l22.466,50.513c1.952,4.387,6.244,7.269,11.043,7.414c0.127,0.004,0.253,0.006,0.38,0.006 c4.653,0,8.937-2.59,11.091-6.738L256,270.244l9.611,18.506c2.213,4.262,6.677,6.861,11.471,6.732 c4.8-0.146,9.092-3.027,11.043-7.414l22.467-50.513C313.397,231.248,310.559,223.86,304.251,221.055z M498.5,230.215v51.57 c0,32.174-23.841,58.875-54.782,63.388c-34.345,72.271-107.172,118.568-187.628,118.602c-0.03,0-0.06,0.004-0.089,0.004 c-0.033,0-0.066-0.004-0.099-0.004c-80.61-0.038-153.271-46.287-187.614-118.602C37.343,340.662,13.5,313.96,13.5,281.785v-51.57 c0-32.174,23.841-58.874,54.782-63.388C102.639,94.529,175.508,48.224,256,48.224c80.491,0,153.36,46.306,187.718,118.603 C474.659,171.34,498.5,198.041,498.5,230.215z M310.101,81.395c19.558,18.148,40.453,45.29,53.79,84.75h51.32 C392.071,125.139,354.248,95.057,310.101,81.395z M268.5,166.146h68.798c-18.522-47.94-49.653-73.33-68.798-85.09V166.146z M174.71,166.146h68.79V81.082c-5.669,3.479-12.371,8.13-19.451,14.174C202.178,113.928,185.644,137.734,174.71,166.146z M96.788,166.146h51.32c13.338-39.461,34.232-66.602,53.791-84.75C157.751,95.057,119.928,125.138,96.788,166.146z M201.943,430.646 c-19.571-18.148-40.487-45.301-53.834-84.791H96.777C119.924,386.921,157.732,417.007,201.943,430.646z M243.5,345.854h-68.789 c10.933,28.411,27.466,52.216,49.337,70.888c7.081,6.046,13.782,10.697,19.453,14.176V345.854z M337.29,345.854H268.5v85.064 c5.668-3.478,12.369-8.129,19.451-14.175C309.822,398.072,326.356,374.266,337.29,345.854z M415.212,345.854h-51.32 c-13.338,39.46-34.232,66.602-53.791,84.75C354.248,416.943,392.071,386.861,415.212,345.854z M473.5,230.215 c0-21.543-17.526-39.069-39.069-39.069H77.569c-21.543,0-39.069,17.526-39.069,39.069v51.57c0,21.543,17.526,39.069,39.069,39.069 h356.861c21.543,0,39.069-17.526,39.069-39.069V230.215z M429.895,221.055c-6.31-2.808-13.697,0.034-16.501,6.341l-11.917,26.793 l-8.739-16.827c-2.15-4.14-6.427-6.738-11.093-6.738s-8.942,2.599-11.093,6.738l-8.74,16.828l-11.917-26.794 c-2.806-6.308-10.194-9.146-16.501-6.341c-6.308,2.806-9.146,10.193-6.341,16.501l22.467,50.513 c1.951,4.387,6.243,7.269,11.043,7.414c4.792,0.164,9.258-2.47,11.471-6.732l9.611-18.506l9.611,18.506 c2.154,4.148,6.438,6.738,11.091,6.738c0.127,0,0.253-0.002,0.38-0.006c4.8-0.146,9.092-3.027,11.043-7.414l22.466-50.513 C439.041,231.247,436.202,223.859,429.895,221.055z"/></svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

1
static/icons/youtube.svg Normal file
View file

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>

After

Width:  |  Height:  |  Size: 459 B

1546
static/particle.js Normal file

File diff suppressed because it is too large Load diff

110
static/particles.json Normal file
View file

@ -0,0 +1,110 @@
{
"particles": {
"number": {
"value": 80,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#f5c2e7"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.5,
"random": false,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 3,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#f5c2e7",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 6,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "window",
"events": {
"onhover": {
"enable": true,
"mode": "repulse"
},
"onclick": {
"enable": true,
"mode": "remove"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
}

240
style.css
View file

@ -1,88 +1,168 @@
@import url("https://api.fonts.coollabs.io/css2?family=Atkinson+Hyperlegible&display=swap");
@import url('https://api.fonts.coollabs.io/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
html, body{
padding: 0;
margin: 0;
height: 100%;
font-size: 1.1em;
}
body {
background-color: rgb(0, 27, 41);
/* */
color: #cdd6f4;
background-color: #1e1e2e;
font-family: 'Atkinson Hyperlegible', 'Roboto Mono', Arial, sans-serif;
color: rgb(255, 255, 255);
font-family: "Roboto Mono", monospace
}
.container {
position: relative
}
.header {
position: relative;
left: 50%;
top: 0%;
transform: translateX(-50%);
text-align: center
}
.header ul {
text-decoration: none;
list-style-type: none
}
.header h1 {
font-size: 3em
}
.header a {
font-size: 1.25em;
margin: 2px;
color: rgb(255, 255, 255);
text-decoration: none
}
.button {
font-family: "Roboto Mono", monospace;
background-color: #008cba;
border: none;
color: #fff;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer
}
.button:hover {
font-family: "Roboto Mono", monospace;
background-color: #006384;
border: none;
color: #fff;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer
}
.main {
position: relative;
top: 20%;
left: 50%;
transform: translate(-50%,20%);
text-align: center;
width: 60%;
border-width: 2px;
border-style: solid;
padding: 30px;
text-align: left;
background-color: #000;
}
a {
color: #FFF;
color: #f5c2e7;
}
a:hover {
color: #f38ba8;
}
.page {
display: flex;
width: 65%;
margin: 0 auto;
align-items: start;
padding-top: 3em;
}
.page .content{
flex-grow: 7;
padding: 0.25em;
min-width: 68%;
}
.page {
max-width: 100%;
text-align: center;
}
.content {
max-width: 100%;
}
.page .sidebar {
flex-grow: 3;
min-width: 27%; /* this is highly cursed */
max-width: 40%;
}
.container {
border-color: #f5c2e7;
border-width: 2px;
border-style: solid;
margin: 1em;
background-color: #1e1e2e;
padding: 0.6em;
}
/* time to fix these cursed media queries */
@media only screen and (min-width: 0px) and (max-width: 600px){
.page {
width: 100%;
margin-top: 0;
flex-direction: column-reverse;
}
.container {
margin: 0.5em;
}
.sidebar {
min-width: 95% !important;
/*max-width: 100% !important;*/
width: 100% !important;
}
.content {
min-width: 95% !important;
width: 100% !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 1000px){
.page {
margin-top: 0;
width: 85%;
}
}
#prompt_name {
color: #14A10C;
.page .sidebar header{
text-align: right;
}
#path {
color: #3B78FE;
}
canvas {
display: block;
vertical-align: bottom;
}
#particles-js {
z-index: -1;
position: fixed;
width: 100%;
height: 100%;
background-color: #1e1e2e;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.content hr:last-of-type {
display:none;
}
.socials {
background-color: #fff;
display: inline-block;
padding:5px;
padding-bottom: 0px;
border: 2px solid #f5c2e7;
margin-bottom: 1em;
}
#animal_img {
width: 100%;
height: auto;
}
#gif_buttons {
image-rendering: pixelated;
}
.breakword {
word-wrap: break-word;
}
#analytics-iframe {
border: unset;
width: 100%;
height: 30vh;
}
.qr {
width: 20%;
height: auto;
}
#kofiframe {
overflow: hidden;
}
html.is-changing {
view-transition-name: main;
}
::view-transition-old(main) {
animation: fade 0.5s ease-in-out both;
}
::view-transition-new(main) {
animation: fade 0.5s ease-in-out both reverse;
}
@keyframes fade {
from { opacity: 1; }
to { opacity: 0; }
}
html.is-changing:not(.swup-native) {
transition: 0.25s opacity;
opacity: 1;
}
html.is-animating:not(.swup-native) {
opacity: 0;
}

View file

@ -1,10 +0,0 @@
git add .
git commit -m "automatic commit"
git push
copy index.html ..\gitgay\index.html
copy style.css ..\gitgay\style.css
cd ../gitgay/
git add .
git commit -m "automatic commit"
git push
cd ../about