[rbdr/r.bdr.sh] / jekyll / wooyay.php

<html>
	<head>
		<style>
		*{
			margin:0;
			padding:0;
		}
		
		body{
			font-size: .625em;
			text-align: center;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		div{
			background-color: #fff;
		}
		
		#wrapper{
			font-size: 4.8em;
			font-weight: bold;
			width: 960px;
			margin: 0 auto;
			letter-spacing: -0.1em;
		}
		
		#happy:hover{
			color: #fff !important;
		}
		
		#wrapper div{
			padding: 3px;
		}
		<?php
		$atoms= array("a", "b", "c", "d", "e", "f", "0", "1", "2", "3", "4", "5", "6", "7", "8", "0");
		for($i=0;$i<96;$i++){
			$string = "";
			$string2 = "";
			for($j=0;$j<=$i;$j++){
				if($i == $j){
					$string .= "div:hover ";
					$string2 .= "div:hover ";
				}else{
					$string .= "div ";
					$string2 .= "div ";
				}
			}

			$string .= "div#happy{\n color: #";
			$string2 .= "{\n background-color: #";

			$color = "";
			for($k=0;$k<6;$k++){
				$color .= $atoms[rand(0,15)];
			}

			$string .= $color;
			$string2 .= $color;

			$string .= ";\n}\n";
			$string2 .= ";\n}\n";

			echo $string;
			echo $string2;
		}
		?>
			
		</style>
		<title>Woo! Yay!</title>
	</head>
	<body>
		<div id="wrapper">
			<div>
				<div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div>
											<div>
												<div>
													<div>
														<div>
															<div>
																<div>
																	<div>
																		<div>
																			<div>
																				<div>
																					<div>
																						<div>
																							<div>
																								<div>
																									<div>
																										<div>
																											<div>
																												<div>
																													<div>
																														<div>
																															<div>
																																<div>
																																	<div>
																																		<div>
																																			<div>
																																				<div>
																																					<div>
																																						<div>
																																							<div>
																																								<div>
																																									<div>
																																										<div>
																																											<div>
																																												<div>
																																													<div>
																																														<div>
																																															<div>
																																																<div>
																																																	<div>
																																																		<div>
																																																			<div>
																																																				<div>
																																																					<div>
																																																						<div>
																																																							<div>
																																																								<div>
																																																									<div>
																																																										<div>
																																																											<div>
																																																												<div>
																																																													<div>
																																																														<div>
																																																															<div>
																																																																<div>
																																																																	<div>
																																																																		<div>
																																																																			<div>
																																																																				<div>
																																																																					<div>
																																																																						<div>
																																																																							<div>
																																																																								<div>
																																																																									<div>
																																																																										<div>
																																																																											<div>
																																																																												<div>
																																																																													<div>
																																																																														<div>
																																																																															<div>
																																																																																<div>
																																																																																	<div>
																																																																																		<div>
																																																																																			<div>
																																																																																				<div>
																																																																																					<div>
																																																																																						<div>
																																																																																							<div>
																																																																																								<div>
																																																																																									<div>
																																																																																										<div>
																																																																																											<div>
																																																																																												<div>
																																																																																													<div>
																																																																																														<div>
																																																																																															<div>
																																																																																																<div>
																																																																																																	<div>
																																																																																																		<div>
																																																																																																			<div>
																																																																																																				<div id="happy">Woo! Yay!</div>
																																																																																																			</div>
																																																																																																		</div>
																																																																																																	</div>
																																																																																																</div>
																																																																																															</div>
																																																																																														</div>
																																																																																													</div>
																																																																																												</div>
																																																																																											</div>
																																																																																										</div>
																																																																																									</div>
																																																																																								</div>
																																																																																							</div>
																																																																																						</div>
																																																																																					</div>
																																																																																				</div>
																																																																																			</div>
																																																																																		</div>
																																																																																	</div>
																																																																																</div>
																																																																															</div>
																																																																														</div>
																																																																													</div>
																																																																												</div>
																																																																											</div>
																																																																										</div>
																																																																									</div>
																																																																								</div>
																																																																							</div>
																																																																						</div>
																																																																					</div>
																																																																				</div>
																																																																			</div>
																																																																		</div>
																																																																	</div>
																																																																</div>
																																																															</div>
																																																														</div>
																																																													</div>
																																																												</div>
																																																											</div>
																																																										</div>
																																																									</div>
																																																								</div>
																																																							</div>
																																																						</div>
																																																					</div>
																																																				</div>
																																																			</div>
																																																		</div>
																																																	</div>
																																																</div>
																																															</div>
																																														</div>
																																													</div>
																																												</div>
																																											</div>
																																										</div>
																																									</div>
																																								</div>
																																							</div>
																																						</div>
																																					</div>
																																				</div>
																																			</div>
																																		</div>
																																	</div>
																																</div>
																															</div>
																														</div>
																													</div>
																												</div>
																											</div>
																										</div>
																									</div>
																								</div>
																							</div>
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>																																																																																																				
</html>
Commit	Line	Data
b157bf19 BB	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>