rack-pagespeed 1.0.9 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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 }
@@ -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);