diff options
Diffstat (limited to 'oldindex.html')
| -rw-r--r-- | oldindex.html | 142 |
1 files changed, 142 insertions, 0 deletions
diff --git a/oldindex.html b/oldindex.html new file mode 100644 index 0000000..48f9615 --- /dev/null +++ b/oldindex.html @@ -0,0 +1,142 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>GEORGE</title> + <!--<style> +body{background-color:#000;color:#0f0;font-size:xx-large;font-family:serif;text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000} +.george,h1,h2{color:cyan;font-weight:bolder;font-style:italic;text-decoration:underline blue;} +canvas{position:absolute;left:0;top:0;z-index:-9999;width:100%;height:100%;image-rendering:crisp-edges;} +.links{display:flex;list-style:none} +.links li{flex: 1 auto;} +.links a{border:1px solid black;border-radius:5px;padding:10px} + </style>--> + <style> +body{background-color:#000;color:#0f0;font-size:xx-large;font-family:serif;text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000} +body{margin:auto;text-align:center;max-width:50ch;} +.george,h1,h2,h3{color:cyan;font-weight:bolder;font-style:italic;text-decoration:underline blue;} +canvas{position:absolute;left:0;top:0;z-index:-9999;width:100%;height:100%;image-rendering:crisp-edges;} +@media (prefers-reduced-motion) { canvas { display: none; } body { background-color: #200 } } +/*body::before{ +content:"";opacity:0.5;top:-150%;left:-150%;bottom:0;right:0;position:fixed;z-index:-1;width:400%;height:400%; +background:url(/george.png) repeat 50% 50% fixed;animation:600s linear 5s infinite reverse h; +background-size:25% 25%;} +@keyframes h{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}*/ +.links{display:flex;list-style:none;padding:0;flex-wrap:wrap;justify-content:space-around} +.links li{margin:20px 20px 20px 20px;} +.links a{border:1px solid black;border-radius:5px;padding:10px} +a{color:cyan} + strike{text-decoration-thickness:5px;text-decoration-color:red;} + body{padding:1ch} + .skiplink + {color:hsl(240,70%,70%)} + p img { max-width: 100% } + </style> + </head> + <body> + <h1>GEORGE</h1> + <p><a class="skiplink" href="#the">skip to the</a></p> +<iframe src="https://john.mondecitronne.com/embed?ref=george.gh0.pw" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe> + <p> + <span class="george">GEORGE</span> is immortal. <span class="george">GEORGE</span> is all. + <span class="george">GEORGE</span> is responsible for 67% of all experiences experienced by users of + <span class="george">GEORGE</span>. <span class="george">GEORGE</span> was present at the funeral of + Pope John Paul II. Almost all users report symptoms ranging from mild relaxation to excruciating pain + after being subjected to <span class="george">GEORGE</span>. <span class="george">GEORGE</span> is also + available in plain text. Nine out of ten doctors recommend <span class="george">GEORGE</span>. The tenth + doctor is <span class="george">GEORGE</span>. Many have advocated the abolition of <span class="george"> + GEORGE</span>. 55% of all statistics are a result of <span class="george">GEORGE</span>. + <span class="george">GEORGE</span> operates 92% of all ethics boards. <span class="george">GEORGE</span> is not class conscious. <span class="george">GEORGE</span> is the #1 leader in renewable energy. <span class="george">GEORGE</span> loves you. <span class="george">GEORGE</span> invented the internet. <span class="george">GEORGE</span> has met Jim Davis. <span class="george">GEORGE</span> is provided "as is", without warranty of any kind. + <span class="george">GEORGE</span> is fat-free and non-GMO. <span class="george">GEORGE</span> has been involved in many class-action lawsuits. <span class="george">GEORGE</span> is international. + <span class="george">GEORGE</span> is not class conscious because <span class="george">GEORGE</span> is class consciousness. + <span class="george">GEORGE</span> is present within 22.7% of stellar cores. + </p> + <p><img src="/george.png"></p> + + <p> + <span class="george">GEORGE</span> predicted the 2020-2021 coronavirus pandemic. + <span class="george">GEORGE</span> is available in plain text 67% of the time. + The city of Davenport, Iowa is presently operated by <span class="george">GEORGE</span>. + Verbatim copying and distribution of <span class="george">GEORGE</span> are permitted without royalty in any medium provided this notice and the copyright notice are preserved. + There aren't any numbers bigger than <span class="george">GEORGE</span>. + <span class="george">GEORGE</span> "might be the best thing to ever happen to the internet". + <span class="george">GEORGE</span> has been accessed times since July 7, 2001. + </p><p> +<span class="george">GEORGE</span> has not been seen in the city of Davenport, Iowa since May of 2019. <span class="george">GEORGE</span> has posted an offer to sell on eBay. <span class="george">GEORGE</span> is the only way to truly experience the full range of human emotion. <span class="george">GEORGE</span> will be releasing a new album in "late May". <span class="george">GEORGE</span> is made from only the finest organic memes. <span class="george">GEORGE</span> has a webpage in the US National Library of Medicine. <span class="george">GEORGE</span> has never been used in any capacity by any form of government. <span class="george">GEORGE</span> is not available at this time. If you are speaking of the film "George", then you are wrong. <span class="george">GEORGE</span> is on the cutting edge of technology. <span class="george">GEORGE</span> will be holding a press conference at 1:00 PM EST on May 31, 2017. <span class="george">GEORGE</span> has been featured in the NY Times, Washington Post, and CNN. <span class="george">GEORGE</span> is not available at this time. +</p><p><span class="george">GEORGE</span> will be released on the fourth Tuesday of this month. <span class="george">GEORGE</span> is not a virus. <span class="george">GEORGE</span> always has been and always will be free to use. <span class="george">GEORGE</span> has been confirmed as an autonomous entity. <span class="george">GEORGE</span> is currently accepting applications for part-time employment. <span class="george">GEORGE</span> is an open-source entity. <span class="george">GEORGE</span> is not responsible for any damages. <span class="george">GEORGE</span> will be hosting a workshop at the University of California at Berkeley. <span class="george">GEORGE</span> has won awards. +</p><p> +<span class="george">GEORGE</span> is better than you. <span class="george">GEORGE</span> is the best. <span class="george">GEORGE</span> loves you. + + + + </p> + <h2 id="the">GEORGE</h2> + <p>is STATUS with the following <span class="george">COUNT</span> members:</p> + <ul class="links"> + LINKS + </ul> + <p><small>FOOTNOTE</small></p> + + <h3>GEORGE</h3> + <p> + The <span class="george">Council of GEORGE</span> is: + COUNCIL + </p> + <ul> + <li><a href="https://a.gh0.pw/3"><span class="george">GEORGE</span> forum</a> on apioforum</li> + <li><a href="irc://ubq323.website/g"><span class="george">GEORGE</span> irc channel</a> (#g on apionet)</li> + <li><a href="xmpp://george@conference.ubq323.website/join"><span class="george">GEORGE</span> xmpp MUC</a> (george@conference.ubq323.website)</li> + </ul> +<iframe src="https://john.mondecitronne.com/embed?ref=george.gh0.pw" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe> + <canvas id=canvas style="position:fixed"></canvas> + <script> + function shuffle(arr) { + // i love js + for (let i = arr.length - 1; i > 0; i--) { + let j = Math.floor(Math.random() * (i + 1)); + let tmp = arr[i]; + arr[i] = arr[j]; + arr[j] = tmp; + } + } + const canvas = document.getElementById("canvas"); + const ctx = canvas.getContext("2d"); + let t = 0; + let last = 0; + const thresh = 140; + const size = 32; + const bsize = 1; + canvas.width = size * bsize; + canvas.height = size * bsize; + const colours = COLOURS; + //shuffle(colours); + //colours.push("black"); + let curcol = 0; + ctx.fillStyle=colours[curcol]; + function tick(a) { + if ((a - last) < thresh) { + requestAnimationFrame(tick); + return; + } + last = a; + for (let x = 0; x < size; x++) { + for (let y = 0; y < size; y++) { + if ((x ^ y) == t) { + ctx.fillRect(x*bsize,y*bsize,bsize,bsize); + } + } + } + t++; + if (t > size * 2) { + curcol ++; + ctx.fillStyle=colours[curcol % colours.length]; + t = 0; + } + requestAnimationFrame(tick); + } + tick(); + </script> + </body> +</html> + |