diff options
Diffstat (limited to 'website/assets')
-rw-r--r-- | website/assets/css/marketing.css | 15 | ||||
-rw-r--r-- | website/assets/css/style.css | 32 | ||||
-rw-r--r-- | website/assets/js/SVGPan.js | 281 |
3 files changed, 314 insertions, 14 deletions
diff --git a/website/assets/css/marketing.css b/website/assets/css/marketing.css index 56da20b..c7faaf3 100644 --- a/website/assets/css/marketing.css +++ b/website/assets/css/marketing.css | |||
@@ -136,7 +136,7 @@ a.pure-button-primary { | |||
136 | /* absolute center .splash within .splash-container */ | 136 | /* absolute center .splash within .splash-container */ |
137 | width: 80%; | 137 | width: 80%; |
138 | height: 50%; | 138 | height: 50%; |
139 | overflow: auto; | 139 | /*overflow: auto;*/ |
140 | margin: auto; | 140 | margin: auto; |
141 | position: absolute; | 141 | position: absolute; |
142 | top: 100px; | 142 | top: 100px; |
@@ -271,16 +271,3 @@ a.pure-button-primary { | |||
271 | font-size: 300%; | 271 | font-size: 300%; |
272 | } | 272 | } |
273 | } | 273 | } |
274 | |||
275 | /* | ||
276 | * Mods | ||
277 | */ | ||
278 | |||
279 | .pure-menu-heading { | ||
280 | text-transform: none !important; | ||
281 | } | ||
282 | |||
283 | .anchor { | ||
284 | position: relative; | ||
285 | margin-top: -5%; | ||
286 | } | ||
diff --git a/website/assets/css/style.css b/website/assets/css/style.css index e69de29..8a277f7 100644 --- a/website/assets/css/style.css +++ b/website/assets/css/style.css | |||
@@ -0,0 +1,32 @@ | |||
1 | /* | ||
2 | * Mods | ||
3 | */ | ||
4 | |||
5 | .pure-menu-heading { | ||
6 | text-transform: none !important; | ||
7 | } | ||
8 | |||
9 | .anchor { | ||
10 | position: relative; | ||
11 | margin-top: -5%; | ||
12 | } | ||
13 | |||
14 | .fullscreen { | ||
15 | position: fixed; | ||
16 | top: 0; | ||
17 | left: 0; | ||
18 | width: 100%; | ||
19 | height: 100%; | ||
20 | border: none; | ||
21 | z-index: 3; | ||
22 | overflow: hidden; | ||
23 | background-color: #2d3e50; | ||
24 | } | ||
25 | |||
26 | .overbox { | ||
27 | display: none; | ||
28 | } | ||
29 | |||
30 | .overbox:target { | ||
31 | display: block; | ||
32 | } | ||
diff --git a/website/assets/js/SVGPan.js b/website/assets/js/SVGPan.js new file mode 100644 index 0000000..e23d05a --- /dev/null +++ b/website/assets/js/SVGPan.js | |||
@@ -0,0 +1,281 @@ | |||
1 | /** | ||
2 | * SVGPan library 1.2.1 | ||
3 | * ====================== | ||
4 | * | ||
5 | * Given an unique existing element with id "viewport" (or when missing, the first g | ||
6 | * element), including the the library into any SVG adds the following capabilities: | ||
7 | * | ||
8 | * - Mouse panning | ||
9 | * - Mouse zooming (using the wheel) | ||
10 | * - Object dragging | ||
11 | * | ||
12 | * You can configure the behaviour of the pan/zoom/drag with the variables | ||
13 | * listed in the CONFIGURATION section of this file. | ||
14 | * | ||
15 | * Known issues: | ||
16 | * | ||
17 | * - Zooming (while panning) on Safari has still some issues | ||
18 | * | ||
19 | * Releases: | ||
20 | * | ||
21 | * 1.2.1, Mon Jul 4 00:33:18 CEST 2011, Andrea Leofreddi | ||
22 | * - Fixed a regression with mouse wheel (now working on Firefox 5) | ||
23 | * - Working with viewBox attribute (#4) | ||
24 | * - Added "use strict;" and fixed resulting warnings (#5) | ||
25 | * - Added configuration variables, dragging is disabled by default (#3) | ||
26 | * | ||
27 | * 1.2, Sat Mar 20 08:42:50 GMT 2010, Zeng Xiaohui | ||
28 | * Fixed a bug with browser mouse handler interaction | ||
29 | * | ||
30 | * 1.1, Wed Feb 3 17:39:33 GMT 2010, Zeng Xiaohui | ||
31 | * Updated the zoom code to support the mouse wheel on Safari/Chrome | ||
32 | * | ||
33 | * 1.0, Andrea Leofreddi | ||
34 | * First release | ||
35 | * | ||
36 | * This code is licensed under the following BSD license: | ||
37 | * | ||
38 | * Copyright 2009-2010 Andrea Leofreddi <a.leofreddi@itcharm.com>. All rights reserved. | ||
39 | * | ||
40 | * Redistribution and use in source and binary forms, with or without modification, are | ||
41 | * permitted provided that the following conditions are met: | ||
42 | * | ||
43 | * 1. Redistributions of source code must retain the above copyright notice, this list of | ||
44 | * conditions and the following disclaimer. | ||
45 | * | ||
46 | * 2. Redistributions in binary form must reproduce the above copyright notice, this list | ||
47 | * of conditions and the following disclaimer in the documentation and/or other materials | ||
48 | * provided with the distribution. | ||
49 | * | ||
50 | * THIS SOFTWARE IS PROVIDED BY Andrea Leofreddi ``AS IS'' AND ANY EXPRESS OR IMPLIED | ||
51 | * WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND | ||
52 | * FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL Andrea Leofreddi OR | ||
53 | * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | ||
54 | * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR | ||
55 | * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON | ||
56 | * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING | ||
57 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF | ||
58 | * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | ||
59 | * | ||
60 | * The views and conclusions contained in the software and documentation are those of the | ||
61 | * authors and should not be interpreted as representing official policies, either expressed | ||
62 | * or implied, of Andrea Leofreddi. | ||
63 | */ | ||
64 | |||
65 | "use strict"; | ||
66 | |||
67 | /// CONFIGURATION | ||
68 | /// ====> | ||
69 | |||
70 | var enablePan = 1; // 1 or 0: enable or disable panning (default enabled) | ||
71 | var enableZoom = 1; // 1 or 0: enable or disable zooming (default enabled) | ||
72 | var enableDrag = 0; // 1 or 0: enable or disable dragging (default disabled) | ||
73 | |||
74 | /// <==== | ||
75 | /// END OF CONFIGURATION | ||
76 | |||
77 | var root = document.documentElement; | ||
78 | |||
79 | var state = 'none', svgRoot, stateTarget, stateOrigin, stateTf; | ||
80 | |||
81 | setupHandlers(root); | ||
82 | |||
83 | /** | ||
84 | * Register handlers | ||
85 | */ | ||
86 | function setupHandlers(root){ | ||
87 | setAttributes(root, { | ||
88 | "onmouseup" : "handleMouseUp(evt)", | ||
89 | "onmousedown" : "handleMouseDown(evt)", | ||
90 | "onmousemove" : "handleMouseMove(evt)", | ||
91 | //"onmouseout" : "handleMouseUp(evt)", // Decomment this to stop the pan functionality when dragging out of the SVG element | ||
92 | }); | ||
93 | |||
94 | if(navigator.userAgent.toLowerCase().indexOf('webkit') >= 0) | ||
95 | window.addEventListener('mousewheel', handleMouseWheel, false); // Chrome/Safari | ||
96 | else | ||
97 | window.addEventListener('DOMMouseScroll', handleMouseWheel, false); // Others | ||
98 | } | ||
99 | |||
100 | /** | ||
101 | * Retrieves the root element for SVG manipulation. The element is then cached into the svgRoot global variable. | ||
102 | */ | ||
103 | function getRoot(root) { | ||
104 | if(typeof(svgRoot) == "undefined") { | ||
105 | var g = null; | ||
106 | |||
107 | g = root.getElementById("viewport"); | ||
108 | |||
109 | if(g == null) | ||
110 | g = root.getElementsByTagName('g')[0]; | ||
111 | |||
112 | if(g == null) | ||
113 | alert('Unable to obtain SVG root element'); | ||
114 | |||
115 | setCTM(g, g.getCTM()); | ||
116 | |||
117 | g.removeAttribute("viewBox"); | ||
118 | |||
119 | svgRoot = g; | ||
120 | } | ||
121 | |||
122 | return svgRoot; | ||
123 | } | ||
124 | |||
125 | /** | ||
126 | * Instance an SVGPoint object with given event coordinates. | ||
127 | */ | ||
128 | function getEventPoint(evt) { | ||
129 | var p = root.createSVGPoint(); | ||
130 | |||
131 | p.x = evt.clientX; | ||
132 | p.y = evt.clientY; | ||
133 | |||
134 | return p; | ||
135 | } | ||
136 | |||
137 | /** | ||
138 | * Sets the current transform matrix of an element. | ||
139 | */ | ||
140 | function setCTM(element, matrix) { | ||
141 | var s = "matrix(" + matrix.a + "," + matrix.b + "," + matrix.c + "," + matrix.d + "," + matrix.e + "," + matrix.f + ")"; | ||
142 | |||
143 | element.setAttribute("transform", s); | ||
144 | } | ||
145 | |||
146 | /** | ||
147 | * Dumps a matrix to a string (useful for debug). | ||
148 | */ | ||
149 | function dumpMatrix(matrix) { | ||
150 | var s = "[ " + matrix.a + ", " + matrix.c + ", " + matrix.e + "\n " + matrix.b + ", " + matrix.d + ", " + matrix.f + "\n 0, 0, 1 ]"; | ||
151 | |||
152 | return s; | ||
153 | } | ||
154 | |||
155 | /** | ||
156 | * Sets attributes of an element. | ||
157 | */ | ||
158 | function setAttributes(element, attributes){ | ||
159 | for (var i in attributes) | ||
160 | element.setAttributeNS(null, i, attributes[i]); | ||
161 | } | ||
162 | |||
163 | /** | ||
164 | * Handle mouse wheel event. | ||
165 | */ | ||
166 | function handleMouseWheel(evt) { | ||
167 | if(!enableZoom) | ||
168 | return; | ||
169 | |||
170 | if(evt.preventDefault) | ||
171 | evt.preventDefault(); | ||
172 | |||
173 | evt.returnValue = false; | ||
174 | |||
175 | var svgDoc = evt.target.ownerDocument; | ||
176 | |||
177 | var delta; | ||