-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (84 loc) · 7.79 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Knox Carey</title>
<meta name="description" content="Howdy! This is the homepage of William Knox Carey, coming to you live from a little server in the closet under the stairs in Mountain View, California." />
<meta name="robots" content="index,follow" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function getPixels(t){var e=document.createElement("canvas"),n=e.getContext("2d");return e.width=t.width,e.height=t.height,n.drawImage(t,0,0),n.getImageData(0,0,t.width,t.height).data}function renderAsText(t,e,n,i,r,a,h,g){var c=e.getContext("2d");c.font=n;var d=e.width=r*h;e.height=a*g;for(var o=0,f=0,l=0;o<t.length;f+=h)f>=d&&(l+=g,f=0),c.fillStyle=["rgba(",t[o++],",",t[o++],",",t[o++],",",t[o++],")"].join(""),c.fillText(i,f,l)}function imageToText(t,e,n,i,r,a){renderAsText(getPixels(t),e,n,i,t.width,t.height,r,a)}function contact(){var t=cc("`cdm5`cdmXVgZn#Xdb",11);return t}function cc(t,e){var n="";for(i=0;i<t.length;i++)n+=String.fromCharCode(t.charCodeAt(i)+e);return n}
</script>
<style type="text/css">
body {background-color: black; color: green; font-family: "Courier"; font-weight: bold; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap;}
body div {padding: 1rem 0;}
.quote {max-width: 50rem;}
.quote .author {text-align: center;}
.tweet img {border-radius: 12px;}
.links a {display: block; text-align: center; height: 1.5rem;}
a {color: inherit;}
audio {display: block; margin-left: auto; margin-right: auto;}
</style>
</head>
<body>
<div>
<canvas height="384" width="384">
<h1>Knox Carey</h1>
<img onload="imageToText(this,this.parentElement,'0.6em Courier','\u25cf',6,6);" src="data:image/png;base64,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" alt="Knox Carey" />
</canvas>
</div>
<div>
<pre>
oooo oooo .oooooo.
`888 .8P' d8P' `Y8b
888 d8' ooo. .oo. .ooooo. oooo ooo 888 .oooo. oooo d8b .ooooo. oooo ooo
88888[ `888P"Y88b d88' `88b `88b..8P' 888 `P )88b `888""8P d88' `88b `88. .8'
888`88b. 888 888 888 888 Y888' 888 .oP"888 888 888ooo888 `88..8'
888 `88b. 888 888 888 888 .o8"'88b `88b ooo d8( 888 888 888 .o `888'
o888o o888o o888o o888o `Y8bod8P' o88' 888o `Y8bood8P' `Y888""8o d888b `Y8bod8P' .8'
.o..P'
`Y8P'
</pre>
</div>
<div class="quote">
<p>"Every decent man is ashamed of the government he lives under."</p>
<p class="author"> — H.L. Mencken</p>
</div>
<!--
<div class="tweet">
<a href="https://twitter.com/realDonaldTrump/status/141604554855825408">
<img class="centered" src="images/TrumpIran.png" width="512"/>
</a>
</div>
-->
<div class="tweet">
<a href="https://www.nytimes.com/2019/09/04/us/politics/trump-hurricane-alabama-sharpie.html">
<img class="centered" src="images/Alabama.png" width="768"/>
</a>
<p style="text-align:center;"><i>This picture sums up our current political moment perfectly!</i></p>
</div>
<br/>
<div>
<div style="max-width: 40rem;">
<p>"As democracy is perfected, the office of president represents, more and more closely, the inner soul of the people. On some great and glorious day the plain folks of the land will reach their heart's desire at last and the White House will be adorned by a downright moron."</p>
<p> — H.L. Mencken</p>
</div>
</div>
<br/>
<div class="quote">
<p>In memory of Doris Day, listen to this interpretation of <i>The Second Star to the Right</i> from Disney's <i>Peter Pan</i> on 78rpm, courtesy of <a href="https://archive.org/details/78_the-second-star-to-the-right_doris-day-paul-weston-and-his-orchestra-the-four-lads_gbia0013187a">The Internet Archive</a>:</p>
<audio controls="controls" src="https://ia800802.us.archive.org/5/items/78_the-second-star-to-the-right_doris-day-paul-weston-and-his-orchestra-the-four-lads_gbia0013187a/_78_the-second-star-to-the-right_doris-day-paul-weston-and-his-orchestra-the-four-lads_gbia0013187a_01_2.0_CT_EQ.mp3">
Your browser does not support the HTML5 Audio element.
</audio>
</div>
<div>
<p style="font-size: x-large;"><i>Fiat justitia ruat caelum</i></p>
</div>
<div class="links">
<a href="https://knoxcarey.com/contact.html">Contact Me</a>
<a href="https://knoxcarey.com/key.html">Public key</a>
<a href="https://knoxcarey.com/cv.html">Curriculum Vitae</a>
<a href="https://knoxcarey.com/geo/robinson.html">Bad Guys</a>
<a href="https://knoxcarey.com/takuan.html">Takuan's Letter</a>
</div>
</body>
</html>