-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex.html
123 lines (108 loc) · 8.41 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Doctor-ipsum: the most timey-wimey, wibbly wobbly lorel ipsum text generator this side of Gallifrey</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-7710501-7', 'doctoripsum.com');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
<meta name="twitter:card" value="summary"/>
<meta name="twitter:site" value="@vickytnz" />
<meta name="twitter:creator" value="@vickytnz" />
<meta name="twitter:url" value="http://doctoripsum.com/"/>
<meta name="twitter:title" value="Doctor Who Lorem Ipsum Generator"/>
<meta name="twitter:description" value="The most timey-wimey, wibbly wobbly lorem ipsum text generator this side of Gallifrey. Allons-y!"/>
<meta name="twitter:image" value="http://doctoripsum.com/doctoripsum180.png" />
<meta property="og:title" content="Doctor Who Lorem Ipsum Generator" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://doctoripsum.com/" />
<meta property="og:image" content="http://doctoripsum.com/doctoripsum600.gif" />
<meta property="og:description" content="The most timey-wimey, wibbly wobbly lorem ipsum text generator this side of Gallifrey. Allons-y!" />
</head>
<body>
<h1>Doctor ipsum</h1>
<p class="tagline">The most timey-wimey, wibbly wobbly lorel ipsum text generator this side of Gallifrey. Allons-y!</p>
<form id="ipsum-form" action="#" method="post">
<strong>Doctor?</strong> <br/>
<!-- default choice on load -->
<input id="default" type="radio" name="choice" value="default" style="display:none" />
<!-- All Doctors -->
<!-- First Doctor -->
<input id="first-doctor" type="radio" name="choice" value="first-doctor" />
<label class="doctors" for="first-doctor"><span></span>First</label>
<!-- second Doctor -->
<input id="second-doctor" type="radio" name="choice" value="second-doctor" />
<label class="doctors" for="second-doctor"><span></span>Second</label>
<!-- third Doctor -->
<input id="third-doctor" type="radio" name="choice" value="third-doctor" />
<label class="doctors" for="third-doctor"><span></span>Third</label>
<!-- fourth Doctor -->
<input id="fourth-doctor" type="radio" name="choice" value="fourth-doctor" />
<label class="doctors" for="fourth-doctor"><span></span>Fourth</label>
<!-- fifth Doctor -->
<input id="fifth-doctor" type="radio" name="choice" value="fifth-doctor" />
<label class="doctors" for="fifth-doctor"><span></span>Fifth</label>
<!-- sixth Doctor -->
<input id="sixth-doctor" type="radio" name="choice" value="sixth-doctor" />
<label class="doctors" for="sixth-doctor"><span></span>Sixth</label>
<!-- seventh Doctor -->
<input id="seventh-doctor" type="radio" name="choice" value="seventh-doctor" />
<label class="doctors" for="seventh-doctor"><span></span>Seventh</label>
<!-- eighth Doctor -->
<input id="eighth-doctor" type="radio" name="choice" value="eighth-doctor" />
<label class="doctors" for="eighth-doctor"><span></span>Eighth</label>
<!-- twelfth Doctor -->
<input id="war-doctor" type="radio" name="choice" value="war-doctor" />
<label class="doctors" for="war-doctor"><span></span>War Doctor</label>
<!-- ninth Doctor -->
<input id="ninth-doctor" type="radio" name="choice" value="ninth-doctor" />
<label class="doctors" for="ninth-doctor"><span></span>Ninth</label>
<!-- tenth Doctor -->
<input id="tenth-doctor" type="radio" name="choice" value="tenth-doctor" />
<label class="doctors" for="tenth-doctor"><span></span>Tenth</label>
<!-- eleventh Doctor -->
<input id="eleventh-doctor" type="radio" name="choice" value="eleventh-doctor" />
<label class="doctors" for="eleventh-doctor"><span></span>Eleventh</label>
<!-- twelfth Doctor -->
<input id="twelfth-doctor" type="radio" name="choice" value="twelfth-doctor" />
<label class="doctors" for="twelfth-doctor"><span></span>Twelfth</label>
<!-- All the Doctors! -->
<input id="all-doctors" type="radio" name="choice" value="all-doctors" checked />
<label class="doctors" for="all-doctors"><span></span>Multi-Doctor!</label>
<br>
Paragraphs:
<select id="paragraph_count">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select><br>
<!-- submit button -->
<input type="submit" id="submit" value="Regenerate!" />
</form>
<div id="print-paragraphs"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/ipsum.js"></script>
<footer><p>Coded by <a href="http://twitter.com/vickytnz" >Vicky Teinaki</a>, inspired by <a href="https://github.com/meowist/flatiron-ipsum">Flatiron ipsum</a>. <a href="https://github.com/vickytnz/who-ipsum">See Github source</a>. Doctor images from <a href="http://bogswallop.deviantart.com/art/Allo-Im-the-Doctor-163503578">Bogwallop on Deviantart</a>. TARDIS by <a href="http://browse.deviantart.com/art/TARDIS-374324114">Superficialate</a>. Hosted on <a href="https://github.com/vickytnz/who-ipsum/">Github Pages.</a></p></footer>
</body>
</html>