-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (129 loc) · 7.03 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
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
<!doctype html>
<html>
<head>
<title>Here Lies Humor Tree: Dear Friend, Caring Lover, and Petty Thief</title>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<header>
<h1>Humor Tree</h1>
</header>
<section>
<h2>1999–2000</h2>
<p>The original Humor Tree was a turn-of-the century <a href="https://en.wikipedia.org/wiki/Net.art">net.art</a> project
developed at the tail end of <a href="https://twitter.com/mccutchen">my</a> high school career as an entry in a senior-year
art competition hosted by the <a href="https://www.lmfa.org/">Longview Museum of Fine Arts</a> in
<a href="https://longviewtexas.gov/">Longview, Texas</a>.
</p>
<p>Despite the enthusiastic support of the director of the LMFA and the
generous sponsorship of the local Best Buy, this project was held out
of that art competition by the administrators of <a
href="https://w3.lisd.org/schools/longview-high">Longview High
School</a> and the <a href="https://w3.lisd.org/">Longview Independent
School District</a> because I refused to remove a few dirty words and a
handful of disembodied (almost entirely male) nipples.</p>
<p>All of the code was written very badly by a novice programmer for
very old web browsers, using very outdated Web programming techniques.
In the intervening decades (!!!) I have made minimal
updates to try to keep things working in modern browsers while
retaining the character of the original (awful) code, but there is
undoubtedly still some brokenness throughout.</p>
<p>Anyway, here it is. Start at <a href="/original/ht/">the
beginning</a> and try to navigate all the way to <a
href="/original/end/">the end</a>, or jump to individual pages in order
below.</p>
<ol>
<li><a href="/original/ht/">ht</a> 👈 start here</li>
<li><a href="/original/squares/">squares</a></li>
<li><a href="/original/circles/">circles</a></li>
<li><a href="/original/drugs/">drugs</a></li>
<li><a href="/original/nipples/">nipples</a></li>
<li><a href="/original/will/">will</a></li>
<li><a href="/original/no/">no</a></li>
<li><a href="/original/liberty/">liberty</a></li>
<li><a href="/original/this_is/">this_is</a></li>
<li><a href="/original/kid/">kid</a> *</li>
<li><a href="/original/colors/">colors</a></li>
<li><a href="/original/bricks/">bricks</a></li>
<li><a href="/original/swear/">swear</a></li>
<li><a href="/original/fotograf/">fotograf</a></li>
<li><a href="/original/smalltype/">smalltype</a></li>
<li><a href="/original/herman/">herman</a></li>
<li><a href="/original/reminder/">reminder</a> *</li>
<li><a href="/original/grid/">grid</a></li>
<li><a href="/original/voyeur/">voyeur</a></li>
<li><a href="/original/frames/">frames</a> *</li>
<li><a href="/original/ill-fated/">ill-fated</a></li>
<li><a href="/original/stripes/">stripes</a></li>
<li><a href="/original/dim_the_lights/">dim_the_lights</a></li>
<li><a href="/original/will2/">will2</a></li>
<li><a href="/original/end/">end</a></li>
</ol>
<footer>
<p>
* Known to be broken in modern browsers.
</p>
</footer>
</section>
<section>
<h2>2000–2007 or so?</h2>
<p>After high school, I kept pushing small bits of web programming
experimentation up from time to time.</p>
<ol>
<li><a href="/projects/colorfade01/">colorfade01</a></li>
<li><a href="/projects/image/">image</a></li>
<li><a href="/projects/math/">math</a></li>
<li><a href="/projects/organic01/">organic01</a></li>
<li><a href="/projects/colorfade02/">colorfade02</a></li>
<li><a href="/projects/lines01/">lines01</a></li>
<li><a href="/projects/gradients/">gradients</a></li>
<li><a href="/projects/raindrops/">raindrops</a></li>
<li><a href="/projects/texture/">texture</a></li>
<li><a href="/projects/physics01/">physics01</a></li>
<li><a href="/projects/physics02/">physics02</a></li>
<li><a href="/projects/physics03/">physics03</a></li>
<li><a href="/projects/organic04/">organic04</a></li>
<li><a href="/projects/lines02/">lines02</a></li>
<li><a href="/projects/cruthers/">cruthers</a></li>
<li><a href="/projects/peinter/">peinter</a></li>
<li><a href="/projects/flock02/">flock02</a></li>
<li><a href="/projects/lines03/">lines03</a></li><!-- 2006-10-19 -->
<li><a href="/projects/flock03/">flock03</a></li><!-- 2007-05-05 -->
</ol>
</section>
<section>
<h2>Old home pages</h2>
<p>As with any good side project, I wasted a lot of time redesigning
the home page every few months/years.</p>
<ol>
<li><a href="/archives/frontpages/01/">Version 1</a> <span class="date">~ 1999</span></li>
<li><a href="/archives/frontpages/02/">Version 2</a> <span class="date">~ 2000</span></li>
<li><a href="/archives/frontpages/03/">Version 3</a> <span class="date">~ 2000</span></li>
<li><a href="/archives/frontpages/04/">Version 4</a> <span class="date">~ 2001</span></li>
<li><a href="/archives/frontpages/05/">Version 5</a> <span class="date">~ April 2001</span></li>
<li><a href="/archives/frontpages/06/">Version 6</a> <span class="date">???</span></li>
<li><a href="/archives/frontpages/07/">Version 7</a> <span class="date">~ February 2002</span></li>
<li><a href="/archives/frontpages/08/">Version 8</a> <span class="date">~ June 2002</span></li>
<li><a href="/archives/frontpages/09/">Version 9</a> <span class="date">~ April 2003</span></li>
<li><a href="/archives/frontpages/10/">Version 10</a> <span class="date">December 18, 2009</span></li>
</ol>
<footer>
<p>Note: Most dates above are extremely approximate, sourced from
the <a href="https://web.archive.org/web/20090401000000*/humortree.org">Web
Archive's Wayback Machine</a> where possible.</p>
</footer>
</section>
<section>
<h2>See Also</h2>
<p>Miscellaneous related projects, offshoots, etc.</p>
<ol>
<li><a href="/PSAs/">Public Service Announcements</a></li>
<li><a href="https://design.humortree.org/">The Humor Tree Design Coalition</a></li>
<li><a href="https://sketches.wrm.io">Sketches</a>, a kind of spiritual successor to Humor Tree, I guess?
</li>
</ol>
</section>
</body>
</html>