59 lines
6.8 KiB
HTML
59 lines
6.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en-US">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Real isopod hours</title>
|
||
|
|
<style id="pretheme">
|
||
|
|
body {
|
||
|
|
background-color: #222222;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<link href="shared.css" rel="stylesheet" type="text/css" media="all">
|
||
|
|
<link href="" rel="stylesheet" type="text/css" media="all" id="theme">
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap" rel="stylesheet">
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap" rel="stylesheet">
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Days+One&display=swap" rel="stylesheet">
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap" rel="stylesheet">
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<a target="_blank" href="https://wobble.town/visit/93" style="position:fixed; bottom: 0; right: 25%; font-size: 0;" title="charles"><img src="https://wobble.town/visit/93/wobble.gif" style="width: 96px; image-rendering: pixelated; filter:hue-rotate(20deg) brightness(110%) drop-shadow(2px 2px 3px black);"></a>
|
||
|
|
<div id="nav">
|
||
|
|
<a href="https://deeptwisty.com"><img src="icons/deeptwisty.png" /></a>
|
||
|
|
<a href="?page=home"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" fill="currentColor"><path d="M18 18V7.132l-8-4.8-8 4.8V18h4v-2.75a4 4 0 1 1 8 0V18h4zm-6 2v-4.75a2 2 0 1 0-4 0V20H2a2 2 0 0 1-2-2V7.132a2 2 0 0 1 .971-1.715l8-4.8a2 2 0 0 1 2.058 0l8 4.8A2 2 0 0 1 20 7.132V18a2 2 0 0 1-2 2h-6z"></path></svg></span></a>
|
||
|
|
<a style="cursor: pointer;" onclick="
|
||
|
|
var tsa = document.getElementById('themeselector').style.animationName;
|
||
|
|
if(tsa === 'tsappear') { document.getElementById('themeselector').style.animationName = 'tsdisappear'; }
|
||
|
|
else { document.getElementById('themeselector').style.animationName = 'tsappear'; }
|
||
|
|
"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -3 24 24" width="24" fill="currentColor"><path d="M6.816 11.556c-1.008.464-1.69 1.003-2.084 1.598a51.574 51.574 0 0 0-1.115 1.756c1.124.244 1.969.127 2.578-.281.852-.57 1.408-1.221 1.717-1.977l-1.096-1.096zm1.395-1.433l1.02 1.02c.742-.382 1.489-.987 2.234-1.832 1.139-1.29 3.061-3.588 5.757-6.88a.211.211 0 0 0-.297-.296c-3.286 2.693-5.583 4.615-6.881 5.758-.849.746-1.454 1.491-1.833 2.23zm-.903 6.168c-1.615 1.081-3.826.982-6.63-.298a58.148 58.148 0 0 1 2.387-3.945c.655-.987 1.712-1.794 3.17-2.422C6.72 8.5 7.55 7.423 8.722 6.39c1.32-1.162 3.632-3.096 6.936-5.803a2.21 2.21 0 0 1 3.111 3.111c-2.71 3.31-4.645 5.621-5.804 6.935-.978 1.108-2 1.911-3.067 2.408-.43 1.298-1.293 2.38-2.59 3.249z"></path></svg></a>
|
||
|
|
<a href="?page=stats"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -4 24 24" width="24" fill="currentColor"><path d="M1 0a1 1 0 0 1 1 1v14a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1zm12 4a1 1 0 0 1 1 1v10a1 1 0 0 1-2 0V5a1 1 0 0 1 1-1zM7 8a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1z"></path></svg></a>
|
||
|
|
<a href="?page=blog"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-1.5 -1.5 24 24" width="24" fill="currentColor"><path d="M13.89 10.808l3.616-3.616a3 3 0 0 0-4.243-4.242L11.77 4.444l.598 2.23.896-.896a1 1 0 1 1 1.415 1.414L11.66 10.21l2.23.598zm-1.633 1.633l-2.23-.598-2.74 2.74 2.66.169 2.31-2.311zm-2.12-6.364L5.71 10.502l.163 2.665 4.86-4.86-.598-2.23zM5.403 16.466L1.95 19.92a1 1 0 0 1-1.414-1.414l3.45-3.45-.326-5.331 8.19-8.19a5 5 0 1 1 7.07 7.072l-8.198 8.198-5.318-.34z"></path></svg></a>
|
||
|
|
<a href="?page=music"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" fill="currentColor"><path d="M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm7-8a6.99 6.99 0 0 1-2.89 5.666l-.53-.796L13 14a4.992 4.992 0 0 0 2-4 4.992 4.992 0 0 0-2-4l1.2-1.6A6.99 6.99 0 0 1 17 10zm-7 3a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"></path></svg></a>
|
||
|
|
<a href="?page=links"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -3 24 24" width="24" fill="currentColor"><path d="M3.19 9.345a.97.97 0 0 1 1.37 0 .966.966 0 0 1 0 1.367l-2.055 2.052a1.932 1.932 0 0 0 0 2.735 1.94 1.94 0 0 0 2.74 0l4.794-4.787a.966.966 0 0 0 0-1.367.966.966 0 0 1 0-1.368.97.97 0 0 1 1.37 0 2.898 2.898 0 0 1 0 4.103l-4.795 4.787a3.879 3.879 0 0 1-5.48 0 3.864 3.864 0 0 1 0-5.47L3.19 9.344zm11.62-.69a.97.97 0 0 1-1.37 0 .966.966 0 0 1 0-1.367l2.055-2.052a1.932 1.932 0 0 0 0-2.735 1.94 1.94 0 0 0-2.74 0L7.962 7.288a.966.966 0 0 0 0 1.367.966.966 0 0 1 0 1.368.97.97 0 0 1-1.37 0 2.898 2.898 0 0 1 0-4.103l4.795-4.787a3.879 3.879 0 0 1 5.48 0 3.864 3.864 0 0 1 0 5.47L14.81 8.656z"></path></svg></a>
|
||
|
|
<a href="https://me.deeptwisty.com/stuff/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-9 -2 24 24" width="24" fill="currentColor"><path d="M3 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 14a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0-5a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"></path></svg></a>
|
||
|
|
</div>
|
||
|
|
<div id="themeselector">
|
||
|
|
<div id="themelist">
|
||
|
|
<h3 style="margin-bottom: -10px;">Themes</h3><br/>
|
||
|
|
<a onclick="switchTheme('none');">None</a><br/>
|
||
|
|
<a onclick="switchTheme('default');">Default</a><br/>
|
||
|
|
<a onclick="switchTheme('deeptwisty');">deep twisty</a><br/>
|
||
|
|
<a onclick="switchTheme('alterra');">Alterra</a><br/>
|
||
|
|
<a onclick="switchTheme('gruvbox');">r/unixporn</a><br/>
|
||
|
|
<a onclick="switchTheme('geocities');">geocities</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="chatbox">
|
||
|
|
<div id="chatboxpulltab"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2.5 24 24" width="32" fill="currentColor"><path d="M3.656 17.979A1 1 0 0 1 2 17.243V15a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H8.003l-4.347 2.979zm.844-3.093a.536.536 0 0 0 .26-.069l2.355-1.638A1 1 0 0 1 7.686 13H12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5c0 .54.429.982 1 1 .41.016.707.083.844.226.128.134.135.36.156.79.003.063.003.177 0 .37a.5.5 0 0 0 .5.5z"></path><path d="M16 10.017a7.136 7.136 0 0 0 0 .369v-.37c.02-.43.028-.656.156-.79.137-.143.434-.21.844-.226.571-.018 1-.46 1-1V3a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1H5V2a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2v2.243a1 1 0 0 1-1.656.736L16 13.743v-3.726z"></path></svg></div>
|
||
|
|
<iframe src="https://www3.cbox.ws/box/?boxid=3517193&boxtag=ZPAfDN" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
|
||
|
|
</div>
|
||
|
|
<div id="main">
|
||
|
|
<div id="centercolumn">
|
||
|
|
</div>
|
||
|
|
<script src="script.js"></script>
|
||
|
|
<script type="text/javascript">window.onload = function() {page();}</script>
|
||
|
|
</body>
|
||
|
|
</html>
|