rack-pagespeed 1.0.9 → 1.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/Gemfile +2 -3
- data/Rakefile +7 -8
- data/VERSION +1 -1
- data/rack-pagespeed.gemspec +23 -61
- metadata +107 -157
- data/spec/fixtures/zecoolwebsite/css/awesomebydesign.css +0 -94
- data/spec/fixtures/zecoolwebsite/css/reset.css +0 -190
- data/spec/fixtures/zecoolwebsite/img/bg-idevice.png +0 -0
- data/spec/fixtures/zecoolwebsite/img/bg.png +0 -0
- data/spec/fixtures/zecoolwebsite/img/bottom-left-arrow.png +0 -0
- data/spec/fixtures/zecoolwebsite/img/bottom-right-arrow.png +0 -0
- data/spec/fixtures/zecoolwebsite/img/consulting-arrow.png +0 -0
- data/spec/fixtures/zecoolwebsite/img/design-arrow.png +0 -0
- data/spec/fixtures/zecoolwebsite/img/prototyping-arrow.png +0 -0
- data/spec/fixtures/zecoolwebsite/img/top-left-arrow.png +0 -0
- data/spec/fixtures/zecoolwebsite/img/top-right-arrow.png +0 -0
- data/spec/fixtures/zecoolwebsite/img/webdev-arrow.png +0 -0
- data/spec/fixtures/zecoolwebsite/index.html +0 -87
- data/spec/fixtures/zecoolwebsite/js/awesomebydesign.js +0 -103
- data/spec/fixtures/zecoolwebsite/js/jquery-1.4.2.min.js +0 -154
- data/spec/fixtures/zecoolwebsite/js/modernizr-1.5.min.js +0 -28
- data/spec/fixtures/zecoolwebsite/js/sayhi.js +0 -1
- data/spec/integration/integration_spec.rb +0 -54
@@ -1,94 +0,0 @@
|
|
1
|
-
/* @font-face */
|
2
|
-
@font-face {
|
3
|
-
font-family: 'ElogyRegular';
|
4
|
-
src: url('elogy-webfont.eot');
|
5
|
-
src: local('☺'), url('/fonts/elogy-webfont.woff') format('woff'), url('/fonts/elogy-webfont.ttf') format('truetype'), url('/fonts/elogy-webfont.svg#webfont') format('svg');
|
6
|
-
font-weight: normal;
|
7
|
-
font-style: normal;
|
8
|
-
}
|
9
|
-
|
10
|
-
html, body { height: 100% }
|
11
|
-
body { background: #FFFFFF url(/img/bg.png) repeat; font-family: 'ElogyRegular', 'Helvetica Neue', 'Helvetica'; padding: 1em }
|
12
|
-
a { color: #007bee; text-decoration: none }
|
13
|
-
a:hover { text-decoration: underline }
|
14
|
-
|
15
|
-
section#what-we-do > h1 { font-size: 7em }
|
16
|
-
section#what-we-do > p { font-size: 2em }
|
17
|
-
html.no-csstransforms section#what-we-do { margin-bottom: 2em }
|
18
|
-
section.floating h1 { font-size: 4em }
|
19
|
-
section.floating ul { padding: 0.5em; font-size: 1.8em }
|
20
|
-
img.arrow { display: none }
|
21
|
-
span.love { font-family: Arial } /* ensure love hearts appear ;) */
|
22
|
-
|
23
|
-
html.csstransforms body { overflow: hidden; padding: 0 }
|
24
|
-
html.csstransforms section { position: absolute }
|
25
|
-
html.csstransforms section.floating > ul { position: absolute; display: none; z-index: 100; background: #FFF; border: 1px solid #CCC }
|
26
|
-
html.csstransforms section.floating > hr { display: none; border: 0 }
|
27
|
-
html.csstransforms.boxshadow section.floating > ul { -moz-box-shadow: 0 0 5px #CCCCCC; -webkit-box-shadow: 0 0 5px #CCCCCC; box-shadow: 0 0 5px #CCCCCC }
|
28
|
-
html.csstransforms section#what-we-do { position: relative; top: 50%; width: 500px; margin: 0 auto; margin-top: -7em }
|
29
|
-
html.csstransforms.fontface section#what-we-do > p { margin-top: -1em }
|
30
|
-
html.csstransforms section#prototyping { top: 70px; left: 100px }
|
31
|
-
html.csstransforms section#prototyping h1 { font-size: 4em }
|
32
|
-
html.csstransforms section#design { top: 50px; right: 200px }
|
33
|
-
html.csstransforms section#design h1 { font-size: 4.5em }
|
34
|
-
html.csstransforms section#web-development { bottom: 100px; left: 100px }
|
35
|
-
html.csstransforms section#web-development h1 { font-size: 5.5em }
|
36
|
-
html.csstransforms section#consulting { right: 200px; bottom: 150px }
|
37
|
-
html.csstransforms section#consulting h1 { font-size: 6em }
|
38
|
-
|
39
|
-
html.csstransforms section hr { position: absolute }
|
40
|
-
html.csstransforms section#prototyping h1 { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg) }
|
41
|
-
html.csstransforms section#prototyping ul { right: -540px; top: -20px; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg) }
|
42
|
-
html.csstransforms section#prototyping hr { top: -30px; right: -120px; background: url(/img/prototyping-arrow.png) no-repeat; height: 31px; width: 110px }
|
43
|
-
html.csstransforms section#design h1 { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -o-transform: rotate(15deg) }
|
44
|
-
html.csstransforms section#design ul { left: -300px; top: 100px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg) }
|
45
|
-
html.csstransforms section#design hr { top: -6px; left: -127px; background: url(/img/design-arrow.png) no-repeat; height: 71px; width: 110px }
|
46
|
-
html.csstransforms section#web-development h1 { -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg) }
|
47
|
-
html.csstransforms section#web-development ul { top: -220px; left: -20px; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg) }
|
48
|
-
html.csstransforms section#web-development hr { top: -50px; left: 67px; background: url(/img/webdev-arrow.png) no-repeat; height: 74px; width: 12px }
|
49
|
-
html.csstransforms section#consulting h1 { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg) }
|
50
|
-
html.csstransforms section#consulting ul { top: -20px; left: -400px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg) }
|
51
|
-
html.csstransforms section#consulting hr { top: 75px; left: -55px; background: url(/img/consulting-arrow.png) no-repeat; height: 21px; width: 89px }
|
52
|
-
html.csstransforms img.arrow { position: absolute }
|
53
|
-
|
54
|
-
@media screen and (max-device-width: 480px) {
|
55
|
-
hr, img.arrow { display: none !important }
|
56
|
-
section,
|
57
|
-
section.floating > ul { position: static !important }
|
58
|
-
|
59
|
-
body { background: #FFFFFF url(/img/bg-idevice.png) repeat; padding: 10px !important }
|
60
|
-
html, body { height: auto !important;}
|
61
|
-
section { margin: 0 !important }
|
62
|
-
section#what-we-do { margin-bottom: 10px !important; width: auto !important }
|
63
|
-
section#what-we-do h1 { font-size: 5em !important }
|
64
|
-
section#what-we-do p { font-size: 1.8em; margin-top: -1em }
|
65
|
-
section h1 { font-size: 3em !important; -webkit-transform: none !important }
|
66
|
-
section.floating > ul { display: block !important; margin: 0.5em auto; width: 80% }
|
67
|
-
}
|
68
|
-
|
69
|
-
@media all and (max-device-width: 480px) and (orientation:portrait) {
|
70
|
-
body { width: 320px }
|
71
|
-
}
|
72
|
-
|
73
|
-
@media all and (max-device-width: 480px) and (orientation:landscape) {
|
74
|
-
body { width: 480px }
|
75
|
-
}
|
76
|
-
|
77
|
-
@media all and (min-device-width: 481px) and (max-device-width: 1024px) {
|
78
|
-
hr, img.arrow { display: none !important }
|
79
|
-
section,
|
80
|
-
section.floating > ul { position: static !important }
|
81
|
-
body { background: #FFFFFF url(/img/bg-idevice.png) repeat; padding: 10px !important }
|
82
|
-
html, body { height: auto !important }
|
83
|
-
section { margin: 0 !important }
|
84
|
-
section#what-we-do { margin-bottom: 10px !important; width: auto !important }
|
85
|
-
section#what-we-do h1 { font-size: 5em !important }
|
86
|
-
section#what-we-do p { font-size: 1.8em; margin-top: -1em }
|
87
|
-
section h1 { font-size: 3em !important; -webkit-transform: none !important }
|
88
|
-
section.floating > h1 { margin-bottom: 0.2em }
|
89
|
-
section.floating > ul { display: block !important; margin: 0.5em auto; width: 90% }
|
90
|
-
html.csstransforms section#prototyping ul { -webkit-transform: rotate(1deg) }
|
91
|
-
html.csstransforms section#design ul { -webkit-transform: rotate(-1deg) }
|
92
|
-
html.csstransforms section#web-development ul { -webkit-transform: rotate(1deg) }
|
93
|
-
html.csstransforms section#consulting ul { -webkit-transform: rotate(-1deg) }
|
94
|
-
}
|
@@ -1,190 +0,0 @@
|
|
1
|
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
|
2
|
-
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
3
|
-
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
|
4
|
-
time, mark, audio, video {
|
5
|
-
margin: 0;
|
6
|
-
padding: 0;
|
7
|
-
border: 0;
|
8
|
-
outline: 0;
|
9
|
-
font-size: 100%;
|
10
|
-
vertical-align: baseline;
|
11
|
-
background: transparent
|
12
|
-
}
|
13
|
-
article, aside, figure, footer, header, nav, section { display: block }
|
14
|
-
body { font: 13px sans-serif; *font-size: small; *font: x-small; line-height: 1.22 }
|
15
|
-
table { font-size: inherit; font: 100% }
|
16
|
-
select, input, textarea { font: 99% sans-serif }
|
17
|
-
pre, code, kbd, samp { font-family: monospace, sans-serif }
|
18
|
-
|
19
|
-
h1, h2 { font-weight: bold }
|
20
|
-
html { -webkit-font-smoothing: antialiased }
|
21
|
-
a:hover, a:active, a { outline: none }
|
22
|
-
a:link { -webkit-tap-highlight-color: #FF5E99 }
|
23
|
-
::-moz-selection{ background: #F400BF; color: #FFF; text-shadow: none }
|
24
|
-
::selection { background: #F400BF; color: #FFF; text-shadow: none }
|
25
|
-
.ie7 img { -ms-interpolation-mode: bicubic }
|
26
|
-
ul { list-style-type: none; list-style-position: inside }
|
27
|
-
|
28
|
-
/* I know this is stupid, but I'm increasing the size of this file on purpose*/
|
29
|
-
|
30
|
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
|
31
|
-
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
32
|
-
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
|
33
|
-
time, mark, audio, video {
|
34
|
-
margin: 0;
|
35
|
-
padding: 0;
|
36
|
-
border: 0;
|
37
|
-
outline: 0;
|
38
|
-
font-size: 100%;
|
39
|
-
vertical-align: baseline;
|
40
|
-
background: transparent
|
41
|
-
}
|
42
|
-
article, aside, figure, footer, header, nav, section { display: block }
|
43
|
-
body { font: 13px sans-serif; *font-size: small; *font: x-small; line-height: 1.22 }
|
44
|
-
table { font-size: inherit; font: 100% }
|
45
|
-
select, input, textarea { font: 99% sans-serif }
|
46
|
-
pre, code, kbd, samp { font-family: monospace, sans-serif }
|
47
|
-
|
48
|
-
h1, h2 { font-weight: bold }
|
49
|
-
html { -webkit-font-smoothing: antialiased }
|
50
|
-
a:hover, a:active, a { outline: none }
|
51
|
-
a:link { -webkit-tap-highlight-color: #FF5E99 }
|
52
|
-
::-moz-selection{ background: #F400BF; color: #FFF; text-shadow: none }
|
53
|
-
::selection { background: #F400BF; color: #FFF; text-shadow: none }
|
54
|
-
.ie7 img { -ms-interpolation-mode: bicubic }
|
55
|
-
ul { list-style-type: none; list-style-position: inside }
|
56
|
-
|
57
|
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
|
58
|
-
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
59
|
-
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
|
60
|
-
time, mark, audio, video {
|
61
|
-
margin: 0;
|
62
|
-
padding: 0;
|
63
|
-
border: 0;
|
64
|
-
outline: 0;
|
65
|
-
font-size: 100%;
|
66
|
-
vertical-align: baseline;
|
67
|
-
background: transparent
|
68
|
-
}
|
69
|
-
article, aside, figure, footer, header, nav, section { display: block }
|
70
|
-
body { font: 13px sans-serif; *font-size: small; *font: x-small; line-height: 1.22 }
|
71
|
-
table { font-size: inherit; font: 100% }
|
72
|
-
select, input, textarea { font: 99% sans-serif }
|
73
|
-
pre, code, kbd, samp { font-family: monospace, sans-serif }
|
74
|
-
|
75
|
-
h1, h2 { font-weight: bold }
|
76
|
-
html { -webkit-font-smoothing: antialiased }
|
77
|
-
a:hover, a:active, a { outline: none }
|
78
|
-
a:link { -webkit-tap-highlight-color: #FF5E99 }
|
79
|
-
::-moz-selection{ background: #F400BF; color: #FFF; text-shadow: none }
|
80
|
-
::selection { background: #F400BF; color: #FFF; text-shadow: none }
|
81
|
-
.ie7 img { -ms-interpolation-mode: bicubic }
|
82
|
-
ul { list-style-type: none; list-style-position: inside }
|
83
|
-
|
84
|
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
|
85
|
-
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
86
|
-
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
|
87
|
-
time, mark, audio, video {
|
88
|
-
margin: 0;
|
89
|
-
padding: 0;
|
90
|
-
border: 0;
|
91
|
-
outline: 0;
|
92
|
-
font-size: 100%;
|
93
|
-
vertical-align: baseline;
|
94
|
-
background: transparent
|
95
|
-
}
|
96
|
-
article, aside, figure, footer, header, nav, section { display: block }
|
97
|
-
body { font: 13px sans-serif; *font-size: small; *font: x-small; line-height: 1.22 }
|
98
|
-
table { font-size: inherit; font: 100% }
|
99
|
-
select, input, textarea { font: 99% sans-serif }
|
100
|
-
pre, code, kbd, samp { font-family: monospace, sans-serif }
|
101
|
-
|
102
|
-
h1, h2 { font-weight: bold }
|
103
|
-
html { -webkit-font-smoothing: antialiased }
|
104
|
-
a:hover, a:active, a { outline: none }
|
105
|
-
a:link { -webkit-tap-highlight-color: #FF5E99 }
|
106
|
-
::-moz-selection{ background: #F400BF; color: #FFF; text-shadow: none }
|
107
|
-
::selection { background: #F400BF; color: #FFF; text-shadow: none }
|
108
|
-
.ie7 img { -ms-interpolation-mode: bicubic }
|
109
|
-
ul { list-style-type: none; list-style-position: inside }
|
110
|
-
|
111
|
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
|
112
|
-
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
113
|
-
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
|
114
|
-
time, mark, audio, video {
|
115
|
-
margin: 0;
|
116
|
-
padding: 0;
|
117
|
-
border: 0;
|
118
|
-
outline: 0;
|
119
|
-
font-size: 100%;
|
120
|
-
vertical-align: baseline;
|
121
|
-
background: transparent
|
122
|
-
}
|
123
|
-
article, aside, figure, footer, header, nav, section { display: block }
|
124
|
-
body { font: 13px sans-serif; *font-size: small; *font: x-small; line-height: 1.22 }
|
125
|
-
table { font-size: inherit; font: 100% }
|
126
|
-
select, input, textarea { font: 99% sans-serif }
|
127
|
-
pre, code, kbd, samp { font-family: monospace, sans-serif }
|
128
|
-
|
129
|
-
h1, h2 { font-weight: bold }
|
130
|
-
html { -webkit-font-smoothing: antialiased }
|
131
|
-
a:hover, a:active, a { outline: none }
|
132
|
-
a:link { -webkit-tap-highlight-color: #FF5E99 }
|
133
|
-
::-moz-selection{ background: #F400BF; color: #FFF; text-shadow: none }
|
134
|
-
::selection { background: #F400BF; color: #FFF; text-shadow: none }
|
135
|
-
.ie7 img { -ms-interpolation-mode: bicubic }
|
136
|
-
ul { list-style-type: none; list-style-position: inside }
|
137
|
-
|
138
|
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
|
139
|
-
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
140
|
-
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
|
141
|
-
time, mark, audio, video {
|
142
|
-
margin: 0;
|
143
|
-
padding: 0;
|
144
|
-
border: 0;
|
145
|
-
outline: 0;
|
146
|
-
font-size: 100%;
|
147
|
-
vertical-align: baseline;
|
148
|
-
background: transparent
|
149
|
-
}
|
150
|
-
article, aside, figure, footer, header, nav, section { display: block }
|
151
|
-
body { font: 13px sans-serif; *font-size: small; *font: x-small; line-height: 1.22 }
|
152
|
-
table { font-size: inherit; font: 100% }
|
153
|
-
select, input, textarea { font: 99% sans-serif }
|
154
|
-
pre, code, kbd, samp { font-family: monospace, sans-serif }
|
155
|
-
|
156
|
-
h1, h2 { font-weight: bold }
|
157
|
-
html { -webkit-font-smoothing: antialiased }
|
158
|
-
a:hover, a:active, a { outline: none }
|
159
|
-
a:link { -webkit-tap-highlight-color: #FF5E99 }
|
160
|
-
::-moz-selection{ background: #F400BF; color: #FFF; text-shadow: none }
|
161
|
-
::selection { background: #F400BF; color: #FFF; text-shadow: none }
|
162
|
-
.ie7 img { -ms-interpolation-mode: bicubic }
|
163
|
-
ul { list-style-type: none; list-style-position: inside }
|
164
|
-
|
165
|
-
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
|
166
|
-
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
167
|
-
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
|
168
|
-
time, mark, audio, video {
|
169
|
-
margin: 0;
|
170
|
-
padding: 0;
|
171
|
-
border: 0;
|
172
|
-
outline: 0;
|
173
|
-
font-size: 100%;
|
174
|
-
vertical-align: baseline;
|
175
|
-
background: transparent
|
176
|
-
}
|
177
|
-
article, aside, figure, footer, header, nav, section { display: block }
|
178
|
-
body { font: 13px sans-serif; *font-size: small; *font: x-small; line-height: 1.22 }
|
179
|
-
table { font-size: inherit; font: 100% }
|
180
|
-
select, input, textarea { font: 99% sans-serif }
|
181
|
-
pre, code, kbd, samp { font-family: monospace, sans-serif }
|
182
|
-
|
183
|
-
h1, h2 { font-weight: bold }
|
184
|
-
html { -webkit-font-smoothing: antialiased }
|
185
|
-
a:hover, a:active, a { outline: none }
|
186
|
-
a:link { -webkit-tap-highlight-color: #FF5E99 }
|
187
|
-
::-moz-selection{ background: #F400BF; color: #FFF; text-shadow: none }
|
188
|
-
::selection { background: #F400BF; color: #FFF; text-shadow: none }
|
189
|
-
.ie7 img { -ms-interpolation-mode: bicubic }
|
190
|
-
ul { list-style-type: none; list-style-position: inside }
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,87 +0,0 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html lang="en" class="no-js">
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8" />
|
5
|
-
<title>Awesome by Design</title>
|
6
|
-
<meta name="description" content="Awesome by Design, web development, design, prototyping, consulting" />
|
7
|
-
<meta name="author" content="Julio Cesar Ody" />
|
8
|
-
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
|
9
|
-
<link rel="shortcut icon" href="/favicon.ico" />
|
10
|
-
<link rel="stylesheet" href="css/reset.css" />
|
11
|
-
<link rel="stylesheet" href="css/awesomebydesign.css" />
|
12
|
-
<script src="js/modernizr-1.5.min.js"></script>
|
13
|
-
</head>
|
14
|
-
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
|
15
|
-
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
|
16
|
-
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
|
17
|
-
<!--[if IE 9 ]> <body class="ie9"> <![endif]-->
|
18
|
-
<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
|
19
|
-
<img id="top-left-arrow" src="/img/top-left-arrow.png" class="arrow" />
|
20
|
-
<img id="top-right-arrow" src="/img/top-right-arrow.png" class="arrow" />
|
21
|
-
<img id="bottom-left-arrow" src="/img/bottom-left-arrow.png" class="arrow" />
|
22
|
-
<img id="bottom-right-arrow" src="/img/bottom-right-arrow.png" class="arrow" />
|
23
|
-
<section id="what-we-do">
|
24
|
-
<h1>What do I do?</h1>
|
25
|
-
<p>
|
26
|
-
<a href="mailto:julio@awesomebydesign.com">julio@awesomebydesign.com</a>
|
27
|
-
or <a href="http://twitter.com/julio_ody">@julio_ody</a>
|
28
|
-
</p>
|
29
|
-
</section>
|
30
|
-
<section id="prototyping" class="floating">
|
31
|
-
<h1>
|
32
|
-
<a href="#explain-prototyping">prototyping</a>
|
33
|
-
</h1>
|
34
|
-
<hr />
|
35
|
-
<ul id="explain-prototyping">
|
36
|
-
<li>From an idea to a functional interface in 24 hours.</li>
|
37
|
-
<li>Mockup-driven release planning.</li>
|
38
|
-
<li>Make decisions based on what you see!</li>
|
39
|
-
</ul>
|
40
|
-
</section>
|
41
|
-
<section id="design" class="floating">
|
42
|
-
<h1>
|
43
|
-
<a href="#explain-design">design</a>
|
44
|
-
</h1>
|
45
|
-
<hr />
|
46
|
-
<ul id="explain-design">
|
47
|
-
<li>Rich, illustrated visuals.</li>
|
48
|
-
<li>Modern, appealing, and *usable*.</li>
|
49
|
-
</ul>
|
50
|
-
</section>
|
51
|
-
<section id="web-development" class="floating">
|
52
|
-
<h1>
|
53
|
-
<a href="#explain-web-development">web development</a>
|
54
|
-
</h1>
|
55
|
-
<hr />
|
56
|
-
<ul id="explain-web-development">
|
57
|
-
<li><span class="love">♥</span> %w(Ruby Sinatra Rails Rack)</li>
|
58
|
-
<li>Cutting edge, progressively enhanced, iPhone/iPad friendly HTML5 / CSS3 front end coding.</li>
|
59
|
-
<li>MAD JavaScript, node.js and jQuery stuff.</li>
|
60
|
-
<li>Check out my <a href="http://github.com/juliocesar">Github profile</a> for a lot more!</li>
|
61
|
-
</ul>
|
62
|
-
</section>
|
63
|
-
<section id="consulting" class="floating">
|
64
|
-
<h1>
|
65
|
-
<a href="#explain-consulting">consulting</a>
|
66
|
-
</h1>
|
67
|
-
<hr />
|
68
|
-
<ul id="explain-consulting">
|
69
|
-
<li>How to get from A to Z with software.</li>
|
70
|
-
<li>Scalability planning.</li>
|
71
|
-
<li>Doing less in-house.</li>
|
72
|
-
</ul>
|
73
|
-
</section>
|
74
|
-
<script src="js/sayhi.js"></script>
|
75
|
-
<script src="js/jquery-1.4.2.min.js"></script>
|
76
|
-
<script src="js/awesomebydesign.js"></script>
|
77
|
-
<script>
|
78
|
-
var _gaq = [['_setAccount', 'UA-18277319-1'], ['_trackPageview']];
|
79
|
-
(function(d, t) {
|
80
|
-
var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
|
81
|
-
g.async = true;
|
82
|
-
g.src = '//www.google-analytics.com/ga.js';
|
83
|
-
s.parentNode.insertBefore(g, s);
|
84
|
-
})(document, 'script');
|
85
|
-
</script>
|
86
|
-
</body>
|
87
|
-
</html>
|
@@ -1,103 +0,0 @@
|
|
1
|
-
(function($) {
|
2
|
-
var whatWeDo = $('section#what-we-do'),
|
3
|
-
topLeft = $('img#top-left-arrow'),
|
4
|
-
topRight = $('img#top-right-arrow'),
|
5
|
-
bottomLeft = $('img#bottom-left-arrow'),
|
6
|
-
bottomRight = $('img#bottom-right-arrow'),
|
7
|
-
prototyping = $('section#prototyping'),
|
8
|
-
webdev = $('section#web-development'),
|
9
|
-
design = $('section#design'),
|
10
|
-
consulting = $('section#consulting'),
|
11
|
-
cool = (Modernizr.csstransforms && Modernizr.fontface),
|
12
|
-
iDevice = !!navigator.userAgent.match(/iPhone|iPad/);
|
13
|
-
|
14
|
-
if (!cool || iDevice) return false;
|
15
|
-
|
16
|
-
$(window).resize(function() {
|
17
|
-
var offset = whatWeDo.offset();
|
18
|
-
|
19
|
-
var points = {
|
20
|
-
topLeft: {
|
21
|
-
left: (offset.left - ($(topLeft).outerWidth() / 100 * 120)),
|
22
|
-
top: (offset.top - ($(topLeft).outerHeight() / 100 * 90)),
|
23
|
-
height: ((offset.top) - (prototyping.offset().top + prototyping.outerHeight())),
|
24
|
-
width: (offset.left - (prototyping.offset().left + (prototyping.outerWidth() / 100 * 50)))
|
25
|
-
},
|
26
|
-
topRight: {
|
27
|
-
left: (offset.left + (whatWeDo.outerWidth() / 100 * 90)),
|
28
|
-
top: (offset.top - $(topRight).outerHeight()),
|
29
|
-
height: (offset.top - (design.offset().top + design.outerHeight())),
|
30
|
-
width: ((design.offset().left + (design.outerWidth() / 100 * 65)) - (offset.left + whatWeDo.outerWidth()))
|
31
|
-
},
|
32
|
-
bottomLeft: {
|
33
|
-
left: (offset.left - ($(bottomLeft).outerWidth() / 100 * 120)),
|
34
|
-
top: (offset.top + (whatWeDo.outerHeight() / 100 * 90)),
|
35
|
-
height: ((webdev.offset().top) - (offset.top + (webdev.outerHeight() / 100 * 130))),
|
36
|
-
width: ((offset.left + (webdev.outerWidth() / 100 * 50)) - (offset.left + whatWeDo.outerWidth()))
|
37
|
-
},
|
38
|
-
bottomRight: {
|
39
|
-
left: (offset.left + (whatWeDo.outerWidth() / 100 * 80)),
|
40
|
-
top: (offset.top + (whatWeDo.outerHeight() / 100 * 90)),
|
41
|
-
height: ((consulting.offset().top) - (offset.top + consulting.outerHeight())),
|
42
|
-
width: ((consulting.offset().left + (consulting.outerWidth())) - (offset.left + whatWeDo.outerWidth()))
|
43
|
-
}
|
44
|
-
}
|
45
|
-
|
46
|
-
$(topLeft).css({
|
47
|
-
left: points.topLeft.left,
|
48
|
-
top: points.topLeft.top,
|
49
|
-
height: points.topLeft.height,
|
50
|
-
width: points.topLeft.width
|
51
|
-
});
|
52
|
-
|
53
|
-
$(topRight).css({
|
54
|
-
left: points.topRight.left,
|
55
|
-
top: points.topRight.top,
|
56
|
-
height: points.topRight.height,
|
57
|
-
width: points.topRight.width
|
58
|
-
});
|
59
|
-
|
60
|
-
$(bottomLeft).css({
|
61
|
-
left: points.bottomLeft.left,
|
62
|
-
top: points.bottomLeft.top,
|
63
|
-
height: points.bottomLeft.height,
|
64
|
-
width: points.bottomLeft.width
|
65
|
-
});
|
66
|
-
|
67
|
-
$(bottomRight).css({
|
68
|
-
left: points.bottomRight.left,
|
69
|
-
top: points.bottomRight.top,
|
70
|
-
height: points.bottomRight.height,
|
71
|
-
width: points.bottomRight.width
|
72
|
-
});
|
73
|
-
});
|
74
|
-
|
75
|
-
$('section > h1 > a').toggle(
|
76
|
-
function(e) {
|
77
|
-
$('section > h1 > a.active').trigger('click').removeClass('active');
|
78
|
-
$(this).addClass('active');
|
79
|
-
$(this).parents('section')
|
80
|
-
.find('hr').fadeIn().end()
|
81
|
-
.find('ul').slideDown(300);
|
82
|
-
},
|
83
|
-
function() {
|
84
|
-
$(this).removeClass('active');
|
85
|
-
$(this).parents('section')
|
86
|
-
.find('hr').fadeOut(100).end()
|
87
|
-
.find('ul').slideUp(100);
|
88
|
-
}
|
89
|
-
);
|
90
|
-
|
91
|
-
$('body').click(function(e) {
|
92
|
-
if (e.target == this) $('section > h1 > a.active').trigger('click');
|
93
|
-
});
|
94
|
-
|
95
|
-
$(window).load(function() {
|
96
|
-
setTimeout(function() {
|
97
|
-
$('img.arrow').show();
|
98
|
-
$(window).trigger('resize');
|
99
|
-
}, 300);
|
100
|
-
});
|
101
|
-
$(window).trigger('resize');
|
102
|
-
return true;
|
103
|
-
})(jQuery);
|