-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathalanhw8.html
448 lines (443 loc) · 22.7 KB
/
alanhw8.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link href="style.css" rel="stylesheet" type="text/css" />
<meta name="description" content="Photoshopped Images by Paint" />
<script src="script.js"></script>
<title>Photoshopped Images</title>
<style>
img {
max-width: 100%;
}
img[src="Morone-St-PROFILE-PHOTO.png"] {
width: 50%;
}
.big {
font-size: 20px;
}
iframe {
border: none;
overflow: hidden !important;
}
.progress {
background-color: gray;
}
.bar {
background-color: lime;
display: inline-block;
}
.newsfeeditem {
padding: 3px;
margin: 3px;
border: 2px solid;
background: rgb(135,206,235);
background: -moz-linear-gradient(0deg, rgba(135,206,235,1) 0%, rgba(176,196,222,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(135,206,235,1) 0%, rgba(176,196,222,1) 100%);
background: linear-gradient(0deg, rgba(135,206,235,1) 0%, rgba(176,196,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#87ceeb",endColorstr="#b0c4de",GradientType=1);
}
.newsfeedcontents {
white-space: pre-line;
border: 1px solid;
}
.newsfeed-owner {
font-style: italic;
}
.newsfeeditem h2 {
overflow-wrap: break-word;
}
</style>
<meta name="introduction" content="no-reference" />
</head>
<body>
<p>Here's the news feed. <a href="alanhw9.html">BORED? Move on!</a></p>
<a href="alanhw21.html">Or look at the techer's favorite recipe</a>
<a href="bread.html">Eat Bread And have fun</a>
<!--
Here's the PHP code used to generate this news feed:
<?php
$newsfeed = array(
array(
"title" => "Event tomorrow",
"body" => "Tomorrow I will eat poop and discuss why eating feces is important Click this image to see the recipe for the feces I eat.",
"author" => "Your techer",
"time" => "1 hour ago"
),
array("title" => "Reeeeeeeeeeeeee: Poop vs Pee",
"body" => "Why are there so many Res? REEEEEEEEEEEEEEEEEEEE!!!",
"author" => "[email protected]",
"time" => "Yesterday"
),
array(
"title" => "Re: Re: Re: Poop vs Pee",
"body" => "Poop is a lot yummier. Pee is just yellow water.",
"author" => "Anonymous",
"time" => "Yesterday",
),
array(
"title" => "Re: Re: Poop vs Pee",
"body" => "I like yellow boba tea.",
"author" => "73.15.89.237",
"time" => "The day before yesterday"
),
array("title" => "Re: Poop vs Pee",
"body" => "Pee helps me stay hydrated.",
"author" => "38.142.24.194",
"time" => "The day before yesterday"
),
array(
"title" => "Poop vs Pee",
"body" => "Which is better? Poop or Pee? Please reply!",
"author" => "[email protected]",
"time" => "About a week ago"
),
array(
"title" => "Stop it",
"body" => "Seriously, stop it",
"author" => "[email protected]",
"time"=> "About a week ago"
),
array(
"title" => "Happy old year",
"body" => "IT IS STILL 2022!?",
"author" => "Anonymous",
"time"=> "About a week ago"
),
array("title" =>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna mauris, lobortis non turpis vitae, efficitur pellentesque lectus. Aenean tempor lacinia sapien sit amet scelerisque. Fusce vestibulum. ",
"body" => "Just like that!",
"author" => "73.15.89.237",
"time" => "About a week ago"),
array(
"title" => "Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Your assignment",
"body" => "Just use placeholder text",
"author" => "73.15.89.237",
"time" => "About a week ago"
),
array(
"title" => "Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Your assignment",
"body" => "Just use placeholder text",
"author" => "73.15.89.237",
"time" => "About a week ago"
),
array(
"title" => " Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque volutpat, sem quis aliquam congue, tellus tellus condimentum nisi, non facilisis magna magna id elit. Phasellus in augue a nibh volutpat pulvinar. Nulla nec porttitor sem. Aliquam convallis, ipsum quis consequat maximus, massa quam aliquet sem, eu vulputate augue nulla quis urna. Proin commodo, orci a aliquam finibus, elit justo sollicitudin neque, ac fermentum felis est id nibh. Phasellus at enim arcu. Suspendisse blandit, nibh condimentum sodales ultrices, ligula elit tincidunt lorem, et iaculis purus odio sed urna. Morbi egestas mollis nisl, et viverra ipsum lobortis ac. ",
"body" => " Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque volutpat, sem quis aliquam congue, tellus tellus condimentum nisi, non facilisis magna magna id elit. Phasellus in augue a nibh volutpat pulvinar. Nulla nec porttitor sem. Aliquam convallis, ipsum quis consequat maximus, massa quam aliquet sem, eu vulputate augue nulla quis urna. Proin commodo, orci a aliquam finibus, elit justo sollicitudin neque, ac fermentum felis est id nibh. Phasellus at enim arcu. Suspendisse blandit, nibh condimentum sodales ultrices, ligula elit tincidunt lorem, et iaculis purus odio sed urna. Morbi egestas mollis nisl, et viverra ipsum lobortis ac.\n\nEtiam sollicitudin mauris ligula, sed condimentum enim porttitor vitae. Nullam bibendum ligula accumsan, auctor tortor nec, lobortis lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum porttitor, dui id semper mattis, est justo mollis mauris, nec semper nibh ex in lectus. Donec id ex leo. Pellentesque tincidunt malesuada fringilla. Morbi maximus ac sapien et aliquet. Nunc eget tincidunt nibh, a ultricies nisi. Sed id consequat massa, sit amet bibendum elit. Nulla vulputate et metus quis facilisis. Nullam suscipit ante non ipsum congue tristique. Duis ac scelerisque lacus, non varius elit. Sed gravida blandit luctus. In a elit sit amet nulla malesuada viverra nec at nibh. \n\n Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam et nulla at tellus tempor consequat. Sed euismod venenatis gravida. Maecenas porta porta ante sit amet iaculis. Nam eu odio congue, gravida elit eget, vulputate lacus. Nullam nec nunc ut neque tempor commodo sed sit amet arcu. Nulla facilisi. ",
"author" => "No One",
"time" => "About a week ago"
),
array(
"title" => "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
"body" => "Very long.",
"author" => "73.15.89.237",
"time" => "About a week ago"
),
array(
"title" => "Re: Re: Re: Re: Re: Re: Re: Re: Re: Your assignment",
"body" => "How long can the subject be?",
"author" => "73.15.89.237",
"time" => "About a week ago"
),
array(
"title" => "Re: Re: Re: Re: Re: Re: Re: Re: Your assignment",
"body" => "You're the 'faliure' who \"does not 'plagrize'.\" It's failure not faliure and plagiarize not plagrize ya BIG NUB",
"author" => "Bald Nerd",
"time" => "About a week ago"
),
array(
"title" => "Re: Re: Re: Re: Re: Re: Re: Your assignment",
"body" => "I also think that it is Illuminati, but I didn't plagrize. I
m not a faliure you BIG NUB",
"author" => "Anonymous",
"time" => "About a week ago"
),
array(
"title" => "Re: Re: Re: Re: Re: Re: Your assignment",
"body" => "ILLUMINATI",
"author" => "[email protected]",
"time" => "About a week ago"
),
array(
"title" => "Re: Re: Re: Re: Re: Your assignment",
"body" => "What's the answer?",
"author" => "Bald Nerd",
"time" => "About a week ago"
),
array(
"title" => "Re: Re: Re: Re: Your assignment",
"body" => "REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE",
"author" => "[email protected]",
"time" => "About a week ago"
),
array(
"title" => "Re: Re: Re: Your assignment",
"body" => "No you didn't",
"author" => "Anonymous",
"time" => "About a week ago"
),
array(
"title" => "Re: Re: Your assignment",
"body" => "I taught this in class. Were you paying attention?",
"author" => "Bald Nerd",
"time" => "About a week ago"
),
array(
"title" => "Re: Your assignment",
"body" => "Too hard",
"author" => "Anonymous",
"time" => "About a week ago"
),
array(
"title" => "Your assignment",
"body" => "I'll let you pass if you answer a simple riddle:\nWhat is the sum of the integrals of the integers from 1 to 100?",
"author" => "Bald Nerd",
"time" => "More than a week ago"
),
array(
"title" => "Happy old year",
"body" => "It's 2022. I'll check in a week to see if it is a new year.",
"author" => "Anonymous",
"time" => "About two weeks ago"
)
);
foreach ($newsfeed as $item) {
?><div class="newsfeeditem">
<h2>
<?php echo htmlspecialchars($item['title']); ?>
</h2>
<div class="newsfeedcontents">
<?php echo htmlspecialchars($item['body']); ?>
</div>
<div class="newsfeed-owner">
By <?php echo htmlspecialchars($item['author']); ?></div>
<div class="newsfeed-date">
<?php echo htmlspecialchars($item['time']); ?>
</div>
</div> <?php
} ?>
-->
<h1>Your News</h1>
<div class="newsfeeditem">
<h2>
Event tomorrow </h2>
<div class="newsfeedcontents">
Tomorrow I will eat poop and discuss why eating feces is important. </div>
<div class="newsfeed-owner">
By Your techer</div>
<div class="newsfeed-date">
1 hour ago </div>
</div> <div class="newsfeeditem">
<h2>
Reeeeeeeeeeeeee: Poop vs Pee </h2>
<div class="newsfeedcontents">
Why are there so many Res? REEEEEEEEEEEEEEEEEEEE!!! </div>
<div class="newsfeed-owner">
By [email protected]</div>
<div class="newsfeed-date">
Yesterday </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Poop vs Pee </h2>
<div class="newsfeedcontents">
Poop is a lot yummier. Pee is just yellow water. </div>
<div class="newsfeed-owner">
By Anonymous</div>
<div class="newsfeed-date">
Yesterday </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Poop vs Pee </h2>
<div class="newsfeedcontents">
I like yellow boba tea. </div>
<div class="newsfeed-owner">
By 73.15.89.237</div>
<div class="newsfeed-date">
The day before yesterday </div>
</div> <div class="newsfeeditem">
<h2>
Re: Poop vs Pee </h2>
<div class="newsfeedcontents">
Pee helps me stay hydrated. </div>
<div class="newsfeed-owner">
By 38.142.24.194</div>
<div class="newsfeed-date">
The day before yesterday </div>
</div> <div class="newsfeeditem">
<h2>
Poop vs Pee </h2>
<div class="newsfeedcontents">
Which is better? Poop or Pee? Please reply! </div>
<div class="newsfeed-owner">
By [email protected]</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Stop it </h2>
<div class="newsfeedcontents">
Seriously, stop it </div>
<div class="newsfeed-owner">
By [email protected]</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Happy old year </h2>
<div class="newsfeedcontents">
IT IS STILL 2022!? </div>
<div class="newsfeed-owner">
By Anonymous</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut magna mauris, lobortis non turpis vitae, efficitur pellentesque lectus. Aenean tempor lacinia sapien sit amet scelerisque. Fusce vestibulum. </h2>
<div class="newsfeedcontents">
Just like that! </div>
<div class="newsfeed-owner">
By 73.15.89.237</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
Just use placeholder text </div>
<div class="newsfeed-owner">
By 73.15.89.237</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
Just use placeholder text </div>
<div class="newsfeed-owner">
By 73.15.89.237</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque volutpat, sem quis aliquam congue, tellus tellus condimentum nisi, non facilisis magna magna id elit. Phasellus in augue a nibh volutpat pulvinar. Nulla nec porttitor sem. Aliquam convallis, ipsum quis consequat maximus, massa quam aliquet sem, eu vulputate augue nulla quis urna. Proin commodo, orci a aliquam finibus, elit justo sollicitudin neque, ac fermentum felis est id nibh. Phasellus at enim arcu. Suspendisse blandit, nibh condimentum sodales ultrices, ligula elit tincidunt lorem, et iaculis purus odio sed urna. Morbi egestas mollis nisl, et viverra ipsum lobortis ac. </h2>
<div class="newsfeedcontents">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque volutpat, sem quis aliquam congue, tellus tellus condimentum nisi, non facilisis magna magna id elit. Phasellus in augue a nibh volutpat pulvinar. Nulla nec porttitor sem. Aliquam convallis, ipsum quis consequat maximus, massa quam aliquet sem, eu vulputate augue nulla quis urna. Proin commodo, orci a aliquam finibus, elit justo sollicitudin neque, ac fermentum felis est id nibh. Phasellus at enim arcu. Suspendisse blandit, nibh condimentum sodales ultrices, ligula elit tincidunt lorem, et iaculis purus odio sed urna. Morbi egestas mollis nisl, et viverra ipsum lobortis ac.
Etiam sollicitudin mauris ligula, sed condimentum enim porttitor vitae. Nullam bibendum ligula accumsan, auctor tortor nec, lobortis lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum porttitor, dui id semper mattis, est justo mollis mauris, nec semper nibh ex in lectus. Donec id ex leo. Pellentesque tincidunt malesuada fringilla. Morbi maximus ac sapien et aliquet. Nunc eget tincidunt nibh, a ultricies nisi. Sed id consequat massa, sit amet bibendum elit. Nulla vulputate et metus quis facilisis. Nullam suscipit ante non ipsum congue tristique. Duis ac scelerisque lacus, non varius elit. Sed gravida blandit luctus. In a elit sit amet nulla malesuada viverra nec at nibh.
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam et nulla at tellus tempor consequat. Sed euismod venenatis gravida. Maecenas porta porta ante sit amet iaculis. Nam eu odio congue, gravida elit eget, vulputate lacus. Nullam nec nunc ut neque tempor commodo sed sit amet arcu. Nulla facilisi. </div>
<div class="newsfeed-owner">
By No One</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA </h2>
<div class="newsfeedcontents">
Very long. </div>
<div class="newsfeed-owner">
By 73.15.89.237</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Re: Re: Re: Re: Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
How long can the subject be? </div>
<div class="newsfeed-owner">
By 73.15.89.237</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Re: Re: Re: Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
You're the 'faliure' who "does not 'plagrize'." It's failure not faliure and plagiarize not plagrize ya BIG NUB </div>
<div class="newsfeed-owner">
By Bald Nerd</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Re: Re: Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
I also think that it is Illuminati, but I didn't plagrize. I
m not a faliure you BIG NUB </div>
<div class="newsfeed-owner">
By Anonymous</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Re: Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
ILLUMINATI </div>
<div class="newsfeed-owner">
By [email protected]</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
What's the answer? </div>
<div class="newsfeed-owner">
By Bald Nerd</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE </div>
<div class="newsfeed-owner">
By [email protected]</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
No you didn't </div>
<div class="newsfeed-owner">
By Anonymous</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Re: Your assignment </h2>
<div class="newsfeedcontents">
I taught this in class. Were you paying attention? </div>
<div class="newsfeed-owner">
By Bald Nerd</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Re: Your assignment </h2>
<div class="newsfeedcontents">
Too hard </div>
<div class="newsfeed-owner">
By Anonymous</div>
<div class="newsfeed-date">
About a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Your assignment </h2>
<div class="newsfeedcontents">
I'll let you pass if you answer a simple riddle:
What is the sum of the integrals of the integers from 1 to 100? </div>
<div class="newsfeed-owner">
By Bald Nerd</div>
<div class="newsfeed-date">
More than a week ago </div>
</div> <div class="newsfeeditem">
<h2>
Happy old year </h2>
<div class="newsfeedcontents">
It's 2022. I'll check in a week to see if it is a new year. </div>
<div class="newsfeed-owner">
By Anonymous</div>
<div class="newsfeed-date">
About two weeks ago </div>
</div> <a href="alanhw133.html">Read More</a> </div>
</div>