<!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-2022 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);
}
let mm = matchMedia("(prefers-reduced-motion: reduce)").matches;
if (!mm) {
tick();
}
</script>
</body>
</html>