234 lines
11 KiB
HTML
234 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>The Website</title>
|
|
<meta name="description" content="Willem | he/him | 🇨🇦">
|
|
<link href="style.css" rel="stylesheet" type="text/css" media="all">
|
|
<link rel="icon" type="image/x-icon" href="icons/kirby.png">
|
|
<style type="text/css">
|
|
#MainContainer {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: row;
|
|
}
|
|
.Main {
|
|
overflow-y: auto;
|
|
background-color: white;
|
|
background-image: url('images/paperbg.jpg');
|
|
box-shadow: 4px 4px 4px black;
|
|
height: fit-content;
|
|
margin: 5px;
|
|
}
|
|
#MainContent {
|
|
padding:2%;
|
|
}
|
|
.contentSection {
|
|
padding: 0 2%;
|
|
}
|
|
#centercolumn {
|
|
flex-grow: 1;
|
|
max-width: 750px;
|
|
}
|
|
#rightcolumn {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
margin-right: -10px;
|
|
}
|
|
#leftcolumn {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
justify-content: right;
|
|
}
|
|
#links {
|
|
display: flex;
|
|
flex-direction:column;
|
|
padding-top: 5px;
|
|
}
|
|
.sidebar {
|
|
width: 180px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.stampcontainer {
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
width: 190px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.stampcontainer img {
|
|
box-shadow: 4px 4px 4px black;
|
|
}
|
|
/* NOT CURRENTLY IN USE .SidebarItem {
|
|
background-color: white;
|
|
font-size: 1.1em;
|
|
cursor: pointer;
|
|
display:block;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
padding:18px;
|
|
border:none;
|
|
color:black;
|
|
}
|
|
.SidebarItem:hover {
|
|
background-color: gainsboro;
|
|
}
|
|
.dropdown {
|
|
padding: 0 2%;
|
|
}
|
|
.dropdown-content {
|
|
display: none;
|
|
}
|
|
.dropdown:hover .dropdown-content {
|
|
display: block;
|
|
}*/
|
|
.navbarItem {
|
|
/*padding-top:1px;*/
|
|
padding-bottom:1px;
|
|
}
|
|
#controls {
|
|
position:fixed;
|
|
bottom:10px;
|
|
left:10px;
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.4);
|
|
padding: 3px;
|
|
opacity: 0;
|
|
transition: .5s;
|
|
width:210px;
|
|
}
|
|
#controls:hover {
|
|
opacity: 1;
|
|
}
|
|
#controls button {
|
|
margin-top: 5px;
|
|
}
|
|
</style>
|
|
<script type="text/javascript"> if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { document.location="mobile.html"; } </script>
|
|
<script src="tueaday.js"></script>
|
|
<script type="text/javascript">
|
|
function contentSwap(id) {
|
|
document.getElementById('bio').style.display='none';
|
|
document.getElementById('feed').style.display='none';
|
|
|
|
document.getElementById(id).style.display='block';
|
|
}
|
|
|
|
window.onload = function() { load(); }
|
|
</script>
|
|
</head>
|
|
<body class="rainbows">
|
|
<script type="text/javascript">NekoType="mike"</script><h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a href="https://webneko.net">Neko</a></h1>
|
|
|
|
<div id="Header" class="destructible rainbows">
|
|
<h1 id="headertext"><noscript>Voted #1 webpage that uses JavaScript in 2022</noscript></h1>
|
|
</div>
|
|
|
|
<div id="MainContainer">
|
|
|
|
<div id="leftcolumn">
|
|
<div id="links" class="destructible">
|
|
<a style="padding: 5px;" href="https://deeptwisty.com/" class="destructible"><img src="icons/deeptwisty.png" /></a>
|
|
<a style="padding: 5px;" href="https://isopodgaming.tumblr.com/" class="destructible"><img src="icons/tumblr.png" /></a>
|
|
<a style="padding: 5px;" href="https://twitter.com/deeptwisty" class="destructible"><img src="icons/twitter.png" /></a>
|
|
<a style="padding: 5px;" href="https://www.youtube.com/channel/UCftMPQTAP58KiX_vqOk3j1Q" class="destructible"><img src="icons/youtube.png" /></a>
|
|
<a style="padding: 5px;" href="https://isopodgaming.tumblr.com/ask/" class="destructible"><img src="icons/message.png" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="centercolumn">
|
|
<div class="Main destructible">
|
|
<div id="navbar" class="destructible">
|
|
<div class="navbarItem destructible" onclick="contentSwap('bio');" title="About me">
|
|
<p><b>Bio</b></p>
|
|
</div>
|
|
<div class="navbarItem destructible" onclick="contentSwap('feed');" title="Things I did">
|
|
<p><b>Items</b></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="MainContent" class="destructible">
|
|
<div id="bio" class="contentSection" style="display:none;">
|
|
|
|
<div class="tumblr-post destructible" data-href="https://embed.tumblr.com/embed/post/Cve0n4xANc2182UG_YbMag/639332939095818241" data-did="4fa101d65cf2e16f422a37b162617200c67f19c4"><a href="https://kfconsole.tumblr.com/post/639332939095818241">https://kfconsole.tumblr.com/post/639332939095818241</a></div> <script async src="https://assets.tumblr.com/post.js"></script>
|
|
<p class="destructible">homophobes dni</p>
|
|
</div>
|
|
<div id="feed" class="contentSection">
|
|
<iframe style="border: 0; width: 100%; height: 280px;" src="https://bandcamp.com/EmbeddedPlayer/album=1230113999/size=large/bgcol=ffffff/linkcol=63b2cc/artwork=small/transparent=true/" seamless class="destructible"><a href="https://deeptwisty.bandcamp.com/album/pimo">Pimo by deep twisty</a></iframe>
|
|
<p class="destructible">i got a minecraft server now. if we know each other dm me and I'll whitelist you</p>
|
|
<iframe src="https://itch.io/embed/882636?linkback=true" width="100%" height="167" frameborder="0" class="destructible"><a href="https://deeptwisty.itch.io/cube-game">cube game by deeptwisty</a></iframe><br/>
|
|
<p class="destructible"><a href="../../misc/EnchantedToolsPack%20v1.zip" title="Includes custom Silk Touch and Fortune textures for all tools, Bane of Arthropods and Smite textures for swords and axes, and Sharpness textures for axes. Requires Optifine." class="rainbows">Tool Enchantments Resource Pack for Minecraft v1</a></p>
|
|
<iframe src="https://itch.io/embed/632904?linkback=true" width="100%" height="167" frameborder="0" class="destructible"><a href="https://deeptwisty.itch.io/epicenter">Epicenter by deeptwisty</a></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="rightcolumn">
|
|
<div>
|
|
<div class="Main sidebar destructible">
|
|
<img src="https://inaturalist-open-data.s3.amazonaws.com/photos/4619980/original.jpg" style="width:100%; border-bottom: 1px solid gainsboro;" title="Armadillidium vulgare, photo from iNaturalist" class="destructible"/>
|
|
<p style="font-weight: normal;text-align:center;" class="destructible">Willem | he/him | 🇨🇦</p>
|
|
<hr style="color:transparent; border-bottom: 1px solid gainsboro; width:80%; margin: auto;" class="destructible">
|
|
<p style="font-weight: normal; text-align: center; padding: 5px;" id="tueaday" class="destructible">wait its fucking <span title="somethings up.">tueaday.</span> god.</p>
|
|
</div>
|
|
<div class="Main stampcontainer destructible">
|
|
<a href="https://deeptwisty.com/posts" class="destructible"><img src="stamps/deeptwistybutton.png" /></a>
|
|
<a href="https://frame.work/" class="destructible"><img src="stamps/bestviewed.gif" /></a>
|
|
<a href="https://easyussr.neocities.org/guides.html" class="destructible"><img src="stamps/piracy.gif" /></a>
|
|
<a href="https://deeptwisty.com/images" class="destructible"><img src="stamps/antinft.gif" /></a>
|
|
<a href="https://www.mozilla.org/en-US/firefox/new/" class="destructible"><img src="stamps/chrome2.gif" /></a>
|
|
<a href="https://newpipe.net/" class="destructible"><img src="stamps/tiredaf.gif" /></a>
|
|
<a href="http://www.ermel.org/handcoded/" class="destructible"><img src="stamps/handcode.png" /></a>
|
|
<a href="https://manjaro.org/" class="destructible"><img src="stamps/linux_powered.gif" /></a>
|
|
<a href="https://neocities.org/" class="destructible"><img src="stamps/neocities_stamp.gif" /></a>
|
|
<a href="https://3ds.hacks.guide/" class="destructible"><img src="stamps/bob.gif" /></a>
|
|
<a href="https://duckduckgo.com/" class="destructible"><img src="stamps/google_stand.gif" /></a>
|
|
<!--a class="destructible"><img src="stamps/h-free-anim.gif" /></a-->
|
|
<a href="https://crouton.net/" class="destructible"><img src="stamps/usatoday.gif" /></a>
|
|
</div>
|
|
<div class="Main sidebar destructible" style="font-size:0; margin-top:-10px;">
|
|
<img src="images/allism.jpg" style="width:100%;"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="controls" style="color:black;text-shadow:none;">
|
|
<p style="color:gainsboro;margin-top:0;margin-bottom:5px;text-align:center;">controls<noscript> (requires javascript)</noscript></p>
|
|
<button onclick="window.location.reload(true);">reload</button>
|
|
<button onclick="
|
|
if(document.getElementById('MainContainer').style.flexDirection != 'row-reverse') {
|
|
document.getElementById('MainContainer').style.flexDirection = 'row-reverse';
|
|
document.getElementById('navbar').style.flexDirection = 'row-reverse';
|
|
document.getElementById('rightcolumn').style.justifyContent = 'right';
|
|
document.getElementById('leftcolumn').style.justifyContent = 'left';
|
|
document.getElementById('links').style.flexDirection = 'column-reverse';
|
|
document.getElementById('links').style.justifyContent = 'flex-end';
|
|
}
|
|
else { //defaults
|
|
document.getElementById('MainContainer').style.flexDirection = 'row';
|
|
document.getElementById('navbar').style.flexDirection = 'row';
|
|
document.getElementById('rightcolumn').style.justifyContent = 'left';
|
|
document.getElementById('leftcolumn').style.justifyContent = 'right';
|
|
document.getElementById('links').style.flexDirection = 'column';
|
|
document.getElementById('links').style.justifyContent = 'flex-start';
|
|
}">invert</button>
|
|
<button onclick="document.querySelectorAll('.destructible')[Math.floor(Math.random() * document.querySelectorAll('.destructible').length)].remove();">destroy</button>
|
|
<button onclick="document.body.innerHTML = '<iframe src=\'https://zombo.com/\' style=\'position:absolute;width:99%;height:98%;margin:0;padding:0;\'></iframe>';">upgrade</button>
|
|
<button onclick="
|
|
document.querySelectorAll('.rainbows').forEach(element => {
|
|
element.style.animationName = 'rainbowtext'; element.style.animationDuration = '2.5s'; element.style.animationIterationCount = 'infinite';
|
|
});
|
|
">rgb</button>
|
|
<hr/>
|
|
<input id="controlinput" /><br/>
|
|
<button onclick="document.getElementById('headertext').innerHTML = document.getElementById('controlinput').value;">header text</button>
|
|
<button onclick="document.body.style.backgroundImage = 'url(' + document.getElementById('controlinput').value + ')';">background (url)</button>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|