-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathorbs.html
388 lines (374 loc) · 20.2 KB
/
orbs.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DREAMER</title>
<!--JQUERY-->
<script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js" integrity="sha256-0YPKAwZP7Mp3ALMRVB2i8GXeEndvCq3eSl/WsAl1Ryk=" crossorigin="anonymous"></script>
<!--Bootstrap-->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="js/show_orbs.js"></script>
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<link rel="stylesheet" href="style/style.css">
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:300" rel="stylesheet">
</head>
<body>
<div id='loading_screen' style='background:black; position:fixed; height:100%; width:100%; overflow:hidden; top:0; left:0; z-index:999999;'></div>
<div class="container" id="viewdreamorb" style='background:rgba(0,0,0,0.4); z-index:999998; position:fixed; height:100%; width:100%; overflow:hidden'>
<div class="closebtn btn-lg"><span class="glyphicon glyphicon-remove" aria-hidden="true"></div>
<div class="row">
<div class="row">
<div class="col-xs-2 col-xs-offset-2 col-lg-offset-4 large_orb">
<p id="viewdreamcontent">content</p>
</div>
</div>
<div class="row">
<div class="col-xs-offset-5 large_triangle2">
<p id="viewdreamemotion"> Emotion: </p>
</div>
</div>
</div>
<div class="col-xs-8 col-lg-10 col-xs-offset-0 col-lg-offset-1 picholders">
<div class="col-xs-3 col-xs-offset-1 col-lg-offset-1 pic1-holder">
<div id="pic1">
<p>hello</p>
</div>
<div id="pic1-overlay">
<p>picoverlay</p>
<!-- <p><a href="#">View on Trove</a></p> -->
</div>
</div>
<div class="col-xs-3 col-xs-offset-10 col-lg-offset-3 pic2-holder">
<div id="pic2">
<p>hello</p>
</div>
<div id="pic2-overlay">
<p>picoverlay</p>
<!-- <p><a href="#">View on Trove</a></p> -->
</div>
</div>
</div>
</div>
<script>$('#viewdreamorb').hide()</script>
<!-- particles.js containers -->
<div id="particles-js"></div>
<div id="particles-js2"></div>
<!--Main container-->
<div class="container-fluid">
<div class="row">
<nav class="navbar navbar-fixed-top">
<div class="dreamercont"><a id="dreamer" href="index.html">dreamer.</a></div>
</nav>
</div>
<div class="row">
<div class="inside-cont">
<div class="row">
<div class="col-xs-2 col-xs-offset-8">
<div class="mydreamshelve">
<ul class="listed col-xs-12">
<p style="color:white"> my dreams: </p>
<li><span class="button 200" id=""></span><div class="triangle 200"></div></li>
<li><span class="button 201" id=""></span><div class="triangle 201"></div></li>
<li><span class="button 202" id=""></span><div class="triangle 202"></div></li>
<li><span class="button 203" id=""></span><div class="triangle 203"></div></li>
<li><span class="button 204" id=""></span><div class="triangle 204"></div></li>
<li><span class="button 205" id=""></span><div class="triangle 205"></div></li>
</ul>
</div>
<p class="clicktoadd">add a dream</p>
<a href="add_dream_story.html" class="add_button">+<span class="add_triangle"></span></a>
</div>
</div>
<div class="shelf">
<ul class="listed col-xs-12">
<li><span class="button 1" id=""></span><div class="triangle 1"></div></li>
<li><span class="button 2" id=""></span><div class="triangle 2"></div></li>
<li><span class="button 3" id=""></span><div class="triangle 3"></div></li>
<li><span class="button 4" id=""></span><div class="triangle 4"></div></li>
<li><span class="button 5" id=""></span><div class="triangle 5"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 6" id=""></span><div class="triangle 6"></div></li>
<li><span class="button 7" id=""></span><div class="triangle 7"></div></li>
<li><span class="button 8" id=""></span><div class="triangle 8"></div></li>
<li><span class="button 9" id=""></span><div class="triangle 9"></div></li>
<li><span class="button 10" id=""></span><div class="triangle 10"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 11" id=""></span><div class="triangle 11"></div></li>
<li><span class="button 12" id=""></span><div class="triangle 12"></div></li>
<li><span class="button 13" id=""></span><div class="triangle 13"></div></li>
<li><span class="button 14" id=""></span><div class="triangle 14"></div></li>
<li><span class="button 15" id=""></span><div class="triangle 15"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 16" id=""></span><div class="triangle 16"></div></li>
<li><span class="button 17" id=""></span><div class="triangle 17"></div></li>
<li><span class="button 18" id=""></span><div class="triangle 18"></div></li>
<li><span class="button 19" id=""></span><div class="triangle 19"></div></li>
<li><span class="button 20" id=""></span><div class="triangle 20"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
</div>
<div class="shelf">
<ul class="listed col-xs-12">
<li><span class="button 21" id=""></span><div class="triangle 21"></div></li>
<li><span class="button 22" id=""></span><div class="triangle 22"></div></li>
<li><span class="button 23" id=""></span><div class="triangle 23"></div></li>
<li><span class="button 24" id=""></span><div class="triangle 24"></div></li>
<li><span class="button 25" id=""></span><div class="triangle 25"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 26" id=""></span><div class="triangle 26"></div></li>
<li><span class="button 27" id=""></span><div class="triangle 27"></div></li>
<li><span class="button 28" id=""></span><div class="triangle 28"></div></li>
<li><span class="button 29" id=""></span><div class="triangle 29"></div></li>
<li><span class="button 30" id=""></span><div class="triangle 30"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 31" id=""></span><div class="triangle 31"></div></li>
<li><span class="button 32" id=""></span><div class="triangle 32"></div></li>
<li><span class="button 33" id=""></span><div class="triangle 33"></div></li>
<li><span class="button 34" id=""></span><div class="triangle 34"></div></li>
<li><span class="button 35" id=""></span><div class="triangle 35"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 36" id=""></span><div class="triangle 36"></div></li>
<li><span class="button 37" id=""></span><div class="triangle 37"></div></li>
<li><span class="button 38" id=""></span><div class="triangle 38"></div></li>
<li><span class="button 39" id=""></span><div class="triangle 39"></div></li>
<li><span class="button 40" id=""></span><div class="triangle 40"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
</div>
<div class="shelf">
<ul class="listed col-xs-12">
<li><span class="button 41" id=""></span><div class="triangle 41"></div></li>
<li><span class="button 42" id=""></span><div class="triangle 42"></div></li>
<li><span class="button 43" id=""></span><div class="triangle 43"></div></li>
<li><span class="button 44" id=""></span><div class="triangle 44"></div></li>
<li><span class="button 45" id=""></span><div class="triangle 45"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 46" id=""></span><div class="triangle 46"></div></li>
<li><span class="button 47" id=""></span><div class="triangle 47"></div></li>
<li><span class="button 48" id=""></span><div class="triangle 48"></div></li>
<li><span class="button 49" id=""></span><div class="triangle 49"></div></li>
<li><span class="button 50" id=""></span><div class="triangle 50"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 51" id=""></span><div class="triangle 51"></div></li>
<li><span class="button 52" id=""></span><div class="triangle 52"></div></li>
<li><span class="button 53" id=""></span><div class="triangle 53"></div></li>
<li><span class="button 54" id=""></span><div class="triangle 54"></div></li>
<li><span class="button 55" id=""></span><div class="triangle 55"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 56" id=""></span><div class="triangle 56"></div></li>
<li><span class="button 57" id=""></span><div class="triangle 57"></div></li>
<li><span class="button 58" id=""></span><div class="triangle 58"></div></li>
<li><span class="button 59" id=""></span><div class="triangle 59"></div></li>
<li><span class="button 60" id=""></span><div class="triangle 60"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
</div>
<div class="shelf">
<ul class="listed col-xs-12">
<li><span class="button 61" id=""></span><div class="triangle 61"></div></li>
<li><span class="button 62" id=""></span><div class="triangle 62"></div></li>
<li><span class="button 63" id=""></span><div class="triangle 63"></div></li>
<li><span class="button 64" id=""></span><div class="triangle 64"></div></li>
<li><span class="button 65" id=""></span><div class="triangle 65"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 66" id=""></span><div class="triangle 66"></div></li>
<li><span class="button 67" id=""></span><div class="triangle 67"></div></li>
<li><span class="button 68" id=""></span><div class="triangle 68"></div></li>
<li><span class="button 69" id=""></span><div class="triangle 69"></div></li>
<li><span class="button 70" id=""></span><div class="triangle 70"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 71" id=""></span><div class="triangle 71"></div></li>
<li><span class="button 72" id=""></span><div class="triangle 72"></div></li>
<li><span class="button 73" id=""></span><div class="triangle 73"></div></li>
<li><span class="button 74" id=""></span><div class="triangle 74"></div></li>
<li><span class="button 75" id=""></span><div class="triangle 75"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 76" id=""></span><div class="triangle 76"></div></li>
<li><span class="button 77" id=""></span><div class="triangle 77"></div></li>
<li><span class="button 78" id=""></span><div class="triangle 78"></div></li>
<li><span class="button 79" id=""></span><div class="triangle 79"></div></li>
<li><span class="button 80" id=""></span><div class="triangle 80"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
</div>
<div class="shelf">
<ul class="listed col-xs-12">
<li><span class="button 81" id=""></span><div class="triangle 81"></div></li>
<li><span class="button 82" id=""></span><div class="triangle 82"></div></li>
<li><span class="button 83" id=""></span><div class="triangle 83"></div></li>
<li><span class="button 84" id=""></span><div class="triangle 84"></div></li>
<li><span class="button 85" id=""></span><div class="triangle 85"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 86" id=""></span><div class="triangle 86"></div></li>
<li><span class="button 87" id=""></span><div class="triangle 87"></div></li>
<li><span class="button 88" id=""></span><div class="triangle 88"></div></li>
<li><span class="button 89" id=""></span><div class="triangle 89"></div></li>
<li><span class="button 90" id=""></span><div class="triangle 90"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 91" id=""></span><div class="triangle 91"></div></li>
<li><span class="button 92" id=""></span><div class="triangle 92"></div></li>
<li><span class="button 93" id=""></span><div class="triangle 93"></div></li>
<li><span class="button 94" id=""></span><div class="triangle 94"></div></li>
<li><span class="button 95" id=""></span><div class="triangle 95"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 96" id=""></span><div class="triangle 96"></div></li>
<li><span class="button 97" id=""></span><div class="triangle 97"></div></li>
<li><span class="button 98" id=""></span><div class="triangle 98"></div></li>
<li><span class="button 99" id=""></span><div class="triangle 99"></div></li>
<li><span class="button 100" id=""></span><div class="triangle 100"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
</div>
<div class="shelf">
<ul class="listed col-xs-12">
<li><span class="button 101" id=""></span><div class="triangle 101"></div></li>
<li><span class="button 102" id=""></span><div class="triangle 102"></div></li>
<li><span class="button 103" id=""></span><div class="triangle 103"></div></li>
<li><span class="button 104" id=""></span><div class="triangle 104"></div></li>
<li><span class="button 105" id=""></span><div class="triangle 105"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 106" id=""></span><div class="triangle 106"></div></li>
<li><span class="button 107" id=""></span><div class="triangle 107"></div></li>
<li><span class="button 108" id=""></span><div class="triangle 108"></div></li>
<li><span class="button 109" id=""></span><div class="triangle 109"></div></li>
<li><span class="button 110" id=""></span><div class="triangle 110"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 111" id=""></span><div class="triangle 111"></div></li>
<li><span class="button 112" id=""></span><div class="triangle 112"></div></li>
<li><span class="button 113" id=""></span><div class="triangle 113"></div></li>
<li><span class="button 114" id=""></span><div class="triangle 114"></div></li>
<li><span class="button 115" id=""></span><div class="triangle 115"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
<ul class="listed col-xs-12">
<li><span class="button 116" id=""></span><div class="triangle 116"></div></li>
<li><span class="button 117" id=""></span><div class="triangle 117"></div></li>
<li><span class="button 118" id=""></span><div class="triangle 118"></div></li>
<li><span class="button 119" id=""></span><div class="triangle 119"></div></li>
<li><span class="button 120" id=""></span><div class="triangle 120"></div></li>
</ul>
<div class="shelf-background col-xs-12"></div>
<div class="bottom-shelf col-xs-12"></div>
<div class="bottom-shelf-edge col-xs-12"></div>
</div>
</div>
<script>
$(".inside-cont").hide();
for (var m=1; m<121;m++){
$("."+m).attr("onclick","return false");
}
</script>
<div class="right-cont"><p>></p></div>
<div class="left-cont"><p><</p></div>
</div>
<div class="row">
<div class="col-xs-2 col-xs-offset-6">
<img class="pensieve" src="images/pensieve.png">
<div class="chute">
<a href"#"></a>
<div class="dragtext">
<img src="" alt=""><p>drag orb here to view a dream</p>
</div>
</div>
</div>
</div>
<div class="footer navbar-fixed-bottom">
<div class="row">
<a class="col-xs-offset-11" href="#" id="musiccontrol"><span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span></a>
<audio id="bgmusic" src="videoplayback.mp4" autoplay>
<p>If you are reading this, it is because your browser does not support the audio element. </p>
<embed src="videoplayback.mp4" width="180" height="90" hidden="true" />
</audio>
</div>
</div>
</div>
<script src="js/js.js" type="text/javascript"></script>
<script type="text/javascript">$('#loading_screen').fadeOut(2000);</script>
</body>
</html>