website/index.html

239 lines
22 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title >Homepage - Gnawmon</title>
<link id="theme" rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/fetch.css">
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
<script src="assets/js/main.js"></script>
</head>
<body>
<video style="display: none;" muted loop autoplay class="bgvideo" id="bgvideo">
<source src="/assets/videos/plasma.mp4" type="video/mp4">
</video>
<div class="middlething">
<img class="banner" id="banner" src="/assets/images/banner.png">
<div class="navbar"> <img src="http://freevector.co/wp-content/uploads/2014/07/72887-pear-fruit.png" class="hide" style="width: 10px; scale: 1.7; margin-left: 10px;"> <a id="active" href="index.html">Main Page </a> <a href="projects.html
">Projects </a> <a href="art.html">Art </a> <img src="assets/svg/gear.svg" class="gear" onclick="showSettings()"/></div>
<div style="display: none;" class="settings" id="settings">
<p class=" windowbar hide " style="width: 100%; margin-top: 0px;"><img src="/assets/images/osxbuttons.png" class="hide"> Settings</p><br>
<label class="switch">
<input type="checkbox" id="enableVideoBackground">
<span class="slider"></span>
</label> <p>Video Background</p>
<br>
<label class="switch" >
<input type="checkbox" id="backgroundVideoToggle">
<span class="slider"></span>
</label> <p>Random Backgrounds</p> <br>
<select style="display: none;" id="themes" onchange = "changeTheme()">
<option value="osx">OSX</option>
<option value="glass">Glass</option>
<option value="minewatch">MineWatch</option>
<option value="vern">~vern</option>
</select> <p style="display: none;">Theme</p>
</div>
<h4 style="width: 41%; margin-top: 60px;" class="paragraph invert windowbar" ><img src="/assets/images/osxbuttons.png"> Hello hi, I'm Gnawmon</h4>
<div class="gallery" style="margin-top: -18px;">
I make programs, games and 3D art. <br> <br>
I used c#, python and go to make <p class="tooltip">software<span
class="tooltiptext">check em out on the <a href="/projects.html">projects tab!</a></span> </p>, I've made a few games in unity and never posted them online. <br> <br>
To make art I use blender and sometimes substance 3D designer, you can look at them <a href="art.html">here</a>
<div class="bnav">
<p><a href="https://webring.crumpetalpaca.eu.org/gnawmon/previous" id="left"><</a> bring <a href="https://webring.crumpetalpaca.eu.org/gnawmon/next" id="right">></a></p>
</div>
</div>
<!-- <button onclick="pauseVideo()">Pause the video</button> -->
</p>
<h2 style="width: 41%;" onclick="showElement('moreInfo')" class="paragraph dropdown windowbar"><img src="/assets/images/osxbuttons.png"> More</h2>
<div class="gallery" id="moreInfo">
I speak <s>3</s> 2 languages <br> <br>
<p>Not in a particular order, my favourite video games</p>
<ul>
<li>Portal 2</li>
<li>Hitman: World of Assassination (Hitman 1, 2 and 3)</li>
<li>No Man's Sky</li>
<li>Metal Gear Solid 3: Snake Eater</li>
<li>Minecraft</li>
<li>Resident Evil 4 Remake</li>
<li>Detroit: Become Human</li>
<li>Call of Duty: Black Ops</li>
<li>Call of Duty: Modern Warfare 2 (2009)</li>
<li>Call of Duty: Black Ops 3 (Zombies)</li>
<li>The Stanley Parable</li>
<li>Team Fortress 2</li>
<li>Oneshot</li>
</ul>
also heres <a class="link" href="assets/misc/pgp.txt"> my pgp key</a>
</div>
<h2 style="width: 41%;" onclick="showElement('specs')" class="paragraph dropdown windowbar"><img src="/assets/images/osxbuttons.png"> Computers</h2>
<div class="gallery" id="specs" style="margin-bottom: 2px;">
<h3>Lonix Machine </h3>
<ul>
<li>My main machine</li>
<li>Nvidia GTX GPU</li>
<li>AMD CPU</li>
<li>Runs EndeavourOS with KDE Plasma</li>
<div class="term-container"><span class="term-fg31 term-fg1"> .&#47;</span><span class="term-fg35 term-fg1">o</span><span class="term-fg34 term-fg1">.</span> <span class="term-fg31 term-fg1">gnawmon</span>@<span class="term-fg31 term-fg1">lepc</span>
<span class="term-fg31 term-fg1"> .&#47;</span><span class="term-fg35 term-fg1">sssso</span><span class="term-fg34 term-fg1">-</span> ------------
<span class="term-fg31 term-fg1"> `:</span><span class="term-fg35 term-fg1">osssssss+</span><span class="term-fg34 term-fg1">-</span> <span class="term-fg35 term-fg1">OS</span>: EndeavourOS Linux x86_64
<span class="term-fg31 term-fg1"> `:+</span><span class="term-fg35 term-fg1">sssssssssso</span><span class="term-fg34 term-fg1">&#47;.</span> <span class="term-fg35 term-fg1">Kernel</span>: 6.7.8-arch1-1
<span class="term-fg31 term-fg1"> `-&#47;o</span><span class="term-fg35 term-fg1">ssssssssssssso</span><span class="term-fg34 term-fg1">&#47;.</span> <span class="term-fg35 term-fg1">Uptime</span>: 3 hours, 24 mins
<span class="term-fg31 term-fg1"> `-&#47;+</span><span class="term-fg35 term-fg1">sssssssssssssssso</span><span class="term-fg34 term-fg1">+:`</span> <span class="term-fg35 term-fg1">Packages</span>: 2351 (pacman), 22 (flatpak)
<span class="term-fg31 term-fg1"> `-:&#47;+</span><span class="term-fg35 term-fg1">sssssssssssssssssso</span><span class="term-fg34 term-fg1">+&#47;.</span> <span class="term-fg35 term-fg1">Shell</span>: bash 5.2.26
<span class="term-fg31 term-fg1"> `.:&#47;&#47;o</span><span class="term-fg35 term-fg1">sssssssssssssssssssso</span><span class="term-fg34 term-fg1">++-</span> <span class="term-fg35 term-fg1">Resolution</span>: 1920x1080 @ 60.00Hz, 1920x1080 @ 60.00Hz
<span class="term-fg31 term-fg1"> .:&#47;&#47;+</span><span class="term-fg35 term-fg1">ssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">++:</span> <span class="term-fg35 term-fg1">DE</span>: Plasma 5.27.10
<span class="term-fg31 term-fg1"> .:&#47;&#47;&#47;o</span><span class="term-fg35 term-fg1">ssssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">++:</span> <span class="term-fg35 term-fg1">WM</span>: KWin
<span class="term-fg31 term-fg1"> `:&#47;&#47;&#47;&#47;</span><span class="term-fg35 term-fg1">ssssssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">+++.</span> <span class="term-fg35 term-fg1">WM Theme</span>: WillowDarkShader
<span class="term-fg31 term-fg1">`-&#47;&#47;&#47;&#47;+</span><span class="term-fg35 term-fg1">ssssssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">++++-</span> <span class="term-fg35 term-fg1">Theme</span>: [Plasma], Sierra-dark [GTK2&#47;3]
<span class="term-fg31 term-fg1"> `..-+</span><span class="term-fg35 term-fg1">oosssssssssssssssssssssssso</span><span class="term-fg34 term-fg1">+++++&#47;`</span> <span class="term-fg35 term-fg1">Icons</span>: Vimix-Amethyst [Plasma], Vimix-Amethyst [GTK2&#47;3]
<span class="term-fg34 term-fg1"> .&#47;++++++++++++++++++++++++++++++&#47;:.</span> <span class="term-fg35 term-fg1">Terminal</span>: konsole
<span class="term-fg34 term-fg1"> `:::::::::::::::::::::::::------``</span> <span class="term-fg35 term-fg1">Terminal Font</span>: Hack Nerd Font 10
<span class="term-fg35 term-fg1">CPU</span>: AMD Ryzen 5 3500X (6) @ 3.6GHz
<span class="term-fg35 term-fg1">GPU</span>: NVIDIA GeForce GTX 1080
<span class="term-fg35 term-fg1">Memory</span>: 5.76GiB &#47; 15.54GiB (37%)
&nbsp;
<span class="term-fg30 term-bg40"> </span><span class="term-fg31 term-bg41"> </span><span class="term-fg32 term-bg42"> </span><span class="term-fg33 term-bg43"> </span><span class="term-fg34 term-bg44"> </span><span class="term-fg35 term-bg45"> </span><span class="term-fg36 term-bg46"> </span><span class="term-fg37 term-bg47"> </span>
<span class="term-fgx8 term-bgx8"> </span><span class="term-fgx9 term-bgx9"> </span><span class="term-fgx10 term-bgx10"> </span><span class="term-fgx11 term-bgx11"> </span><span class="term-fgx12 term-bgx12"> </span><span class="term-fgx13 term-bgx13"> </span><span class="term-fgx14 term-bgx14"> </span><span class="term-fgx15 term-bgx15"> </span>
</div>
<p>You can find the terminal font <a class="link" href="https://github.com/ryanoasis/nerd-fonts"><tot class="tooltip">here<span class="tooltiptext">It's Inconsolata Regular</span> </tot></a>.</p>
<h3>Windows Machine </h3>
<ul>
<li>I use this to play rainbow six siege</li>
<li>Another Nvidia GTX GPU</li>
<li>Intel CPU</li>
<li>Runs Windows 10</li>
</ul>
<div class="term-container"><span class="term-fg36 term-fg1"> ..,</span> <span class="term-fg36 term-fg1">Gnawmon@DESKTOP-BVIMVA0</span>
<span class="term-fg36 term-fg1"> ....,,:;+ccllll</span> ------------------
<span class="term-fg36 term-fg1"> ...,,+:; cllllllllllllllllll</span> <span class="term-fg36 term-fg1">OS</span>: Windows 10 Home x86_64
<span class="term-fg36 term-fg1">,cclllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Host</span>: MSI MS-7A
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Kernel</span>: 10.0.19045
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Uptime</span>: 22 hours, 24 mins
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Packages</span>: 7 (scoop)
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Shell</span>: bash 5.2.21 &lt; idk why it doesnt say cmd
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Resolution</span>: 1920x1080
<span class="term-fg36 term-fg1">DE</span>: Aero
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">WM</span>: Explorer
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">WM Theme</span>: Custom
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">Terminal</span>: Windows Terminal
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">CPU</span>: Intel@ 4.010GHz
<span class="term-fg36 term-fg1">llllllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">GPU</span>: Caption
<span class="term-fg36 term-fg1">`&#39;ccllllllllll lllllllllllllllllll</span> <span class="term-fg36 term-fg1">GPU</span>: NVIDIA GeForce GTX
<span class="term-fg36 term-fg1"> `&#39; \*:: :ccllllllllllllllll</span> <span class="term-fg1">GPU</span>
<span class="term-fg36 term-fg1"> ````&#39;&#39;*::cll</span> <span class="term-fg36 term-fg1">Memory</span>: 5293MiB &#47; 16342MiB
<span class="term-fg36 term-fg1"> ``</span>
<span class="term-fg30 term-bg40"> </span><span class="term-fg31 term-bg41"> </span><span class="term-fg32 term-bg42"> </span><span class="term-fg33 term-bg43"> </span><span class="term-fg34 term-bg44"> </span><span class="term-fg35 term-bg45"> </span><span class="term-fg36 term-bg46"> </span><span class="term-fg37 term-bg47"> </span>
<span class="term-fgx8 term-bgx8"> </span><span class="term-fgx9 term-bgx9"> </span><span class="term-fgx10 term-bgx10"> </span><span class="term-fgx11 term-bgx11"> </span><span class="term-fgx12 term-bgx12"> </span><span class="term-fgx13 term-bgx13"> </span><span class="term-fgx14 term-bgx14"> </span><span class="term-fgx15 term-bgx15"> </span>
</div>
<h3>Laptop that I barely use </h3>
<ul>
<li>I use it for ripping DVDs</li>
<li>Has a Nvidia and an Intel GPU</li>
<li>I don't remember what CPU it has</li>
<li>Runs Debian</li>
</ul>
<div class="term-container"> <span class="term-fg1"> _,met$$$$$gg.</span> <span class="term-fg31 term-fg1">gnawmon</span>@<span class="term-fg31 term-fg1">cow</span>
<span class="term-fg1"> ,g$$$$$$$$$$$$$$$P.</span> -----------
<span class="term-fg1"> ,g$$P&quot; &quot;&quot;&quot;Y$$.&quot;.</span> <span class="term-fg31 term-fg1">OS</span>: Debian GNU&#47;Linux 12 (bookworm) x86_64
<span class="term-fg1"> ,$$P&#39; `$$$.</span> <span class="term-fg31 term-fg1">Host</span>: 20354 Lenovo Z50-70
<span class="term-fg1">&#39;,$$P ,ggs. `$$b:</span> <span class="term-fg31 term-fg1">Kernel</span>: 6.1.0-18-amd64
<span class="term-fg1">`d$$&#39; ,$P&quot;&#39; </span><span class="term-fg31 term-fg1">.</span><span class="term-fg1"> $$$</span> <span class="term-fg31 term-fg1">Uptime</span>: 31 mins
<span class="term-fg1"> $$P d$&#39; </span><span class="term-fg31 term-fg1">,</span><span class="term-fg1"> $$P</span> <span class="term-fg31 term-fg1">Packages</span>: 1436 (dpkg)
<span class="term-fg1"> $$: $$. </span><span class="term-fg31 term-fg1">-</span><span class="term-fg1"> ,d$$&#39;</span> <span class="term-fg31 term-fg1">Shell</span>: bash 5.2.15
<span class="term-fg1"> $$; Y$b._ _,d$P&#39;</span> <span class="term-fg31 term-fg1">Resolution</span>: 1920x1080
<span class="term-fg1"> Y$$. </span><span class="term-fg31 term-fg1">`.</span><span class="term-fg1">`&quot;Y$$$$P&quot;&#39;</span> <span class="term-fg31 term-fg1">DE</span>: Xfce 4.18
<span class="term-fg1"> `$$b </span><span class="term-fg31 term-fg1">&quot;-.__</span> <span class="term-fg31 term-fg1">WM</span>: Xfwm4
<span class="term-fg1"> `Y$$</span> <span class="term-fg31 term-fg1">WM Theme</span>: Default
<span class="term-fg1"> `Y$$.</span> <span class="term-fg31 term-fg1">Theme</span>: mayu_dark_theme_xfce_3.1 [GTK2]
<span class="term-fg1"> `$$b.</span> <span class="term-fg31 term-fg1">Icons</span>: Tango [GTK2]
<span class="term-fg1"> `Y$$b.</span> <span class="term-fg31 term-fg1">Terminal</span>: xfce4-terminal
<span class="term-fg1"> `&quot;Y$b._</span> <span class="term-fg31 term-fg1">Terminal Font</span>: Monospace 12
<span class="term-fg1"> `&quot;&quot;&quot;</span> <span class="term-fg31 term-fg1">CPU</span>: Intel i7-4510U (4) @ 3.100GHz
<span class="term-fg31 term-fg1">GPU</span>: Intel Haswell-ULT
<span class="term-fg31 term-fg1">GPU</span>: NVIDIA GeForce 840M
<span class="term-fg31 term-fg1">Memory</span>: 834MiB &#47; 7832MiB
&nbsp;
<span class="term-fg30 term-bg40"> </span><span class="term-fg31 term-bg41"> </span><span class="term-fg32 term-bg42"> </span><span class="term-fg33 term-bg43"> </span><span class="term-fg34 term-bg44"> </span><span class="term-fg35 term-bg45"> </span><span class="term-fg36 term-bg46"> </span><span class="term-fg37 term-bg47"> </span>
<span class="term-fgx8 term-bgx8"> </span><span class="term-fgx9 term-bgx9"> </span><span class="term-fgx10 term-bgx10"> </span><span class="term-fgx11 term-bgx11"> </span><span class="term-fgx12 term-bgx12"> </span><span class="term-fgx13 term-bgx13"> </span><span class="term-fgx14 term-bgx14"> </span><span class="term-fgx15 term-bgx15"> </span></div>
</div>
<div class="contacts">
<div class="contact">
<img src="assets/svg/matrix.svg" height="40" width="40" />
<p>@gnawmon@matrix.org</p>
</div>
<div id="red" class="contact">
<a href="http://git.vern.cc/gnawmon">
<img src="assets/svg/forgejo.svg" height="40" width="40" />
<p>/gnawmon</p>
</a>
</div>
<div id="github" class="contact">
<a href="https://github.com/gnawmon">
<img src="assets/svg/github.svg" height="40" width="40" />
<p>/gnawmon</p>
</a>
</div>
<div id="discord" class="contact">
<img src="assets/svg/discord.svg" height="40" width="40" />
<p>@gnawmon</p>
</div>
<div id="red" class="contact">
<img src="assets/svg/mail.svg" height="40" width="40" />
<p>gnawmon@vern.cc</p>
</div>
<div id="mastodon" class="contact">
<img src="assets/svg/mastodon.svg" height="40" width="40" />
<p>@gnawmon@mastodon.gamedev.place</p>
</div>
<div id="pigeon" class="contact">
<img src="assets/svg/bird.svg" height="40" width="40" />
<p >grab a pigeon, attach a letter and say my name</p>
</div>
</div>
<div class="smalimages gallery">
<p class="windowbar hide" style="width: 104.2%; margin-top: -47px; margin-left: -20px;"><img src="/assets/images/osxbuttons.png">Buttons!</p>
<p>people</p>
<a href="https://dottych.github.io/"> <img title="dottych" alt="dottych" src="assets/88x31/dottych.png"></img></a>
<a href="https://andrewidot.neocities.org"><img title="andrewidot" alt="andrewidot" src="https://andrewidot.neocities.org/assets/88x31/andrewidot_88x31.gif"></a>
<a href="https://gnawmon.vern.cc"> <img title="me!" alt="me!" src="assets/88x31/gnawmon.png"></img></a>
<a href="https://tauon.dev/" target="_blank"><img title="tauon" alt="tauon" src="https://tauon.dev/images/88x31/lily.png" alt="lily" /></a>
<a href="https://liminalityyy.github.io/"> <img title="liminal" alt="liminal" src="assets/88x31/liminal.png"></img></a>
<a href="https://illudens.neocities.org"><img title="illudens" alt="illudens" src="https://illudens.neocities.org/illudens.gif"></a>
<p>software i like</p>
<a href="https://endeavouros.com/"> <img title="endeavour os" alt="endeavour os" src="assets/88x31/endeavour.png"></img> </a>
<a href="https://www.mozilla.org/en-US/firefox/new"> <img title="firefox" alt="firefox" src="assets/88x31/firefox.gif"></img></a>
<a href="https://balls-online-plus.onrender.com"> <img title="balls online plus" alt="balls online plus" src="assets/88x31/bop.gif"></img></a>
<p>other</p>
<a href="https://vern.cc"> <img title="~vern" alt="~vern" src="assets/88x31/vern.png"></img></a>
<img title="internet exploder" alt="internet exploder" src="assets/88x31/ie_exploder.gif"></img>
<a href="https://yesterweb.org/no-to-web3/"><img title="say no to web3" alt="say no to web3" src="assets/88x31/saynotoweb3.gif"></img></a>
<a href="https://www.youtube.com/@Windows969"><img title="windows 96" alt="windows 96" src="assets/88x31/96.png"></img></a>
<p>unfiction</p>
<img title="mwd" alt="mwd" src="assets/88x31/mwd.png"></img>
<a href="https://www.youtube.com/@minewatch/about"> <img title="minexplorer" alt="minexplorer" src="assets/88x31/minexplorer.png"></img></a>
<a href="https://www.youtube.com/@unintelligible-synapse"> <img title="tbotv act 1" alt="tbotv act 1" src="assets/88x31/tbotvact1.png"></img></a>
<a href="https://www.youtube.com/@minewatch/about"> <img title="minewatch" alt="minewatch" src="assets/88x31/minewatch.png"></img></a>
</div>
<button id="rotate_button" onclick="rotate()" style="width: 90px; align-self: center;">rotate</button>
<div class="bottomThingThatEveryWebsiteHas"> <p>written by hand <br> some css in the ~vern theme is taken from <a class="link" href="http://git.vern.cc/vern/website">here</a> <br> <a href="http://git.vern.cc/gnawmon/website" class="link">source code</a> is avaible here, not sure why anybody would want to check it but here it is </p></div>
</div>
</body>
</html>