summaryrefslogtreecommitdiff
path: root/oldindex.html
blob: 2f920a785d731ea8d7eaac1173bf390707380487 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!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&nbsp;7,&nbsp;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>
            <li><a href="/doc.txt"><span class="george">GEORGE</span> api and embedding documentation</a></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>