rhet-butler 0.5.0 → 0.9.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +15 -0
- data/default-configuration/assets/javascript/keyboard-nav.js +91 -0
- data/default-configuration/assets/javascript/rhet-present.js +855 -0
- data/default-configuration/assets/javascript/rhet-present.min.js +55 -0
- data/default-configuration/assets/stylesheets/_animate-helpers.scss +41 -0
- data/default-configuration/assets/stylesheets/animate/_attention.scss +36 -0
- data/default-configuration/assets/stylesheets/animate/_bounce.scss +71 -0
- data/default-configuration/assets/stylesheets/animate/_fade.scss +56 -0
- data/default-configuration/assets/stylesheets/animate/_flip.scss +98 -0
- data/default-configuration/assets/stylesheets/animate/_lightSpeed.scss +20 -0
- data/default-configuration/assets/stylesheets/animate/_roll.scss +20 -0
- data/default-configuration/assets/stylesheets/animate/_rotate.scss +40 -0
- data/default-configuration/assets/stylesheets/animate/_special.scss +17 -0
- data/default-configuration/assets/stylesheets/animate/_windblown.sass +17 -0
- data/default-configuration/assets/stylesheets/animate/attention/._pulse.scss.swp +0 -0
- data/default-configuration/assets/stylesheets/animate/attention/_flash.scss +34 -0
- data/default-configuration/assets/stylesheets/animate/attention/_pulse.scss +28 -0
- data/default-configuration/assets/stylesheets/animate/attention/_shake.scss +53 -0
- data/default-configuration/assets/stylesheets/animate/attention/_swing.scss +40 -0
- data/default-configuration/assets/stylesheets/animate/attention/_tada.scss +51 -0
- data/default-configuration/assets/stylesheets/animate/attention/_wiggle.scss +52 -0
- data/default-configuration/assets/stylesheets/animate/attention/_wobble.scss +41 -0
- data/default-configuration/assets/stylesheets/animate/bounce/_bounceIn.scss +151 -0
- data/default-configuration/assets/stylesheets/animate/bounce/_bounceOut.scss +139 -0
- data/default-configuration/assets/stylesheets/animate/fade/_fadeIn.sass +139 -0
- data/default-configuration/assets/stylesheets/animate/fade/_fadeOut.sass +139 -0
- data/default-configuration/assets/stylesheets/animate/flip/_flipIn.scss +78 -0
- data/default-configuration/assets/stylesheets/animate/flip/_flipOut.scss +66 -0
- data/default-configuration/assets/stylesheets/animate/lightSpeed/_lightSpeedIn.scss +37 -0
- data/default-configuration/assets/stylesheets/animate/lightSpeed/_lightSpeedOut.scss +29 -0
- data/default-configuration/assets/stylesheets/animate/roll/_rollIn.scss +29 -0
- data/default-configuration/assets/stylesheets/animate/roll/_rollOut.scss +28 -0
- data/default-configuration/assets/stylesheets/animate/rotate/_rotateIn.scss +208 -0
- data/default-configuration/assets/stylesheets/animate/rotate/_rotateOut.scss +208 -0
- data/default-configuration/assets/stylesheets/animate/special/_hinge.scss +49 -0
- data/default-configuration/assets/stylesheets/animate/windblown/_windblownIn.sass +28 -0
- data/default-configuration/assets/stylesheets/animate/windblown/_windblownOut.sass +24 -0
- data/default-configuration/assets/stylesheets/font.css +30 -0
- data/default-configuration/assets/stylesheets/highlight/arta.css +158 -0
- data/default-configuration/assets/stylesheets/highlight/ascetic.css +50 -0
- data/default-configuration/assets/stylesheets/highlight/brown_paper.css +104 -0
- data/default-configuration/assets/stylesheets/highlight/brown_papersq.png +0 -0
- data/default-configuration/assets/stylesheets/highlight/dark.css +103 -0
- data/default-configuration/assets/stylesheets/highlight/default.css +135 -0
- data/default-configuration/assets/stylesheets/highlight/far.css +111 -0
- data/default-configuration/assets/stylesheets/highlight/github.css +127 -0
- data/default-configuration/assets/stylesheets/highlight/googlecode.css +144 -0
- data/default-configuration/assets/stylesheets/highlight/idea.css +121 -0
- data/default-configuration/assets/stylesheets/highlight/ir_black.css +104 -0
- data/default-configuration/assets/stylesheets/highlight/magula.css +120 -0
- data/default-configuration/assets/stylesheets/highlight/monokai.css +114 -0
- data/default-configuration/assets/stylesheets/highlight/pojoaque.css +104 -0
- data/default-configuration/assets/stylesheets/highlight/pojoaque.jpg +0 -0
- data/default-configuration/assets/stylesheets/highlight/rainbow.css +114 -0
- data/default-configuration/assets/stylesheets/highlight/school_book.css +111 -0
- data/default-configuration/assets/stylesheets/highlight/school_book.png +0 -0
- data/default-configuration/assets/stylesheets/highlight/solarized_light.css +88 -0
- data/default-configuration/assets/stylesheets/highlight/sunburst.css +158 -0
- data/default-configuration/assets/stylesheets/highlight/tomorrow-night-blue.css +52 -0
- data/default-configuration/assets/stylesheets/highlight/tomorrow-night-bright.css +51 -0
- data/default-configuration/assets/stylesheets/highlight/tomorrow-night-eighties.css +51 -0
- data/default-configuration/assets/stylesheets/highlight/tomorrow-night.css +52 -0
- data/default-configuration/assets/stylesheets/highlight/tomorrow.css +49 -0
- data/default-configuration/assets/stylesheets/highlight/vs.css +86 -0
- data/default-configuration/assets/stylesheets/highlight/xcode.css +154 -0
- data/default-configuration/assets/stylesheets/highlight/zenburn.css +114 -0
- data/default-configuration/assets/stylesheets/presenter/rhet.css.sass +160 -0
- data/default-configuration/assets/stylesheets/rhet.css.sass +142 -0
- data/default-configuration/assets/themes.googleusercontent.com/static/fonts/arimo/v5/K-bXE71xZHgbUS_UdQjugvesZW2xOQ-xsNqO47m55DA.ttf +0 -0
- data/default-configuration/assets/themes.googleusercontent.com/static/fonts/cinzeldecorative/v1/pXhIVnhFtL_B9Vb1wq2F9wIh9oxuYcmvOvyh_107lQs.ttf +0 -0
- data/default-configuration/assets/themes.googleusercontent.com/static/fonts/cinzeldecorative/v1/pXhIVnhFtL_B9Vb1wq2F9zCUrkmwPfdnoTjOU_kXqBI.ttf +0 -0
- data/default-configuration/assets/themes.googleusercontent.com/static/fonts/droidsansmono/v4/ns-m2xQYezAtqh7ai59hJYW_AySPyikQrZReizgrnuw.ttf +0 -0
- data/default-configuration/assets/themes.googleusercontent.com/static/fonts/slackey/v3/bJZDrYrGx8atJRHR9DVdqg.ttf +0 -0
- data/default-configuration/common/config.yaml +17 -0
- data/default-configuration/common/templates/group.html.erb +5 -0
- data/default-configuration/common/templates/presentation.html.erb +11 -17
- data/default-configuration/common/templates/presenter-qr.html.erb +3 -3
- data/default-configuration/common/templates/slide.html.erb +3 -0
- data/default-configuration/common/templates/stylesheets.html.erb +1 -1
- data/default-configuration/presenter/templates/live-javascript.html.erb +4 -3
- data/default-configuration/presenter/templates/slide.html.erb +6 -0
- data/default-configuration/presenter/templates/stylesheets.html.erb +1 -1
- data/default-configuration/skels/config.yaml +15 -0
- data/default-configuration/skels/slides.yaml +6 -0
- data/default-configuration/viewer/templates/live-javascript.html.erb +1 -1
- data/lib/rhet-butler/arrangement-finder.rb +71 -0
- data/lib/rhet-butler/command-line.rb +69 -1
- data/lib/rhet-butler/configuration.rb +20 -5
- data/lib/rhet-butler/file-loading.rb +28 -0
- data/lib/rhet-butler/file-manager.rb +42 -22
- data/lib/rhet-butler/filter-resolver.rb +45 -0
- data/lib/rhet-butler/html-generator.rb +24 -4
- data/lib/rhet-butler/include-processor.rb +55 -0
- data/lib/rhet-butler/layout-rule.rb +17 -13
- data/lib/rhet-butler/resource-localizer.rb +22 -0
- data/lib/rhet-butler/sass-functions.rb +40 -0
- data/lib/rhet-butler/slide-arranger.rb +39 -0
- data/lib/rhet-butler/slide-group.rb +56 -21
- data/lib/rhet-butler/slide-includer.rb +5 -2
- data/lib/rhet-butler/slide-loader.rb +16 -332
- data/lib/rhet-butler/slide-processor.rb +27 -0
- data/lib/rhet-butler/slide-renderer.rb +42 -0
- data/lib/rhet-butler/slide-renderers/code.rb +19 -0
- data/lib/rhet-butler/slide-renderers/cues.rb +27 -0
- data/lib/rhet-butler/slide-renderers/textile.rb +14 -0
- data/lib/rhet-butler/slide-rendering.rb +22 -0
- data/lib/rhet-butler/slide-traverser.rb +45 -0
- data/lib/rhet-butler/slide.rb +40 -30
- data/lib/rhet-butler/stasis/css-transform.rb +55 -0
- data/lib/rhet-butler/stasis/document-transform.rb +32 -0
- data/lib/rhet-butler/stasis/html-transform.rb +51 -0
- data/lib/rhet-butler/stasis/http-loader.rb +19 -0
- data/lib/rhet-butler/stasis/identity-transform.rb +18 -0
- data/lib/rhet-butler/stasis/rack-loader.rb +57 -0
- data/lib/rhet-butler/stasis/resource-mapping.rb +55 -0
- data/lib/rhet-butler/stasis/transform-queue.rb +87 -0
- data/lib/rhet-butler/stasis/writer.rb +35 -0
- data/lib/rhet-butler/stasis.rb +18 -0
- data/lib/rhet-butler/static-generator.rb +21 -29
- data/lib/rhet-butler/web/assets-app.rb +24 -8
- data/lib/rhet-butler/web/main-app.rb +17 -8
- data/lib/rhet-butler/web/presentation-app.rb +22 -14
- data/lib/rhet-butler/web/qr-display-app.rb +4 -1
- data/lib/rhet-butler/yaml-schema.rb +5 -4
- data/lib/rhet-butler/yaml-type.rb +24 -1
- data/spec/html-generation.rb +7 -1
- data/spec/presentation-view.rb +33 -8
- data/spec/rhet-butler.rb +0 -13
- data/spec/slide-loader.rb +3 -3
- data/spec/slide-processing.rb +6 -3
- metadata +209 -119
- data/default-configuration/assets/javascript/impress.js +0 -800
- data/default-configuration/assets/stylesheets/presenter/presentation.css +0 -477
- data/lib/rhet-butler.rb +0 -2
@@ -0,0 +1,208 @@
|
|
1
|
+
// ---------------------------------------------------------------------------
|
2
|
+
// imports
|
3
|
+
|
4
|
+
@import "compass/css3/animation";
|
5
|
+
@import "compass/css3/transform";
|
6
|
+
@import "compass/css3/opacity";
|
7
|
+
|
8
|
+
// ---------------------------------------------------------------------------
|
9
|
+
// rotateOut [ only | up | down | left | right |
|
10
|
+
// downLeft | downRight | upLeft | upRight | all ]
|
11
|
+
|
12
|
+
@mixin animate-rotateOut(
|
13
|
+
$sub : all,
|
14
|
+
$class : $default-animation-class-mode,
|
15
|
+
$keyframes : $default-keyframes-output
|
16
|
+
) {
|
17
|
+
$sub : compact($sub);
|
18
|
+
$only : yepnope($sub, all only);
|
19
|
+
$downLeft : yepnope($sub, all down left downLeft);
|
20
|
+
$downRight : yepnope($sub, all down right downRight);
|
21
|
+
$upLeft : yepnope($sub, all up left upLeft);
|
22
|
+
$upRight : yepnope($sub, all up right upRight);
|
23
|
+
|
24
|
+
@if $downLeft { @include animate-rotateOutDownLeft ($class, $keyframes); }
|
25
|
+
@if $downRight { @include animate-rotateOutDownRight ($class, $keyframes); }
|
26
|
+
@if $upLeft { @include animate-rotateOutUpLeft ($class, $keyframes); }
|
27
|
+
@if $upRight { @include animate-rotateOutUpRight ($class, $keyframes); }
|
28
|
+
|
29
|
+
$name: rotateOut;
|
30
|
+
@if $only {
|
31
|
+
@if $keyframes {
|
32
|
+
@include keyframes($name) {
|
33
|
+
0% {
|
34
|
+
@include transform-origin(center, center);
|
35
|
+
@include rotate(0);
|
36
|
+
opacity: 1;
|
37
|
+
}
|
38
|
+
100% {
|
39
|
+
@include transform-origin(center, center);
|
40
|
+
@include rotate(200deg);
|
41
|
+
opacity: 0;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
45
|
+
@include animation-class($name, $class) {}
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
// ---------------------------------------------------------------------------
|
50
|
+
// rotateOutUp [ left | right | all ]
|
51
|
+
|
52
|
+
@mixin animate-rotateOutUp(
|
53
|
+
$sub : all,
|
54
|
+
$class : $default-animation-class-mode,
|
55
|
+
$keyframes : $default-keyframes-output
|
56
|
+
) {
|
57
|
+
$sub : compact($sub);
|
58
|
+
$left : yepnope($sub, all left);
|
59
|
+
$right : yepnope($sub, all right);
|
60
|
+
@if $left { @include animate-rotateOutUpLeft ($class, $keyframes); }
|
61
|
+
@if $right { @include animate-rotateOutUpRight ($class, $keyframes); }
|
62
|
+
}
|
63
|
+
|
64
|
+
// ---------------------------------------------------------------------------
|
65
|
+
// rotateOutDown [ left | right | all ]
|
66
|
+
|
67
|
+
@mixin animate-rotateOutDown(
|
68
|
+
$sub : all,
|
69
|
+
$class : $default-animation-class-mode,
|
70
|
+
$keyframes : $default-keyframes-output
|
71
|
+
) {
|
72
|
+
$sub : compact($sub);
|
73
|
+
$left : yepnope($sub, all left);
|
74
|
+
$right : yepnope($sub, all right);
|
75
|
+
@if $left { @include animate-rotateOutDownLeft ($class, $keyframes); }
|
76
|
+
@if $right { @include animate-rotateOutDownRight ($class, $keyframes); }
|
77
|
+
}
|
78
|
+
|
79
|
+
|
80
|
+
// ---------------------------------------------------------------------------
|
81
|
+
// rotateOutLeft [ up | down | all ]
|
82
|
+
|
83
|
+
@mixin animate-rotateOutLeft(
|
84
|
+
$sub : all,
|
85
|
+
$class : $default-animation-class-mode,
|
86
|
+
$keyframes : $default-keyframes-output
|
87
|
+
) {
|
88
|
+
$sub : compact($sub);
|
89
|
+
$up : yepnope($sub, all up);
|
90
|
+
$down : yepnope($sub, all down);
|
91
|
+
@if $up { @include animate-rotateOutUpLeft ($class, $keyframes); }
|
92
|
+
@if $down { @include animate-rotateOutDownLeft ($class, $keyframes); }
|
93
|
+
}
|
94
|
+
|
95
|
+
// ---------------------------------------------------------------------------
|
96
|
+
// rotateOutRight [ up | down | all ]
|
97
|
+
|
98
|
+
@mixin animate-rotateOutRight(
|
99
|
+
$sub : all,
|
100
|
+
$class : $default-animation-class-mode,
|
101
|
+
$keyframes : $default-keyframes-output
|
102
|
+
) {
|
103
|
+
$sub : compact($sub);
|
104
|
+
$up : yepnope($sub, all up);
|
105
|
+
$down : yepnope($sub, all down);
|
106
|
+
@if $up { @include animate-rotateOutUpRight ($class, $keyframes); }
|
107
|
+
@if $down { @include animate-rotateOutDownRight ($class, $keyframes); }
|
108
|
+
}
|
109
|
+
|
110
|
+
// ---------------------------------------------------------------------------
|
111
|
+
// rotateOutDownLeft
|
112
|
+
|
113
|
+
@mixin animate-rotateOutDownLeft(
|
114
|
+
$class : $default-animation-class-mode,
|
115
|
+
$keyframes : $default-keyframes-output
|
116
|
+
) {
|
117
|
+
$name: rotateOutDownLeft;
|
118
|
+
@if $keyframes {
|
119
|
+
@include keyframes($name) {
|
120
|
+
0% {
|
121
|
+
@include transform-origin(left, bottom);
|
122
|
+
@include rotate(0);
|
123
|
+
opacity: 1;
|
124
|
+
}
|
125
|
+
100% {
|
126
|
+
@include transform-origin(left, bottom);
|
127
|
+
@include rotate(90deg);
|
128
|
+
opacity: 0;
|
129
|
+
}
|
130
|
+
}
|
131
|
+
}
|
132
|
+
@include animation-class($name, $class) {}
|
133
|
+
}
|
134
|
+
|
135
|
+
// ---------------------------------------------------------------------------
|
136
|
+
// rotateOutUpLeft
|
137
|
+
|
138
|
+
@mixin animate-rotateOutUpLeft(
|
139
|
+
$class : $default-animation-class-mode,
|
140
|
+
$keyframes : $default-keyframes-output
|
141
|
+
) {
|
142
|
+
$name: rotateOutUpLeft;
|
143
|
+
@if $keyframes {
|
144
|
+
@include keyframes($name) {
|
145
|
+
0% {
|
146
|
+
@include transform-origin(left, bottom);
|
147
|
+
@include rotate(0);
|
148
|
+
opacity: 1;
|
149
|
+
}
|
150
|
+
100% {
|
151
|
+
@include transform-origin(left, bottom);
|
152
|
+
@include rotate(-90deg);
|
153
|
+
opacity: 0;
|
154
|
+
}
|
155
|
+
}
|
156
|
+
}
|
157
|
+
@include animation-class($name, $class) {}
|
158
|
+
}
|
159
|
+
|
160
|
+
// ---------------------------------------------------------------------------
|
161
|
+
// rotateOutDownRight
|
162
|
+
|
163
|
+
@mixin animate-rotateOutDownRight(
|
164
|
+
$class : $default-animation-class-mode,
|
165
|
+
$keyframes : $default-keyframes-output
|
166
|
+
) {
|
167
|
+
$name: rotateOutDownRight;
|
168
|
+
@if $keyframes {
|
169
|
+
@include keyframes($name) {
|
170
|
+
0% {
|
171
|
+
@include transform-origin(right, bottom);
|
172
|
+
@include rotate(0);
|
173
|
+
opacity: 1;
|
174
|
+
}
|
175
|
+
100% {
|
176
|
+
@include transform-origin(right, bottom);
|
177
|
+
@include rotate(-90deg);
|
178
|
+
opacity: 0;
|
179
|
+
}
|
180
|
+
}
|
181
|
+
}
|
182
|
+
@include animation-class($name, $class) {}
|
183
|
+
}
|
184
|
+
|
185
|
+
// ---------------------------------------------------------------------------
|
186
|
+
// rotateOutUpRight
|
187
|
+
|
188
|
+
@mixin animate-rotateOutUpRight(
|
189
|
+
$class : $default-animation-class-mode,
|
190
|
+
$keyframes : $default-keyframes-output
|
191
|
+
) {
|
192
|
+
$name: rotateOutUpRight;
|
193
|
+
@if $keyframes {
|
194
|
+
@include keyframes($name) {
|
195
|
+
0% {
|
196
|
+
@include transform-origin(right, bottom);
|
197
|
+
@include rotate(0);
|
198
|
+
opacity: 1;
|
199
|
+
}
|
200
|
+
100% {
|
201
|
+
@include transform-origin(right, bottom);
|
202
|
+
@include rotate(90deg);
|
203
|
+
opacity: 0;
|
204
|
+
}
|
205
|
+
}
|
206
|
+
}
|
207
|
+
@include animation-class($name, $class) {}
|
208
|
+
}
|
@@ -0,0 +1,49 @@
|
|
1
|
+
// ---------------------------------------------------------------------------
|
2
|
+
// imports
|
3
|
+
@import "compass/css3/animation";
|
4
|
+
@import "compass/css3/transform";
|
5
|
+
@import "compass/css3/opacity";
|
6
|
+
|
7
|
+
// ---------------------------------------------------------------------------
|
8
|
+
// hinge
|
9
|
+
|
10
|
+
@mixin animate-hinge(
|
11
|
+
$class : $default-animation-class-mode,
|
12
|
+
$keyframes : $default-keyframes-output
|
13
|
+
) {
|
14
|
+
$name: hinge;
|
15
|
+
@if $keyframes {
|
16
|
+
@include keyframes($name) {
|
17
|
+
0% {
|
18
|
+
@include rotate(0);
|
19
|
+
@include transform-origin(top, left);
|
20
|
+
@include animation-timing-function(ease-in-out);
|
21
|
+
}
|
22
|
+
20%, 60% {
|
23
|
+
@include rotate(80deg);
|
24
|
+
@include transform-origin(top, left);
|
25
|
+
@include animation-timing-function(ease-in-out);
|
26
|
+
}
|
27
|
+
40% {
|
28
|
+
@include rotate(60deg);
|
29
|
+
@include transform-origin(top, left);
|
30
|
+
@include animation-timing-function(ease-in-out);
|
31
|
+
}
|
32
|
+
80% {
|
33
|
+
@include transform(rotate(60deg) translateY(0));
|
34
|
+
@include opacity(1);
|
35
|
+
@include transform-origin(top, left);
|
36
|
+
@include animation-timing-function(ease-in-out);
|
37
|
+
}
|
38
|
+
100% {
|
39
|
+
@include translateY(700px);
|
40
|
+
@include opacity(0);
|
41
|
+
}
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
@include animation-class($name, $class) {
|
46
|
+
$selector: if($class == 'silent', '%animated', '.animated');
|
47
|
+
&#{$selector} { @include animation($name 2s ease both); }
|
48
|
+
}
|
49
|
+
}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
// ---------------------------------------------------------------------------
|
2
|
+
// imports
|
3
|
+
|
4
|
+
@import compass/css3/animation
|
5
|
+
@import compass/css3/transform
|
6
|
+
@import compass/css3/opacity
|
7
|
+
|
8
|
+
// ---------------------------------------------------------------------------
|
9
|
+
// windblownIn
|
10
|
+
|
11
|
+
=animate-windblownIn($class: $default-animation-class-mode, $keyframes: $default-keyframes-output)
|
12
|
+
|
13
|
+
$name: windblownIn
|
14
|
+
@if $keyframes
|
15
|
+
+keyframes($name)
|
16
|
+
$num: 10
|
17
|
+
@for $frame from 0 through $num
|
18
|
+
$x: -100% + ($frame * (100% / $num))
|
19
|
+
$y: 50% - ((($frame / $num) * ($frame / $num)) * 50%)
|
20
|
+
$z: 400px - ((($frame / $num) * ($frame / $num)) * 400px)
|
21
|
+
$r: 50deg - ($frame * (50deg / $num))
|
22
|
+
#{$frame * 80 / $num}%
|
23
|
+
+transform(translate3d($x, $y, $z) rotate3d(1, -1, 0.3, $r) rotateZ(10deg))
|
24
|
+
+animation-timing-function(linear)
|
25
|
+
|
26
|
+
100%
|
27
|
+
+transform(translate3d(0,0,0) rotateZ(0deg))
|
28
|
+
+animation-class($name, $class)
|
@@ -0,0 +1,24 @@
|
|
1
|
+
// ---------------------------------------------------------------------------
|
2
|
+
// imports
|
3
|
+
|
4
|
+
@import compass/css3/animation
|
5
|
+
@import compass/css3/transform
|
6
|
+
@import compass/css3/opacity
|
7
|
+
|
8
|
+
// ---------------------------------------------------------------------------
|
9
|
+
// windblownOut
|
10
|
+
|
11
|
+
=animate-windblownOut($class: $default-animation-class-mode, $keyframes: $default-keyframes-output)
|
12
|
+
$name: windblownOut
|
13
|
+
@if $keyframes
|
14
|
+
+keyframes($name)
|
15
|
+
$num: 10
|
16
|
+
@for $frame from 0 through $num
|
17
|
+
$x: $frame * (-100% / $num)
|
18
|
+
$y: (($frame / (100.0 / $num)) * ($frame / (100.0 / $num))) * -150%
|
19
|
+
$z: (($frame / (100.0 / $num)) * ($frame / (100.0 / $num))) * 400px
|
20
|
+
$r: $frame * (50deg / $num)
|
21
|
+
#{$frame * 10}%
|
22
|
+
+transform(translate3d($x, $y, $z) rotate3d(1, -1, 0.3, $r))
|
23
|
+
+animation-timing-function(linear)
|
24
|
+
+animation-class($name, $class)
|
@@ -0,0 +1,30 @@
|
|
1
|
+
@font-face {
|
2
|
+
font-family: 'Arimo';
|
3
|
+
font-style: normal;
|
4
|
+
font-weight: 700;
|
5
|
+
src: local('Arimo Bold'), local('Arimo-Bold'), url(../../themes.googleusercontent.com/static/fonts/arimo/v5/K-bXE71xZHgbUS_UdQjugvesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
|
6
|
+
}
|
7
|
+
@font-face {
|
8
|
+
font-family: 'Cinzel Decorative';
|
9
|
+
font-style: normal;
|
10
|
+
font-weight: 700;
|
11
|
+
src: local('Cinzel Decorative Bold'), local('CinzelDecorative-Bold'), url(../../themes.googleusercontent.com/static/fonts/cinzeldecorative/v1/pXhIVnhFtL_B9Vb1wq2F9wIh9oxuYcmvOvyh_107lQs.ttf) format('truetype');
|
12
|
+
}
|
13
|
+
@font-face {
|
14
|
+
font-family: 'Cinzel Decorative';
|
15
|
+
font-style: normal;
|
16
|
+
font-weight: 900;
|
17
|
+
src: local('Cinzel Decorative Black'), local('CinzelDecorative-Black'), url(../../themes.googleusercontent.com/static/fonts/cinzeldecorative/v1/pXhIVnhFtL_B9Vb1wq2F9zCUrkmwPfdnoTjOU_kXqBI.ttf) format('truetype');
|
18
|
+
}
|
19
|
+
@font-face {
|
20
|
+
font-family: 'Droid Sans Mono';
|
21
|
+
font-style: normal;
|
22
|
+
font-weight: 400;
|
23
|
+
src: local('Droid Sans Mono'), local('DroidSansMono'), url(../../themes.googleusercontent.com/static/fonts/droidsansmono/v4/ns-m2xQYezAtqh7ai59hJYW_AySPyikQrZReizgrnuw.ttf) format('truetype');
|
24
|
+
}
|
25
|
+
@font-face {
|
26
|
+
font-family: 'Slackey';
|
27
|
+
font-style: normal;
|
28
|
+
font-weight: 400;
|
29
|
+
src: local('Slackey'), url(../../themes.googleusercontent.com/static/fonts/slackey/v3/bJZDrYrGx8atJRHR9DVdqg.ttf) format('truetype');
|
30
|
+
}
|
@@ -0,0 +1,158 @@
|
|
1
|
+
/*
|
2
|
+
Date: 17.V.2011
|
3
|
+
Author: pumbur <pumbur@pumbur.net>
|
4
|
+
*/
|
5
|
+
|
6
|
+
pre code
|
7
|
+
{
|
8
|
+
display: block; padding: 0.5em;
|
9
|
+
background: #222;
|
10
|
+
}
|
11
|
+
|
12
|
+
pre .profile .header *,
|
13
|
+
pre .ini .title,
|
14
|
+
pre .nginx .title
|
15
|
+
{
|
16
|
+
color: #fff;
|
17
|
+
}
|
18
|
+
|
19
|
+
pre .comment,
|
20
|
+
pre .javadoc,
|
21
|
+
pre .preprocessor,
|
22
|
+
pre .preprocessor .title,
|
23
|
+
pre .shebang,
|
24
|
+
pre .profile .summary,
|
25
|
+
pre .diff,
|
26
|
+
pre .pi,
|
27
|
+
pre .doctype,
|
28
|
+
pre .tag,
|
29
|
+
pre .template_comment,
|
30
|
+
pre .css .rules,
|
31
|
+
pre .tex .special
|
32
|
+
{
|
33
|
+
color: #444;
|
34
|
+
}
|
35
|
+
|
36
|
+
pre .string,
|
37
|
+
pre .symbol,
|
38
|
+
pre .diff .change,
|
39
|
+
pre .regexp,
|
40
|
+
pre .xml .attribute,
|
41
|
+
pre .smalltalk .char,
|
42
|
+
pre .xml .value,
|
43
|
+
pre .ini .value,
|
44
|
+
pre .clojure .attribute
|
45
|
+
{
|
46
|
+
color: #ffcc33;
|
47
|
+
}
|
48
|
+
|
49
|
+
pre .number,
|
50
|
+
pre .addition
|
51
|
+
{
|
52
|
+
color: #00cc66;
|
53
|
+
}
|
54
|
+
|
55
|
+
pre .built_in,
|
56
|
+
pre .literal,
|
57
|
+
pre .vhdl .typename,
|
58
|
+
pre .go .constant,
|
59
|
+
pre .go .typename,
|
60
|
+
pre .ini .keyword,
|
61
|
+
pre .lua .title,
|
62
|
+
pre .perl .variable,
|
63
|
+
pre .php .variable,
|
64
|
+
pre .mel .variable,
|
65
|
+
pre .django .variable,
|
66
|
+
pre .css .funtion,
|
67
|
+
pre .smalltalk .method,
|
68
|
+
pre .hexcolor,
|
69
|
+
pre .important,
|
70
|
+
pre .flow,
|
71
|
+
pre .inheritance,
|
72
|
+
pre .parser3 .variable
|
73
|
+
{
|
74
|
+
color: #32AAEE;
|
75
|
+
}
|
76
|
+
|
77
|
+
pre .keyword,
|
78
|
+
pre .tag .title,
|
79
|
+
pre .css .tag,
|
80
|
+
pre .css .class,
|
81
|
+
pre .css .id,
|
82
|
+
pre .css .pseudo,
|
83
|
+
pre .css .attr_selector,
|
84
|
+
pre .lisp .title,
|
85
|
+
pre .clojure .built_in,
|
86
|
+
pre .winutils,
|
87
|
+
pre .tex .command,
|
88
|
+
pre .request,
|
89
|
+
pre .status
|
90
|
+
{
|
91
|
+
color: #6644aa;
|
92
|
+
}
|
93
|
+
|
94
|
+
pre .title,
|
95
|
+
pre .ruby .constant,
|
96
|
+
pre .vala .constant,
|
97
|
+
pre .parent,
|
98
|
+
pre .deletion,
|
99
|
+
pre .template_tag,
|
100
|
+
pre .css .keyword,
|
101
|
+
pre .objectivec .class .id,
|
102
|
+
pre .smalltalk .class,
|
103
|
+
pre .lisp .keyword,
|
104
|
+
pre .apache .tag,
|
105
|
+
pre .nginx .variable,
|
106
|
+
pre .envvar,
|
107
|
+
pre .bash .variable,
|
108
|
+
pre .go .built_in,
|
109
|
+
pre .vbscript .built_in,
|
110
|
+
pre .lua .built_in,
|
111
|
+
pre .rsl .built_in,
|
112
|
+
pre .tail,
|
113
|
+
pre .avrasm .label,
|
114
|
+
pre .tex .formula,
|
115
|
+
pre .tex .formula *
|
116
|
+
{
|
117
|
+
color: #bb1166;
|
118
|
+
}
|
119
|
+
|
120
|
+
pre .yardoctag,
|
121
|
+
pre .phpdoc,
|
122
|
+
pre .profile .header,
|
123
|
+
pre .ini .title,
|
124
|
+
pre .apache .tag,
|
125
|
+
pre .parser3 .title
|
126
|
+
{
|
127
|
+
font-weight: bold;
|
128
|
+
}
|
129
|
+
|
130
|
+
pre .coffeescript .javascript,
|
131
|
+
pre .javascript .xml,
|
132
|
+
pre .tex .formula,
|
133
|
+
pre .xml .javascript,
|
134
|
+
pre .xml .vbscript,
|
135
|
+
pre .xml .css,
|
136
|
+
pre .xml .cdata
|
137
|
+
{
|
138
|
+
opacity: 0.6;
|
139
|
+
}
|
140
|
+
|
141
|
+
pre code,
|
142
|
+
pre .javascript,
|
143
|
+
pre .css,
|
144
|
+
pre .xml,
|
145
|
+
pre .subst,
|
146
|
+
pre .diff .chunk,
|
147
|
+
pre .css .value,
|
148
|
+
pre .css .attribute,
|
149
|
+
pre .lisp .string,
|
150
|
+
pre .lisp .number,
|
151
|
+
pre .tail .params,
|
152
|
+
pre .container,
|
153
|
+
pre .haskell *,
|
154
|
+
pre .erlang *,
|
155
|
+
pre .erlang_repl *
|
156
|
+
{
|
157
|
+
color: #aaa;
|
158
|
+
}
|
@@ -0,0 +1,50 @@
|
|
1
|
+
/*
|
2
|
+
|
3
|
+
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
|
4
|
+
|
5
|
+
*/
|
6
|
+
|
7
|
+
pre code {
|
8
|
+
display: block; padding: 0.5em;
|
9
|
+
background: white; color: black;
|
10
|
+
}
|
11
|
+
|
12
|
+
pre .string,
|
13
|
+
pre .tag .value,
|
14
|
+
pre .filter .argument,
|
15
|
+
pre .addition,
|
16
|
+
pre .change,
|
17
|
+
pre .apache .tag,
|
18
|
+
pre .apache .cbracket,
|
19
|
+
pre .nginx .built_in,
|
20
|
+
pre .tex .formula {
|
21
|
+
color: #888;
|
22
|
+
}
|
23
|
+
|
24
|
+
pre .comment,
|
25
|
+
pre .template_comment,
|
26
|
+
pre .shebang,
|
27
|
+
pre .doctype,
|
28
|
+
pre .pi,
|
29
|
+
pre .javadoc,
|
30
|
+
pre .deletion,
|
31
|
+
pre .apache .sqbracket {
|
32
|
+
color: #CCC;
|
33
|
+
}
|
34
|
+
|
35
|
+
pre .keyword,
|
36
|
+
pre .tag .title,
|
37
|
+
pre .ini .title,
|
38
|
+
pre .lisp .title,
|
39
|
+
pre .clojure .title,
|
40
|
+
pre .http .title,
|
41
|
+
pre .nginx .title,
|
42
|
+
pre .css .tag,
|
43
|
+
pre .winutils,
|
44
|
+
pre .flow,
|
45
|
+
pre .apache .tag,
|
46
|
+
pre .tex .command,
|
47
|
+
pre .request,
|
48
|
+
pre .status {
|
49
|
+
font-weight: bold;
|
50
|
+
}
|
@@ -0,0 +1,104 @@
|
|
1
|
+
/*
|
2
|
+
|
3
|
+
Brown Paper style from goldblog.com.ua (c) Zaripov Yura <yur4ik7@ukr.net>
|
4
|
+
|
5
|
+
*/
|
6
|
+
|
7
|
+
pre code {
|
8
|
+
display: block; padding: 0.5em;
|
9
|
+
background:#b7a68e url(./brown_papersq.png);
|
10
|
+
}
|
11
|
+
|
12
|
+
pre .keyword,
|
13
|
+
pre .literal,
|
14
|
+
pre .change,
|
15
|
+
pre .winutils,
|
16
|
+
pre .flow,
|
17
|
+
pre .lisp .title,
|
18
|
+
pre .clojure .built_in,
|
19
|
+
pre .nginx .title,
|
20
|
+
pre .tex .special,
|
21
|
+
pre .request,
|
22
|
+
pre .status {
|
23
|
+
color:#005599;
|
24
|
+
font-weight:bold;
|
25
|
+
}
|
26
|
+
|
27
|
+
pre code,
|
28
|
+
pre .subst,
|
29
|
+
pre .tag .keyword {
|
30
|
+
color: #363C69;
|
31
|
+
}
|
32
|
+
|
33
|
+
pre .string,
|
34
|
+
pre .title,
|
35
|
+
pre .haskell .type,
|
36
|
+
pre .tag .value,
|
37
|
+
pre .css .rules .value,
|
38
|
+
pre .preprocessor,
|
39
|
+
pre .ruby .symbol,
|
40
|
+
pre .ruby .symbol .string,
|
41
|
+
pre .ruby .class .parent,
|
42
|
+
pre .built_in,
|
43
|
+
pre .sql .aggregate,
|
44
|
+
pre .django .template_tag,
|
45
|
+
pre .django .variable,
|
46
|
+
pre .smalltalk .class,
|
47
|
+
pre .javadoc,
|
48
|
+
pre .ruby .string,
|
49
|
+
pre .django .filter .argument,
|
50
|
+
pre .smalltalk .localvars,
|
51
|
+
pre .smalltalk .array,
|
52
|
+
pre .attr_selector,
|
53
|
+
pre .pseudo,
|
54
|
+
pre .addition,
|
55
|
+
pre .stream,
|
56
|
+
pre .envvar,
|
57
|
+
pre .apache .tag,
|
58
|
+
pre .apache .cbracket,
|
59
|
+
pre .tex .number {
|
60
|
+
color: #2C009F;
|
61
|
+
}
|
62
|
+
|
63
|
+
pre .comment,
|
64
|
+
pre .java .annotation,
|
65
|
+
pre .python .decorator,
|
66
|
+
pre .template_comment,
|
67
|
+
pre .pi,
|
68
|
+
pre .doctype,
|
69
|
+
pre .deletion,
|
70
|
+
pre .shebang,
|
71
|
+
pre .apache .sqbracket,
|
72
|
+
pre .nginx .built_in,
|
73
|
+
pre .tex .formula {
|
74
|
+
color: #802022;
|
75
|
+
}
|
76
|
+
|
77
|
+
pre .keyword,
|
78
|
+
pre .literal,
|
79
|
+
pre .css .id,
|
80
|
+
pre .phpdoc,
|
81
|
+
pre .title,
|
82
|
+
pre .haskell .type,
|
83
|
+
pre .vbscript .built_in,
|
84
|
+
pre .sql .aggregate,
|
85
|
+
pre .rsl .built_in,
|
86
|
+
pre .smalltalk .class,
|
87
|
+
pre .diff .header,
|
88
|
+
pre .chunk,
|
89
|
+
pre .winutils,
|
90
|
+
pre .bash .variable,
|
91
|
+
pre .apache .tag,
|
92
|
+
pre .tex .command {
|
93
|
+
font-weight: bold;
|
94
|
+
}
|
95
|
+
|
96
|
+
pre .coffeescript .javascript,
|
97
|
+
pre .javascript .xml,
|
98
|
+
pre .tex .formula,
|
99
|
+
pre .xml .javascript,
|
100
|
+
pre .xml .vbscript,
|
101
|
+
pre .xml .css,
|
102
|
+
pre .xml .cdata {
|
103
|
+
opacity: 0.8;
|
104
|
+
}
|