departr 0.2

Sign up to get free protection for your applications and to get access to all the features.
data/views/style.sass ADDED
@@ -0,0 +1,490 @@
1
+
2
+ $color1: #eee
3
+ $color2: #fff
4
+ $webkit_gradient: -webkit-gradient(linear, left top, left bottom, from($color1), to($color2))
5
+ $moz_gradient: -moz-linear-gradient(top,$color1,$color2)
6
+
7
+ $webkit_gradient_inverted: -webkit-gradient(linear, left top, left bottom, from($color2 / 1.4), to($color1 / 1.1))
8
+ $moz_gradient_inverted: -moz-linear-gradient(top,$color2 / 1.4,$color1 / 1.1)
9
+
10
+ *
11
+ font-family: "trebuchet MS", verdana, sans-serif
12
+
13
+ body
14
+ padding: 0px
15
+ margin: 0px
16
+ height: 100%
17
+ overflow: hidden
18
+ background-color: $color1
19
+ background: $webkit_gradient
20
+ background: $moz_gradient
21
+
22
+ html
23
+ height: 100%
24
+ overflow: hidden
25
+
26
+ a, a:hover, a:link, a:visited
27
+ color: inherit
28
+
29
+ #logo
30
+ margin-top: -49px
31
+ margin-bottom: 20px
32
+ font-size: 30px
33
+ text-align: right
34
+ text-shadow: white 1px 1px 0px
35
+
36
+ span
37
+ color: #54acff
38
+
39
+ .baseline
40
+ opacity: 0.3
41
+ filter: alpha(opacity=30)
42
+ font-size: 15pt
43
+ display: block
44
+ position: absolute
45
+ top: 400px
46
+ width: 600px
47
+ left: 150px
48
+ text-align: right
49
+
50
+ em
51
+ margin-bottom: 1em
52
+ font-weight: bold
53
+ font-size: 20pt
54
+ display: block
55
+ font-weight: normal
56
+ text-align: center
57
+
58
+ #github
59
+ position: absolute
60
+ top: 0px
61
+ right: 0px
62
+
63
+ img
64
+ border: none
65
+
66
+ #header
67
+ height: 2em
68
+ line-height: 2em
69
+ text-align: center
70
+ z-index: 100
71
+ text-shadow: white 1px 1px 0px
72
+
73
+ a
74
+ padding: 0px 1em
75
+ margin: 0px
76
+ padding-left: 16px
77
+ color: black
78
+ text-decoration: none
79
+ background-position: center left
80
+ background-repeat: no-repeat
81
+ font-size: 14px
82
+ opacity: 0.3
83
+ filter: alpha(opacity=30)
84
+
85
+ #signin, #signout, #edit, #settings
86
+ display: none
87
+
88
+ #header a:hover
89
+ opacity: 1
90
+ filter: alpha(opacity=100)
91
+
92
+ #profile
93
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAYAAACwXJejAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFBJREFUGNNjYEAAfSB+D8T/obQ+AxawH6oAhveTragfTVE/Aw6QD8T1UJo8IA/E69GsWw8Vhyt4j6YAht/DFK7HoQDZRLwKYJg4RecJKDgPAMVHQDY4+DlXAAAAAElFTkSuQmCC)
94
+
95
+ #signin
96
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGZJREFUKM9jYEAAeSCeD8Tvgfg/FL+HiskzoAF9NIXo+D1UDdxkfIqRNYFtmk9AYT2SgSC1eE2PB2J+ID6PZAuKlfV4FMMwhsfi8Sj+j+4kmCZcit9j8/R7HIrhniY5WEmOOJKSBgBzwGsd+PIwxQAAAABJRU5ErkJggg==)
97
+
98
+ #signout
99
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUKM9jYEAAeSCeD8Tvgfg/FL+HiskzoAF9NIXo+D1UDdxkfIqRNYFtmo8keB6NPx8qhsxHMX0+1Nb5aGxkWzCshilEVwzDpGsg2Ukke5rkYCU54khKGgAq+WaFRQ0R/AAAAABJRU5ErkJggg==)
100
+
101
+ #edit
102
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUKM+V0MEJACAMQ9G/gfufHMURMpJeFIrUqIVe5IXawrkK0IA+u823I1bAMWRxTYIWZ9MsXlX3L71graW/MAHrBbNdQDdMcms5nAUs5hcPbZlAWZtGVpAAAAAASUVORK5CYII=)
103
+
104
+ a#settings
105
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUKM9jYGBgiAfi/0Bsz4AA94F4PxIfRY09Fg370TTY01zDfyTMMB/KmI9Hw3momvMYuolxUj6Uk0+uH+yhwXofTQynhnokJ9YTo0Ee6rnzUDZ94gGuBgBJKT3b2QkbggAAAABJRU5ErkJggg==)
106
+
107
+ a#help
108
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUGBkFwYEAxDAQBMAxeIQiBCEIRQlCEYoQlEMIwiMcwnYGYKERBIULYCFoFA6CP37QaAwAbAQLggIATAQPBAcAcCN4oBBswEAjmDDQCF40gg0AF4Ig2AAAcBAENwAAAAAAAHhRKAwAACgEwQT4AEXFK0RXVmjoAAAAAElFTkSuQmCC)
109
+
110
+ .clear
111
+ clear: both
112
+
113
+ div#settings
114
+ padding: 1em
115
+ height: 100%
116
+ font-size: 11pt
117
+
118
+ hr
119
+ height: 1px
120
+ background-color: $color1
121
+ border: 0px
122
+
123
+ // --------------------- Auto completer --------------------------
124
+
125
+ .autocomplete
126
+ margin-top: 4px
127
+ border: 1px solid #ccc
128
+ background-color: #fff
129
+ z-index: 50
130
+ -moz-border-radius: 6px
131
+ -webkit-border-radius: 6px
132
+
133
+ div
134
+ margin: 1px
135
+ padding: 0.2em 1.5em 0.2em 1em
136
+ cursor: pointer
137
+ font-weight: normal
138
+ white-space: nowrap
139
+ font-size: 15px
140
+ font-style: italic
141
+ line-height: 1.5em
142
+ display: none
143
+
144
+ div.hovered
145
+ background: $webkit_gradient_inverted
146
+ background: $moz_gradient_inverted
147
+ color: #fff
148
+ -moz-border-radius: 6px
149
+ -webkit-border-radius: 6px
150
+
151
+
152
+ div.match
153
+ display: block
154
+
155
+ // --------------------- Command --------------------------
156
+
157
+ #commandline
158
+ margin: 200px auto auto auto
159
+ width: 600px
160
+ height: auto
161
+ padding: 20px
162
+ text-align: center
163
+ border: 1px solid #ccc
164
+ -webkit-border-radius: 10px
165
+ -moz-border-radius: 10px 10px
166
+ background-color: $color1
167
+ background: $webkit_gradient
168
+ background: $moz_gradient
169
+
170
+ #commandline img
171
+ margin-right: 10px
172
+
173
+ #input
174
+ -webkit-appearance: textfield
175
+ -webkit-user-select: text
176
+ margin: 0px
177
+ top: 205px
178
+ left: 215px
179
+ width: 550px
180
+ border: 0px solid red
181
+ outline: none
182
+ font-size: 25px
183
+ height: 30px
184
+ color: black
185
+ vertical-align: bottom
186
+ background-color: transparent
187
+
188
+ #question
189
+ display: none
190
+ width: 600px
191
+ text-align: center
192
+ margin: 10px auto auto auto
193
+ border: 0px solid red
194
+
195
+ #label
196
+ color: black
197
+ z-index: 2
198
+
199
+ span
200
+ color: #54acff
201
+
202
+ #answer
203
+ -webkit-appearance: textfield
204
+ -webkit-user-select: text
205
+ border: 0px solid red
206
+ outline: none
207
+ padding: 0px
208
+ width: 350px
209
+ color: black
210
+ z-index: 1
211
+ background-color: transparent
212
+
213
+ #label,#answer
214
+ font-size: 20px
215
+
216
+ #special
217
+ display: block
218
+ width: 600px
219
+ margin: auto
220
+ text-align: center
221
+ position: relative
222
+ padding-top: 55px
223
+
224
+ .clock
225
+ margin-left: 50px
226
+ float: left
227
+ width: 100px
228
+ height: 140px
229
+ border: none
230
+
231
+ #date
232
+ height: 80px
233
+ text-align: center
234
+ border: 1px solid #ccc
235
+ -webkit-border-radius: 10px
236
+ -moz-border-radius: 10px 10px
237
+ background-color: $color1
238
+ background: $webkit_gradient
239
+ background: $moz_gradient
240
+
241
+ .wday
242
+ margin: 1px
243
+ padding: 2px
244
+ -webkit-border-top-left-radius: 10px
245
+ -webkit-border-top-right-radius: 10px
246
+ -moz-border-radius-topleft: 10px
247
+ -moz-border-radius-topright: 10px
248
+ background-color: $color2
249
+ background: $webkit_gradient_inverted
250
+ background: $moz_gradient_inverted
251
+
252
+
253
+ .day
254
+ font-size: 35pt
255
+ font-weight: bold
256
+
257
+ // --------------------- Edit Popup --------------------------
258
+
259
+ .action
260
+ display: block
261
+ padding: 3px 10px
262
+ -webkit-border-radius: 2px 2px
263
+ -moz-border-radius: 2px 2px
264
+ border: solid 1px rgb(153, 153, 153)
265
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)))
266
+ background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(221, 221, 221))
267
+ color: #333
268
+ text-decoration: none
269
+ cursor: pointer
270
+ display: inline-block
271
+ text-align: center
272
+ text-shadow: 0px 1px 1px rgba(255,255,255,1)
273
+ line-height: 1
274
+ margin-left: 3px
275
+
276
+ .action:hover
277
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(240, 240, 240)), to(rgb(221, 221, 221)))
278
+ background: -moz-linear-gradient(top, rgb(240, 240, 240), rgb(221, 221, 221))
279
+
280
+ .action:active
281
+ /* hide dotted outline in Firefox */
282
+ outline: 0px solid
283
+ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(200, 200, 200)), to(rgb(221, 221, 221)))
284
+ background: -moz-linear-gradient(top, rgb(200, 200, 200), rgb(221, 221, 221))
285
+
286
+ #commands
287
+ height: 400px
288
+ overflow: auto
289
+
290
+ .command
291
+ display: block
292
+ clear: both
293
+ border: 1px solid transparent
294
+ margin: 0px 1px
295
+ padding: 4px 2px
296
+ border-bottom: 1px solid $color1
297
+
298
+ .command:hover
299
+ cursor: pointer
300
+ background-color: #eee
301
+
302
+ .name, .url
303
+ display: inline-block
304
+ vertical-align: bottom
305
+ font-size: 11pt
306
+
307
+ div.name, div.url
308
+ line-height: 24px
309
+
310
+ .name
311
+ width: 40%
312
+
313
+ .url
314
+ width: 59%
315
+
316
+ #command-form
317
+
318
+ label, input
319
+ display: block
320
+ margin-left: 3px
321
+ margin-bottom: 0.5em
322
+ font-size: 11pt
323
+ line-height: 24px
324
+
325
+ input
326
+ width: 90%
327
+
328
+ // --------------------- Simple Modal --------------------------
329
+
330
+ #simple-modal-overlay
331
+ position: fixed
332
+ display: block
333
+ z-index: 99998
334
+ top: 0
335
+ left: 0
336
+ width: 100%
337
+ height: 100%
338
+ background-color: #000000
339
+ background-position: center center
340
+ background-repeat: no-repeat
341
+ background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#333))
342
+ background: -webkit-radial-gradient(circle, #ffffff, #333)
343
+ background: -moz-radial-gradient(circle, #ffffff, #333)
344
+ background: -ms-radial-gradient(circle, #ffffff, #333)
345
+
346
+ .simple-modal
347
+ /* Style rewrite */
348
+
349
+ width: 600px
350
+ left: 20px
351
+ top: 20px
352
+ /* */
353
+
354
+ position: absolute
355
+ position: fixed
356
+ margin: 0
357
+ color: #808080
358
+ font-size: 13px
359
+ font-weight: normal
360
+ line-height: 18px
361
+ background-color: #FFFFFF
362
+ border: 1px solid #EAEEFA
363
+ border: 1px solid rgba(234, 238, 250, 0.6)
364
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6)
365
+ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6)
366
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.6)
367
+ z-index: 99999
368
+ border-radius: 6px
369
+ -webkit-border-radius: 6px
370
+ -moz-border-radius: 6px
371
+
372
+ .simple-modal .simple-modal-header
373
+ padding: 5px 15px
374
+ margin: 0
375
+ border-bottom: 1px solid #EEEEEE
376
+
377
+ .simple-modal .simple-modal-header h1
378
+ margin: 0
379
+ color: #404040
380
+ font-size: 18px
381
+ font-weight: bold
382
+ line-height: 36px
383
+
384
+ .simple-modal a.close
385
+ position: absolute
386
+ right: 15px
387
+ top: 15px
388
+ color: #999
389
+ font-size: 17px
390
+ font-weight: normal
391
+ line-height: 10px
392
+ text-decoration: none
393
+
394
+ .simple-modal a.close:hover
395
+ color: #444
396
+
397
+ .simple-modal .simple-modal-body
398
+ padding: 15px
399
+
400
+ .simple-modal .simple-modal-body div.contents
401
+ overflow: hidden
402
+
403
+ .simple-modal .simple-modal-body p
404
+ font-size: 13px
405
+ font-weight: normal
406
+ color: #606060
407
+ line-height: 18px
408
+
409
+ .simple-modal .simple-modal-body p img
410
+ display: block
411
+ margin: 0 auto 10px auto
412
+
413
+ .simple-modal .simple-modal-footer
414
+ display: block
415
+ background-color: #F5F5F5
416
+ padding: 14px 15px 15px
417
+ border-top: 1px solid #EEEEEE
418
+ -webkit-border-radius: 0 0 6px 6px
419
+ -moz-border-radius: 0 0 6px 6px
420
+ border-radius: 0 0 6px 6px
421
+ -webkit-box-shadow: inset 0 1px 0 #FFF
422
+ -moz-box-shadow: inset 0 1px 0 #FFF
423
+ box-shadow: inset 0 1px 0 #FFF
424
+ zoom: 1
425
+ margin-bottom: 0
426
+ text-align: center
427
+
428
+ .simple-modal .simple-modal-footer a.btn
429
+ text-decoration: none
430
+ cursor: pointer
431
+ display: inline-block
432
+ background-repeat: no-repeat
433
+ padding: 5px 14px 6px
434
+ color: #333
435
+ font-size: 13px
436
+ line-height: normal
437
+ border: 1px solid transparent
438
+ -webkit-transition: 0.2s linear all
439
+ -moz-transition: 0.2s linear all
440
+ transition: 0.2s linear all
441
+ border-radius: 3px
442
+ -webkit-border-radius: 3px
443
+ -moz-border-radius: 3px
444
+
445
+ .simple-modal .simple-modal-footer a.btn.primary
446
+ color: #FFF
447
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25)
448
+ background-color: #999
449
+ background-repeat: repeat-x
450
+ margin-right: 15px
451
+
452
+ .simple-modal .simple-modal-footer a.btn.primary:hover
453
+ border: 1px solid #444
454
+ background-color: #444
455
+
456
+ .simple-modal .simple-modal-footer a.btn.secondary
457
+ padding: 5px 2px 6px
458
+
459
+ .simple-modal .simple-modal-footer a.btn.secondary:hover
460
+ color: #999
461
+
462
+ /* Draggable style */
463
+ .simple-modal.draggable .simple-modal-header:hover
464
+ cursor: move
465
+ background-color: #f8f8f8
466
+ -webkit-border-top-left-radius: 6px
467
+ -webkit-border-top-right-radius: 6px
468
+ -moz-border-radius-topleft: 6px
469
+ -moz-border-radius-topright: 6px
470
+ border-top-left-radius: 6px
471
+ border-top-right-radius: 6px
472
+
473
+ /* Loading style */
474
+ .simple-modal.loading .simple-modal-body
475
+ min-height: 60px
476
+
477
+ .simple-modal.loading .simple-modal-body div.contents
478
+ display: none
479
+
480
+ .simple-modal.loading .close, .simple-modal.loading .simple-modal-header, .simple-modal.loading .simple-modal-footer
481
+ display: none
482
+
483
+ /* Hide header */
484
+ .simple-modal.hide-header .simple-modal-header
485
+ display: none
486
+
487
+ /* Hide header */
488
+ .simple-modal.hide-footer .simple-modal-footer
489
+ display: none
490
+
metadata ADDED
@@ -0,0 +1,124 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: departr
3
+ version: !ruby/object:Gem::Version
4
+ version: '0.2'
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Florent Solt
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2012-01-24 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: json
16
+ requirement: &2156765960 !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ~>
20
+ - !ruby/object:Gem::Version
21
+ version: '1.6'
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: *2156765960
25
+ - !ruby/object:Gem::Dependency
26
+ name: tzinfo
27
+ requirement: &2156765200 !ruby/object:Gem::Requirement
28
+ none: false
29
+ requirements:
30
+ - - ~>
31
+ - !ruby/object:Gem::Version
32
+ version: '0.3'
33
+ type: :runtime
34
+ prerelease: false
35
+ version_requirements: *2156765200
36
+ - !ruby/object:Gem::Dependency
37
+ name: haml
38
+ requirement: &2156764700 !ruby/object:Gem::Requirement
39
+ none: false
40
+ requirements:
41
+ - - ~>
42
+ - !ruby/object:Gem::Version
43
+ version: '3.1'
44
+ type: :runtime
45
+ prerelease: false
46
+ version_requirements: *2156764700
47
+ - !ruby/object:Gem::Dependency
48
+ name: sass
49
+ requirement: &2156764160 !ruby/object:Gem::Requirement
50
+ none: false
51
+ requirements:
52
+ - - ~>
53
+ - !ruby/object:Gem::Version
54
+ version: '3.1'
55
+ type: :runtime
56
+ prerelease: false
57
+ version_requirements: *2156764160
58
+ - !ruby/object:Gem::Dependency
59
+ name: sinatra
60
+ requirement: &2156763620 !ruby/object:Gem::Requirement
61
+ none: false
62
+ requirements:
63
+ - - ~>
64
+ - !ruby/object:Gem::Version
65
+ version: '1.3'
66
+ type: :runtime
67
+ prerelease: false
68
+ version_requirements: *2156763620
69
+ description:
70
+ email: florent@solt.biz
71
+ executables: []
72
+ extensions: []
73
+ extra_rdoc_files: []
74
+ files:
75
+ - Gemfile
76
+ - Gemfile.lock
77
+ - config.ru.example
78
+ - departr.gemspec
79
+ - lib/departr.rb
80
+ - lib/departr/commands.rb
81
+ - lib/departr/config.rb
82
+ - lib/departr/server.rb
83
+ - lib/departr/session.rb
84
+ - lib/departr/settings.rb
85
+ - lib/jsmin.rb
86
+ - lib/rpx.rb
87
+ - public/favicon.ico
88
+ - public/javascripts/1_mootools.js
89
+ - public/javascripts/2_autocomplete.js
90
+ - public/javascripts/3_simple-modal.js
91
+ - public/javascripts/4_coolclock.js
92
+ - public/javascripts/5_appliction.js
93
+ - public/javascripts/6_command.js
94
+ - views/help.haml
95
+ - views/index.haml
96
+ - views/layout.haml
97
+ - views/profile.haml
98
+ - views/settings.haml
99
+ - views/style.sass
100
+ homepage: https://github.com/florentsolt/departr
101
+ licenses: []
102
+ post_install_message:
103
+ rdoc_options: []
104
+ require_paths:
105
+ - lib
106
+ required_ruby_version: !ruby/object:Gem::Requirement
107
+ none: false
108
+ requirements:
109
+ - - ! '>='
110
+ - !ruby/object:Gem::Version
111
+ version: '0'
112
+ required_rubygems_version: !ruby/object:Gem::Requirement
113
+ none: false
114
+ requirements:
115
+ - - ! '>='
116
+ - !ruby/object:Gem::Version
117
+ version: '0'
118
+ requirements: []
119
+ rubyforge_project:
120
+ rubygems_version: 1.8.15
121
+ signing_key:
122
+ specification_version: 3
123
+ summary: Departr is a smart and fast startpage to help you reach other web sites.
124
+ test_files: []