-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (135 loc) · 6.62 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
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
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Robot Ipsum</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/robotipsum.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="navbar navbar-inverse">
<div class="container-fluid">
<a href="#" class="navbar-brand">Robot Ipsum</a>
<button class="btn btn-success navbar-btn pull-right share">Share</button>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="jumbotron">
<h1>Robot Ipsum</h1>
<p>Mechanically Modern Material Made Mostly For Mankind...</p>
<div class="progress progress-striped active" rel="tooltip" title="World domination: 45% complete">
<div class="progress-bar progress-bar-danger" style="width: 45%">
<span class="sr-only">World domination: 45% complete</span>
</div>
</div>
<button class="btn btn-danger btn-large learn">Learn More</button>
</div>
</div>
<div class="col-xs-6">
<p id="description">Robot ipsum datus scan amet, constructor ad ut splicing elit, sed do errus mod tempor in conduit ut laboratory et deplore electromagna aliqua. Ut enim ad minimum veniam, quis no indestruct exoform ullamco laboris nisi ut alius equip ex ea commando evaluant. Duis ex machina aute ire dolorus in scan detectus an voluptate volt esse cesium dolore eu futile nulla parameter. Execute primus sint occaecat cupidatat non proident, sunt in culpa qui technia deserunt mondus anim id est proceus.</p>
<div class="row">
<div class="col-xs-12">
<div class="input-group" rel="tooltip" title="Need more? Let the robots build you some.">
<input type="text" value="50" class="form-control input-large js-wordcount" />
<span class="input-group-btn">
<input type="button" class="btn btn-large btn-primary js-submit" value="Generate"/>
</span>
</div>
</div>
</div>
<div class="row mt-1">
<div class="col-xs-6">
<a id="copy-description" class="btn btn-default btn-block btn-large">
<span class="glyphicon glyphicon-briefcase"></span>
Copy text
</a>
</div>
<div class="col-xs-6">
<a class="btn btn-default btn-block btn-large reset">
<span class="glyphicon glyphicon-remove-circle"></span>
Emergency reset
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<p class="text" style="display:none">Robot ipsum </p>
</div>
</div>
</div>
<!-- image from http://commons.wikimedia.org/wiki/File%3AHAL9000_Barnstar.png -->
<img id="hal" src="./img/hal.png" rel="hal" title="Good morning. Help yourself to some filler text, free from human error.">
<button class="btn btn-default sponsor">Sponsored by <a href="http://salviusrobot.blogspot.com">Salvius the Robot</a></button>
<div class="modal fade" id="learn">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h2 class="modal-title">Restricted Area: Access Denied</h2>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-2">
<img class="bad" src="./img/cogs.svg">
</div>
<div class="col-lg-10">
<p>
This information has been restricted by your robot overlords.
<br />
Be informed that this restriction is for your own protection.
Please navigate back to the main page and enjoy your day!
</p>
</div>
</div>
</div>
<div class="modal-footer">
<a href="#" data-dismiss="modal" class="btn btn-danger">Obey</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="share">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h2 class="modal-title">Share with your fellow humans</h2>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-2">
<img class="good" src="./img/thumbsup.svg">
</div>
<div class="col-lg-10">
<p>
Robot Ipsum is powered by sharing.
<br />
Share a link to this site with your friends
to earn the favor of our robot overlords.
</p>
</div>
</div>
</div>
<div class="modal-footer">
<a href="#" data-dismiss="modal" class="btn btn-success">Obey</a>
</div>
</div>
</div>
</div>
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap.js"></script>
<script src="./js/robotipsum.js"></script>
<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','http://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42661604-2', 'robotipsum.github.io');
ga('send', 'pageview');
</script>
</body>
</html>