]> git.r.bdr.sh - rbdr/r.bdr.sh/blame_incremental - jekyll/wooyay.php
List all the experiments
[rbdr/r.bdr.sh] / jekyll / wooyay.php
... / ...
CommitLineData
1<html>
2 <head>
3 <style>
4 *{
5 margin:0;
6 padding:0;
7 }
8
9 body{
10 font-size: .625em;
11 text-align: center;
12 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
13 }
14
15 div{
16 background-color: #fff;
17 }
18
19 #wrapper{
20 font-size: 4.8em;
21 font-weight: bold;
22 width: 960px;
23 margin: 0 auto;
24 letter-spacing: -0.1em;
25 }
26
27 #happy:hover{
28 color: #fff !important;
29 }
30
31 #wrapper div{
32 padding: 3px;
33 }
34 <?php
35 $atoms= array("a", "b", "c", "d", "e", "f", "0", "1", "2", "3", "4", "5", "6", "7", "8", "0");
36 for($i=0;$i<96;$i++){
37 $string = "";
38 $string2 = "";
39 for($j=0;$j<=$i;$j++){
40 if($i == $j){
41 $string .= "div:hover ";
42 $string2 .= "div:hover ";
43 }else{
44 $string .= "div ";
45 $string2 .= "div ";
46 }
47 }
48
49 $string .= "div#happy{\n color: #";
50 $string2 .= "{\n background-color: #";
51
52 $color = "";
53 for($k=0;$k<6;$k++){
54 $color .= $atoms[rand(0,15)];
55 }
56
57 $string .= $color;
58 $string2 .= $color;
59
60 $string .= ";\n}\n";
61 $string2 .= ";\n}\n";
62
63 echo $string;
64 echo $string2;
65 }
66 ?>
67
68 </style>
69 <title>Woo! Yay!</title>
70 </head>
71 <body>
72 <div id="wrapper">
73 <div>
74 <div>
75 <div>
76 <div>
77 <div>
78 <div>
79 <div>
80 <div>
81 <div>
82 <div>
83 <div>
84 <div>
85 <div>
86 <div>
87 <div>
88 <div>
89 <div>
90 <div>
91 <div>
92 <div>
93 <div>
94 <div>
95 <div>
96 <div>
97 <div>
98 <div>
99 <div>
100 <div>
101 <div>
102 <div>
103 <div>
104 <div>
105 <div>
106 <div>
107 <div>
108 <div>
109 <div>
110 <div>
111 <div>
112 <div>
113 <div>
114 <div>
115 <div>
116 <div>
117 <div>
118 <div>
119 <div>
120 <div>
121 <div>
122 <div>
123 <div>
124 <div>
125 <div>
126 <div>
127 <div>
128 <div>
129 <div>
130 <div>
131 <div>
132 <div>
133 <div>
134 <div>
135 <div>
136 <div>
137 <div>
138 <div>
139 <div>
140 <div>
141 <div>
142 <div>
143 <div>
144 <div>
145 <div>
146 <div>
147 <div>
148 <div>
149 <div>
150 <div>
151 <div>
152 <div>
153 <div>
154 <div>
155 <div>
156 <div>
157 <div>
158 <div>
159 <div>
160 <div>
161 <div>
162 <div>
163 <div>
164 <div>
165 <div>
166 <div>
167 <div>
168 <div>
169 <div>
170 <div id="happy">Woo! Yay!</div>
171 </div>
172 </div>
173 </div>
174 </div>
175 </div>
176 </div>
177 </div>
178 </div>
179 </div>
180 </div>
181 </div>
182 </div>
183 </div>
184 </div>
185 </div>
186 </div>
187 </div>
188 </div>
189 </div>
190 </div>
191 </div>
192 </div>
193 </div>
194 </div>
195 </div>
196 </div>
197 </div>
198 </div>
199 </div>
200 </div>
201 </div>
202 </div>
203 </div>
204 </div>
205 </div>
206 </div>
207 </div>
208 </div>
209 </div>
210 </div>
211 </div>
212 </div>
213 </div>
214 </div>
215 </div>
216 </div>
217 </div>
218 </div>
219 </div>
220 </div>
221 </div>
222 </div>
223 </div>
224 </div>
225 </div>
226 </div>
227 </div>
228 </div>
229 </div>
230 </div>
231 </div>
232 </div>
233 </div>
234 </div>
235 </div>
236 </div>
237 </div>
238 </div>
239 </div>
240 </div>
241 </div>
242 </div>
243 </div>
244 </div>
245 </div>
246 </div>
247 </div>
248 </div>
249 </div>
250 </div>
251 </div>
252 </div>
253 </div>
254 </div>
255 </div>
256 </div>
257 </div>
258 </div>
259 </div>
260 </div>
261 </div>
262 </div>
263 </div>
264 </div>
265 </div>
266 </div>
267 </div>
268 </div>
269 </body>
270</html>