CodeFellowsWeek1/005RebuildAWebsite.html at master · Sarahbrady/CodeFellowsWeek1 · GitHub

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
<!DOCTYPE>
<html>
	<head>
		<title>xkcd: Chin-Up Bar</title>
	</head>
	<body>
		<header>
			<img src="http://imgs.xkcd.com/static/terrible_small_logo.png">
			<h1>A webcomic of romance, sarcasm, math, and language.</h1>
			<p>You can get XKCD shirts, prints, and posters in the <a href=
			"http://shop.xkcd.com/">store</a>!</p>
		</header>
		<nav>
			<a href="http://xkcd.com/archive">Archive</a>
			<a href="http://what-if.xkcd.com/">What if?</a>
			<a href="http://blag.xkcd.com/">Blag</a>
			<a href="http://store.xkcd.com/">Store</a>
			<a href="http://xkcd.com/about">About</a>
		</nav>
		<article>
			<h1>Chin-Up Bar</h1>
			<nav>
				<a href="http://xkcd.com/1/">First</a>
				<a href="http://xkcd.com/953/">Previous</a>
				<a href="http://c.xkcd.com/random/comic/">Random</a>
				<a href="http://xkcd.com/955/">Next</a>
				<a href="http://xkcd.com/">Last</a>
			</nav>
			<img src="http://imgs.xkcd.com/comics/chin_up_bar.png">
			<nav>
				<a href="http://xkcd.com/1/">First</a>
				<a href="http://xkcd.com/953/">Previous</a>
				<a href="http://c.xkcd.com/random/comic/">Random</a>
				<a href="http://xkcd.com/955/">Next</a>
				<a href="http://xkcd.com/">Last</a>
			</nav>
			<p>Permalink to this comic: http://xkcd.com/954/</p>
			<p>Image URL (for hotlinking/embedding): http://imgs.xkcd.com/comics/chin_up_bar.png</p>
		</article>
		<footer>
		<!--The following lines are heavily plagiarized from the site itself,
		because I didn't know of any other way to accurately recreate multiple links
		on a single image.-->
			<img src="http://imgs.xkcd.com/s/a899e84.jpg" width="520" height="100"
			alt="Selected Comics" usemap="#comicmap">"
			<map id="comicmap" name="comicmap">
				<area shape="rect" coords="0,0,100,100" href="http://xkcd.com/150/">
				<area shape="rect" coords="104,0,204,100" href="http://xkcd.com/730/">
				<area shape="rect" coords="208,0,308,100" href="http://xkcd.com/162/">
				<area shape="rect" coords="312,0,412,100" href="http://xkcd.com/688/">
				<area shape="rect" coords="416,0,520,100" href="http://xkcd.com/556/">
			</map>
		<!--/plagiarism.-->
			<p>Search comic titles and transcripts:</p>
			<!--Ha ha!  I have NO idea what this widget is, or how to recreate it
			without just stealing the code directly.  This Area Intentionally Left
			Blank.-->
			<a href="xkcd.com/rss.xml">RSS Feed</a> "-" <a href="xkcd.com/atom.xml">
			Atom Feed</a>
			<p>Comics I enjoy:</p>
				<a href="http://threewordphrase.com/">Three Word Phrase</a> ", "
				<a href="http://oglaf.com/">Oglaf</a> "(NSFW), "
				<a href="http://www.smbc-comics.com/">SMBC</a> ", "
				<a href="http://www.qwantz.com">Dinosaur Comics</a> ", "
				<a href="http://www.asofterworld.com/">A Softer World</a> ", "
				<a href="http://buttersafe.com">Buttersafe</a> ", "
				<a href="http://pbfcomics.com">Perry Bible Fellowship</a> ", "
				<a href="http://questionablecontent.net/">Questionable Content</a> ", "
				<a href="http://www.buttercupfestival.com/">Buttercup Festival</a>
			<p>Warning: This comic occasionally contains strong language (which may be
			 unsuitable for children), unusual humor (which may be unsuitable for
			 adults), and advanced mathematics (which may be unsuitable for liberal-
			 arts majors).</p>
			<p>BTC 1FhCLQK2ZXtCUQDtG98p6fVH7S6mxAsEey We did not invent the algorithm.
			The algorithm consistently finds Jesus. The algorithm killed Jeeves. The
			algorithm is banned in China. The algorithm is from Jersey. The algorithm
			constantly finds Jesus. This is not the algorithm. This is close.</p>
			<p>This work is licensed under a <a href="http://creativecommons.org/
			licenses/by-nc/2.5/">Creative Commons Attribution-NonCommercial 2.5
			License</a>.</p>
			<p>This means you're free to copy and share these comics (but not to sell
			them). <a href="http://xkcd.com/license.html">More details</a>.</p>
		</footer>
	</body>
</html>