Initialer commit

Just remade the repo because I don't *need* need a comprehensive source history for my personal website and this is easier than getting filter-repo to work good

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>