Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 462 lines (386 sloc) 12.817 kB
2d6158d @dotjay First version
authored
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html lang="en">
3
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 <title>#grid</title>
7
8 <style type="text/css">
ea59135 @dotjay New style for documentation.
authored
9
10 /* Putting inline rules here so the document can be downloaded with style */
11
2d6158d @dotjay First version
authored
12 body{
ea59135 @dotjay New style for documentation.
authored
13 font-size: 1em;
2d6158d @dotjay First version
authored
14 line-height: 1.25;
ea59135 @dotjay New style for documentation.
authored
15 font-family: Arial, sans-serif;
16 background: White;
17 color: DimGray;
2d6158d @dotjay First version
authored
18 margin: 0;
19 padding: 0 20px;
20 }
ea59135 @dotjay New style for documentation.
authored
21 #content{
2d6158d @dotjay First version
authored
22 font-size: 16px;
ea59135 @dotjay New style for documentation.
authored
23 line-height: 20px;
24 position: relative;
2d6158d @dotjay First version
authored
25 }
ea59135 @dotjay New style for documentation.
authored
26 #content{
2d6158d @dotjay First version
authored
27 width: 620px;
ea59135 @dotjay New style for documentation.
authored
28 margin: 0 auto;
2d6158d @dotjay First version
authored
29 }
30 #footer{
ea59135 @dotjay New style for documentation.
authored
31 border-top: 1px dotted DarkGray;
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
32 padding-top: 19px;
2d6158d @dotjay First version
authored
33 }
34 h1, h2{
ea59135 @dotjay New style for documentation.
authored
35 color: Black;
2d6158d @dotjay First version
authored
36 font-weight: normal;
37 }
38 h1{
39 font-size: 36px;
ea59135 @dotjay New style for documentation.
authored
40 line-height: 40px;
41 margin: 40px 0 20px;
42 padding-bottom: 19px;
43 border-bottom: 1px dotted DarkGray;
2d6158d @dotjay First version
authored
44 }
28903b9 @dotjay Keys are now more easily configured (see top of hashgrid.js). Renamed…
authored
45 h1 em{
46 font-style: normal;
47 color: DarkGray;
48 font-size: 16px;
49 line-height: 20px;
50 margin: 0 0 20px;
51 }
ea59135 @dotjay New style for documentation.
authored
52 h2, h3{
2d6158d @dotjay First version
authored
53 font-size: 16px;
ea59135 @dotjay New style for documentation.
authored
54 font-weight: 700;
55 line-height: 20px;
56 margin: 0 0 20px;
57 }
58 h3{
59 font-weight: 300;
2d6158d @dotjay First version
authored
60 }
61 a:link,
62 a:visited{
ea59135 @dotjay New style for documentation.
authored
63 color: Black;
2d6158d @dotjay First version
authored
64 text-decoration: none;
ea59135 @dotjay New style for documentation.
authored
65 padding: 0 2px;
66 background-color: WhiteSmoke;
67 border-bottom: 1px solid Gold;
68 }
69 a:focus{
70 outline: none;
2d6158d @dotjay First version
authored
71 }
72 a:focus,
73 a:hover,
74 a:active{
ea59135 @dotjay New style for documentation.
authored
75 background-color: Khaki;
76 border-bottom: 1px solid GoldenRod;
2d6158d @dotjay First version
authored
77 }
78 p, ul{
ea59135 @dotjay New style for documentation.
authored
79 padding: 0;
80 margin: 0 0 20px;
2d6158d @dotjay First version
authored
81 }
82 dl, ol{
ea59135 @dotjay New style for documentation.
authored
83 padding: 0;
84 margin: 0;
2d6158d @dotjay First version
authored
85 }
86 ul{
87 list-style: circle;
88 }
89 ol li{
90 margin-bottom: 20px;
91 }
92 dd{
ea59135 @dotjay New style for documentation.
authored
93 margin: 0 0 20px 0;
94 }
a20227c @dotjay Tidier usage notes and release notes style.
authored
95 del{
96 text-decoration: line-through;
97 opacity: 0.75;
98 }
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
99 ins{
100 text-decoration: none;
ea59135 @dotjay New style for documentation.
authored
101 }
102 code{
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
103 font-size: 14px;
104 line-height: 1;
2d6158d @dotjay First version
authored
105 }
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
106 textarea{
2d6158d @dotjay First version
authored
107 font-family: 'Courier New', monospace;
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
108 font-size: 14px;
109 line-height: 20px;
2d6158d @dotjay First version
authored
110 display: block;
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
111 width: 600px;
ea59135 @dotjay New style for documentation.
authored
112 margin: 0 0 20px;
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
113 padding: 0 0 0 15px;
ea59135 @dotjay New style for documentation.
authored
114 border: 0;
115 color: Black;
116 background: Gainsboro;
117 border-left: 5px solid DarkGray;
2d6158d @dotjay First version
authored
118 }
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
119 #javascript-code{
120 height: 180px;
121 }
122 #css-code{
123 height: 1300px;
124 }
ea59135 @dotjay New style for documentation.
authored
125 .summary em{
126 font-style: normal;
127 position: absolute;
128 color: DarkGray;
129 right: 0;
130 top: 18px;
131 width: 140px;
2d6158d @dotjay First version
authored
132 }
ea59135 @dotjay New style for documentation.
authored
133 .summary em span{
134 position: absolute;
135 left: -9999px;
136 }
137 #download{
138 line-height: 60px;
139 padding: 0 40px 0 15px;
140 border-left: 5px solid DarkGray;
141 background: Gainsboro;
142 color: DimGray;
2d6158d @dotjay First version
authored
143 }
144 span.key{
ea59135 @dotjay New style for documentation.
authored
145 color: Black;
2d6158d @dotjay First version
authored
146 text-transform: uppercase;
147 }
148 </style>
149
150 <!-- Set styles -->
151 <style type="text/css">
152
153 /**
ea59135 @dotjay New style for documentation.
authored
154 * Grid
2d6158d @dotjay First version
authored
155 */
156 #grid{
157
158 /* Dimensions - same width as your grid with gutters */
159 width: 980px;
160
ea59135 @dotjay New style for documentation.
authored
161 /* Grid (left-aligned)
2d6158d @dotjay First version
authored
162 position: absolute;
163 top: 0;
164 left: 0;
165 */
166
ea59135 @dotjay New style for documentation.
authored
167 /* Grid (centered) */
2d6158d @dotjay First version
authored
168 position: absolute;
169 top: 0;
170 left: 50%;
171 margin-left: -490px;
172
173 }
174
175 /**
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
176 * Vertical grid lines
177 *
178 * Set the column width taking the borders into consideration,
179 * and use margins to set column gutters.
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
180 */
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
181 #grid div.vert{
182
183 width: 139px;
184 border: solid darkturquoise;
28cd0b2 @scoates remove requirement for images
scoates authored
185 border-width: 0 1px;
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
186 margin-right: 19px;
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
187
28cd0b2 @scoates remove requirement for images
scoates authored
188 }
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
189
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
190 #grid div.vert.first-line{
191
192 margin-left: 19px;
193
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
194 }
195
28cd0b2 @scoates remove requirement for images
scoates authored
196
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
197 /**
2d6158d @dotjay First version
authored
198 * Horizontal grid lines, defined by your base line height
199 *
200 * Remember, the CSS properties that define the box model:
201 * visible height = height + borders + margins + padding
202 */
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
203 #grid div.horiz{
2d6158d @dotjay First version
authored
204
ea59135 @dotjay New style for documentation.
authored
205 /* 20px line height */
2d6158d @dotjay First version
authored
206 height: 19px;
6122991 @scoates honour color keyword trick (-:
scoates authored
207 border-bottom: 1px dotted darkgray;
2d6158d @dotjay First version
authored
208 margin: 0;
209 padding: 0;
210
211 }
212
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
213 /**
214 * Classes for multiple grids
215 *
216 * When using more than one grid, remember to set the numberOfGrids
217 * option in the hashgrid.js file.
218 */
219 #grid.grid-1 div.vert{
220
221 /* Vertical grid line colour for grid 1 */
222 border-color: darkturquoise;
223
224 }
225 #grid.grid-2{
226
227 /* Adjustments */
228 padding: 0 160px;
229 width: 660px;
230
231 }
232 #grid.grid-2 div.vert{
233
234 /* Vertical grid line colour for grid 2 */
235 border-color: crimson;
236
237 }
238
2d6158d @dotjay First version
authored
239 </style>
240
241 </head>
242
243 <body>
244
245 <div id="content" role="main">
246
d7bce3d @dotjay Release v8
authored
247 <h1>#grid <em>v8</em></h1>
2d6158d @dotjay First version
authored
248
d7bce3d @dotjay Release v8
authored
249 <p class="summary"><em>Sat, 6 Oct 2012<span>:</span></em> This is a little tool we created for our <a href="http://analog.coop/">Analog&#160;holding&#160;page</a>. It inserts a <a href="http://en.wikipedia.org/wiki/Grid_(page_layout)">layout grid</a> in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background. To see it in action, hit <span class="key">G</span> on your keyboard.</p>
2d6158d @dotjay First version
authored
250
ea59135 @dotjay New style for documentation.
authored
251 <h2>Download</h2>
a95a041 @dotjay Link to the latest hashgrid.js file. Update some links.
authored
252 <p id="download"><a href="https://github.com/dotjay/hashgrid/downloads">Download #grid</a> from <a href="https://github.com/dotjay/hashgrid">GitHub</a></p>
2d6158d @dotjay First version
authored
253
254 <h2 id="features">Features</h2>
255 <ul>
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
256 <li>Adaptable for all layout widths and alignments</li>
257 <li>Adaptable for any vertical rhythm value</li>
258 <li>Set keyboard shortcuts to show and hide the grid, hold it in place, toggle it to the foreground and background, and jump between multiple grids</li>
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
259 <li>Uses a single JavaScript file and a little CSS to control the grid lines, columns and gutters</li>
2d6158d @dotjay First version
authored
260 </ul>
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
261 <p>#grid comes set up with a 980px-wide container that includes 20px gutters, and assumes one lead of 20px. A second 660px-wide container is included to show you how to set up multiple grids.</p>
2d6158d @dotjay First version
authored
262
263 <h2 id="installation">Installation</h2>
264 <ol>
a95a041 @dotjay Link to the latest hashgrid.js file. Update some links.
authored
265 <li><h3>Copy the <a href="https://github.com/dotjay/hashgrid/blob/v8/hashgrid.js">hashgrid.js</a> script to your project</h3></li>
ea59135 @dotjay New style for documentation.
authored
266 <li><h3>Add the script to your page(s) just inside the <code>&#60;/body&#62;</code> tag</h3>
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
267 <textarea id="javascript-code" cols="68" rows="8" readonly="readonly">
268
269 &#60;!-- Grab latest version of jQuery --&#62;
270 &#60;script type="text/javascript"
26aec2d @dotjay Use more specific jQuery version
authored
271 src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"&#62;
ea59135 @dotjay New style for documentation.
authored
272 &#60;/script&#62;
2d6158d @dotjay First version
authored
273
274 &#60;!-- Include the hashgrid script --&#62;
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
275 &#60;script type="text/javascript" src="hashgrid.js"&#62;&#60;/script&#62;</textarea></li>
ea59135 @dotjay New style for documentation.
authored
276 <li><h3>Add the CSS to your page(s)</h3>
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
277 <textarea id="css-code" cols="68" rows="64" readonly="readonly">
278
2d6158d @dotjay First version
authored
279 /**
ea59135 @dotjay New style for documentation.
authored
280 * Grid
2d6158d @dotjay First version
authored
281 */
282 #grid{
283
284 /* Dimensions - same width as your grid with gutters */
285 width: 980px;
286
ea59135 @dotjay New style for documentation.
authored
287 /* Grid (left-aligned)
2d6158d @dotjay First version
authored
288 position: absolute;
289 top: 0;
290 left: 0;
291 */
292
ea59135 @dotjay New style for documentation.
authored
293 /* Grid (centered) */
2d6158d @dotjay First version
authored
294 position: absolute;
295 top: 0;
296 left: 50%;
297 margin-left: -490px;
298
299 }
300
301 /**
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
302 * Vertical grid lines
303 *
304 * Set the column width taking the borders into consideration,
305 * and use margins to set column gutters.
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
306 */
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
307 #grid div.vert{
308
309 width: 139px;
310 border: solid darkturquoise;
28cd0b2 @scoates remove requirement for images
scoates authored
311 border-width: 0 1px;
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
312 margin-right: 19px;
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
313
28cd0b2 @scoates remove requirement for images
scoates authored
314 }
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
315
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
316 #grid div.vert.first-line{
317
318 margin-left: 19px;
319
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
320 }
321
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
322
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
323 /**
2d6158d @dotjay First version
authored
324 * Horizontal grid lines, defined by your base line height
325 *
326 * Remember, the CSS properties that define the box model:
327 * visible height = height + borders + margins + padding
328 */
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
329 #grid div.horiz{
2d6158d @dotjay First version
authored
330
ea59135 @dotjay New style for documentation.
authored
331 /* 20px line height */
2d6158d @dotjay First version
authored
332 height: 19px;
6122991 @scoates honour color keyword trick (-:
scoates authored
333 border-bottom: 1px dotted darkgray;
2d6158d @dotjay First version
authored
334 margin: 0;
335 padding: 0;
336
337 }
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
338
339 /**
340 * Classes for multiple grids
341 *
342 * When using more than one grid, remember to set the numberOfGrids
343 * option in the hashgrid.js file.
344 */
345 #grid.grid-1 div.vert{
346
347 /* Vertical grid line colour for grid 1 */
348 border-color: darkturquoise;
349
350 }
351 #grid.grid-2{
352
353 /* Adjustments */
354 padding: 0 160px;
355 width: 660px;
356
357 }
358 #grid.grid-2 div.vert{
359
360 /* Vertical grid line colour for grid 2 */
361 border-color: crimson;
362
363 }
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
364 </textarea></li>
365 <li><h3>Modify #grid to suit your needs</h3>
28cd0b2 @scoates remove requirement for images
scoates authored
366 <p>The CSS and JavaScript is annotated to help you.</p></li>
2d6158d @dotjay First version
authored
367 </ol>
368
369 <h2 id="usage">Usage</h2>
a20227c @dotjay Tidier usage notes and release notes style.
authored
370 <p>The document must have keyboard focus for #grid to work. You may need to click on the document background or <span class="key">TAB</span> into the page first.</p>
2d6158d @dotjay First version
authored
371 <dl>
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
372 <dt><span class="key">G</span></dt>
373 <dd>Show the grid until you release.</dd>
374 <dt><span class="key">G</span> + <span class="key">H</span></dt>
375 <dd>Show and hold the grid (<span class="key">G</span> will remove it again).</dd>
a20227c @dotjay Tidier usage notes and release notes style.
authored
376 <dt><span class="key">G</span> + <span class="key">F</span></dt>
377 <dd>Toggle the grid to the foreground and back. Pressing <span class="key">F</span> while the grid is held also works.</dd>
378 <dt><span class="key">G</span> + <span class="key">J</span></dt>
379 <dd>Jump to the next grid. Pressing <span class="key">J</span> while the grid is held also works.</dd>
2d6158d @dotjay First version
authored
380 </dl>
722bb0e @pdokas Updating documentation to reflect present state of pointer-events imp…
pdokas authored
381 <p><em>N.B. A cookie conveniently remembers the state of the grid when you refresh the page. While the grid is in front, you will not be able to interact with the page except in Chrome v4, Safari v4, Firefox v3.6, or more recent versions.</em></p>
2d6158d @dotjay First version
authored
382
28903b9 @dotjay Keys are now more easily configured (see top of hashgrid.js). Renamed…
authored
383 <h2 id="release-notes">Release Notes</h2>
384 <dl>
d7bce3d @dotjay Release v8
authored
385 <dt>v8&#8201;&#8212;&#8201;6 Oct 2012</dt>
386 <dd>
387 <ul>
388 <li>Grid overlay can now be used inside a wrapping container with <code>position: relative;</code> rather than working inside the whole viewport. Thanks to <a href="http://www.tomarnold.de/">Tom Arnold</a>.</li>
389 <li>Holding down the #grid keys will no longer make browsers cry. Thanks to <a href="http://lynx.io/">Callum Macrae</a>.</li>
390 <li>Fixes to cookie handling. Thanks to <a href="http://loonypandora.co.uk/">James Aitken</a>.</li>
a95a041 @dotjay Link to the latest hashgrid.js file. Update some links.
authored
391 <li>Optimisations.</li>
d7bce3d @dotjay Release v8
authored
392 </ul>
393 </dd>
30205bd @dotjay Release v7
authored
394 <dt>v7&#8201;&#8212;&#8201;11 Jun 2011</dt>
395 <dd>Minor release: Updated license references.</dd>
c7682bc @dotjay Version 6 (minor release)
authored
396 <dt>v6&#8201;&#8212;&#8201;10 Jun 2011</dt>
d7bce3d @dotjay Release v8
authored
397 <dd>Minor release: Optimisations (thanks to <a href="http://andrewjaswa.com/">Andrew Jaswa</a> for contributions), and now released under an Apache License.</dd>
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
398 <dt>v5&#8201;&#8212;&#8201;3 Nov 2010</dt>
399 <dd>
400 <ul>
fc0c448 @dotjay Updating documention for version 5.
authored
401 <li>Vertical grid lines can now be set using CSS&#8230; images are no longer required! Thanks to <a href="http://twitter.com/coates">Sean Coates</a> for the contribution.</li>
e35cd48 @dotjay Adjusting CSS for version 5, and updating documention.
authored
402 <li>Click events now interact with the page when the grid is in the foreground. Tested in WebKit and Gecko. Thanks to <a href="http://twitter.com/pdokas">Phil Dokas</a> for the tip about using the <code>pointer-events</code> CSS property.</li>
403 <li>Improved grid rendering, fixing a compatibility issue with jQuery 1.4.3. Thanks to everybody who&#8217;s given feedback.</li>
404 </ul>
405 </dd>
f6cfb9d @dotjay Documenting version 4.
authored
406 <dt>v4&#8201;&#8212;&#8201;29 Mar 2010</dt>
407 <dd>Fixes for multiple grid support under WebKit (Safari and Chrome).</dd>
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
408 <dt>v3&#8201;&#8212;&#8201;22 Feb 2010</dt>
409 <dd>Multiple grids can be set up and cycled through at a key press. To avoid keyboard shortcut conflicts, the default keys have been changed (see <a href="#usage">Usage</a>). Using <span class="key">CTRL</span>, <span class="key">ALT</span> or <span class="key">SHIFT</span> as a modifier key is now optional. Keys no longer show or affect the grid while typing in forms.</dd>
fddf9c7 @dotjay Tidier Release Notes.
authored
410 <dt>v2&#8201;&#8212;&#8201;2 Feb 2010</dt>
d7bce3d @dotjay Release v8
authored
411 <dd>
412 <ul>
413 <li>Keys are now more easily configured (see top of hashgrid.js).</li>
414 <li>Fixed crash when using with disabled CSS.</li>
415 <li>Renamed the GridOverlay object to hashgrid.</li>
416 </ul>
417 </dd>
fddf9c7 @dotjay Tidier Release Notes.
authored
418 <dt>v1&#8201;&#8212;&#8201;21 Dec 2009</dt>
28903b9 @dotjay Keys are now more easily configured (see top of hashgrid.js). Renamed…
authored
419 <dd>First release.</dd>
420 </dl>
421
2d6158d @dotjay First version
authored
422 <h2 id="known-issues">Known Issues</h2>
423 <ul>
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
424 <li><del>IE 8: Fully functional, but the default <span class="key">ALT</span> + <span class="key">G</span> + <span class="key">ENTER</span> shortcut puts IE into full screen mode. Hit <span class="key">ALT</span> + <span class="key">ENTER</span> to toggle full screen mode off again.</del><ins datetime="2010-02-22"> The default keyboard shortcuts have been changed.</ins></li>
ea59135 @dotjay New style for documentation.
authored
425 <li>IE 6: The grid is always in the foreground.</li>
f57290b @dotjay Updated with CSS and notes for using multiple grids, new keyboard sho…
authored
426 <li>Opera 9/10: Using <span class="key">CTRL</span> or <span class="key">ALT</span> as a modifier key will not work due to different key handling by the browser.</li>
2d6158d @dotjay First version
authored
427 </ul>
428
ea59135 @dotjay New style for documentation.
authored
429 <h2 id="license">License</h2>
c95f457 @dotjay Use Apache License boilerplate.
authored
430
431 <p>Copyright 2011 Analog Coop Limited</p>
432
433 <p>Licensed under the Apache License, Version 2.0 (the "License");
434 you may not use this file except in compliance with the License.
435 You may obtain a copy of the License at<br /><br />
436
437 <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a></p>
438
439 <p>Unless required by applicable law or agreed to in writing, software
440 distributed under the License is distributed on an "AS IS" BASIS,
441 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
442 See the License for the specific language governing permissions and
443 limitations under the License.</p>
444
445 <p>This essentially means that you&#8217;re free to copy, modify and distribute it for any project so long as you provide clear attribution to Analog Coop Limited. <a href="http://analog.coop/#talk-to-us">Contact us</a> if you need a different license.</p>
ea59135 @dotjay New style for documentation.
authored
446
2d6158d @dotjay First version
authored
447 <div id="footer" role="contentinfo">
ea59135 @dotjay New style for documentation.
authored
448 <p>#grid is an <a href="http://analog.coop/">Analog</a> gig. It was conceived by <a href="http://jontangerine.com/">Jon Tan</a>, and built by <a href="http://accessibility.co.uk/">Jon Gibbins</a>, in cahoots with our <a href="http://analog.coop#is">fine friends</a>. Oh, and the CSS for this page playfully uses <a href="http://www.w3.org/TR/css3-color/#svg-color">SVG colour keywords</a> only.</p>
449 </div>
450
2d6158d @dotjay First version
authored
451 </div>
452
453 <!-- Grab latest version of jQuery -->
b34774e @dotjay Update to jQuery 1.8
authored
454 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
2d6158d @dotjay First version
authored
455
456 <!-- Include the hashgrid script -->
457 <script type="text/javascript" src="hashgrid.js"></script>
458
459 </body>
460
461 </html>
Something went wrong with that request. Please try again.