Mercurial > scratch

annotate open_web_magic_ink/open_web_magic_ink.html @ 21:1950b0b5bcd8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
It's now possible to expose python class instances to JS, if they're declared the right way (for security purposes).
author Atul Varma <varmaa@toolness.com>
date Mon, 07 Sep 2009 15:33:35 -0700
parents 05f467a83cb9
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
8
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
1 <html>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
2 <head>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
3 <!-- This page and its content are licensed under a Creative Commons
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
4 Attribution-Noncommercial-No Derivative Works 3.0 Unported
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
5 license:
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
6
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
7 http://creativecommons.org/licenses/by-nc-nd/3.0/ -->
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
8 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
9 <link rel="stylesheet" type="text/css" media="all"
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
10 href="open_web_magic_ink.css" />
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
11 <title>The Open Web is Magic Ink.</title>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
12 </head>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
13 <body>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
14 <div class="container">
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
15 <div class="photo"></div>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
16 <div class="title">The Open Web is Magic Ink.</div>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
17 <div class="text">
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
18 every page is built from standard parts: text, images, audio,
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
19 video, and code. but unlike the world some of us grew up in, the
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
20 composition is <i>malleable</i>: a typo can be fixed, a canvas altered, a
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
21 sample remixed, a frame spliced, a feature added. maybe you can’t see
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
22 it, but kids can. and when children have the freedom to see how
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
23 everything in their world is made, when they’re invited to play with
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
24 it and alter it to make it their own, <i>they learn how to create a world
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
25 that’s better off because of them</i>.
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
26 </div>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
27 </div>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
28 <script src="../jquery.js"></script>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
29 <script>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
30 $(window).ready(function() { $(".container").fadeIn("slow"); });
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
31 </script>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
32 </body>
05f467a83cb9 Added open web magic ink page.
Atul Varma <varmaa@toolness.com>
parents:
diff changeset
33 </html>