Mercurial > scratch
annotate open_web_magic_ink/open_web_magic_ink.html @ 26:b7037cd0f375
Added support for exposing object properties to JS.
author | Atul Varma <varmaa@toolness.com> |
---|---|
date | Mon, 07 Sep 2009 22:17:57 -0700 |
parents | 05f467a83cb9 |
children |
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> |