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.
@@ -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);