diff options
Diffstat (limited to 'old/1/index.html')
| -rw-r--r-- | old/1/index.html | 233 |
1 files changed, 233 insertions, 0 deletions
diff --git a/old/1/index.html b/old/1/index.html new file mode 100644 index 0000000..92e7922 --- /dev/null +++ b/old/1/index.html @@ -0,0 +1,233 @@ +<!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="W▓▓▓▓▓ | 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">W▓▓▓▓▓ | 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> |