Annotation of Amaya/amaya/AmayaPage.html, revision 1.136
1.105 cvs 1: <?xml version="1.0" encoding="iso-8859-1"?>
1.136 ! cheyroul 2: <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
! 3:
! 4: <defs>
! 5: <symbol id="cube">
! 6: <polygon points="0,0 5,5 5,20 0,15" transform="translate(0,1)"
! 7: stroke-width="1"/>
! 8: <polygon points="0,0 15,0 20,5 5,5" transform="translate(1,0)"
! 9: stroke-width="1"/>
! 10: <rect x="6" y="6" width="15" height="15" stroke-width="1"/>
! 11: </symbol>
! 12: <symbol id="amayatext">
! 13: <text x="80" y="80" style="fill:black">AMAYA</text>
! 14: </symbol>
! 15:
! 16: <!-- animated letters text -->
! 17: <symbol id="logo">
! 18: <g style="font: 96px helvetica; font-weight: bold; fill: #488B9B;">
! 19: <text opacity="0" transform="translate(13,0)">A
! 20: <animate attributeName="opacity" attributeType="CSS" from="0"
! 21: to="1" begin="8s" dur="1s" fill="freeze"/>
! 22: <animateTransform attributeName="transform" attributeType="XML" type="scale"
! 23: from="1" to="0.5" additive="sum" begin="8s" dur="1s"
! 24: fill="freeze" />
! 25: </text>
! 26:
! 27: <text opacity="0" transform="translate(33,0)">M
! 28: <animate attributeName="opacity" attributeType="CSS" from="0" to="1" begin="9s" dur="1s" fill="freeze"/>
! 29: <animateTransform attributeName="transform" attributeType="XML" type="scale"
! 30: from="1" to="0.5" additive="sum" begin="9s" dur="1s"
! 31: fill="freeze" />
! 32: </text>
! 33: <text opacity="0" transform="translate(60,0)">A
! 34: <animate attributeName="opacity" attributeType="CSS" from="0" to="1" begin="10s" dur="1s" fill="freeze"/>
! 35: <animateTransform attributeName="transform" attributeType="XML" type="scale"
! 36: from="1" to="0.5" additive="sum" begin="10s" dur="1s" fill="freeze" /> </text><text opacity="0" transform="translate(80,0)">Y<animate attributeName="opacity" attributeType="CSS" from="0" to="1" begin="11s" dur="1s" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" type="scale" from="1" to="0.5" additive="sum" begin="11s" dur="1s"
! 37: fill="freeze" />
! 38: </text>
! 39: <text opacity="0" transform=" translate(100,0)">A<animate attributeName="opacity" attributeType="CSS" from="0"
! 40: to="1" begin="12s" dur="1s" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML"
! 41: type="scale" from="1" to="0.5" additive="sum" begin="12s" dur="1s"
! 42: fill="freeze" /> </text></g> </symbol>
! 43: </defs>
! 44:
! 45: <!-- new page is in the underlayer -->
! 46: <g>
! 47:
! 48: <!-- Old Page respawning
! 49:
! 50: <image id="backgroundImage" xlink:href="amaya.png" width="471px"
! 51: height="338px" y="1px"> <desc>Leading the Web to its full potential</desc>
! 52: <set attributeName="opacity" attributeType="CSS"
! 53: to="0" begin="0s" dur="15s" fill="freeze"/>
! 54: <animate attributeName="opacity" attributeType="CSS" from="0"
! 55: to="1" begin="15s" dur="3s" fill="freeze"/>
! 56: </image>
! 57:
! 58:
! 59: <g id="cubes">
! 60:
! 61: <set attributeName="opacity" attributeType="CSS"
! 62: to="0" begin="0s" dur="18s" fill="freeze"/>
! 63: <animate attributeName="opacity" attributeType="CSS" from="0"
! 64: to="1" begin="18s" dur="3s" fill="freeze"/>
! 65:
! 66: <animateColor attributeName="fill" attributeType="CSS"
! 67: from="rgb(0,0,255)" to="rgb(128,0,0)" begin="18s" dur="6s"
! 68: fill="freeze"/>
! 69:
! 70: <use x="200" y="112" xlink:href="#cube" style="fill: #0192BF"
! 71: opacity="20%"/>
! 72: <use x="230" y="112" xlink:href="#cube" style="fill: #2B9FC3"
! 73: opacity="40%"/>
! 74: <use x="260" y="112" xlink:href="#cube" style="fill: #53AAC5"
! 75: opacity="60%"/>
! 76: <use x="290" y="112" xlink:href="#cube" style="fill: #7AB4C6"
! 77: opacity="80%"/>
! 78: <use x="320" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
! 79: <use x="350" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
! 80: <use x="380" y="112"
! 81: xlink:href="#cube" style="fill: #A3C0C9"/>
! 82: <use opacity="40%" x="410" y="112" xlink:href="#cube"
! 83: style="fill: #EC1608"/>
! 84: <use x="410" y="142" xlink:href="#cube" style="fill: #E2372C"/>
! 85: <use x="350" y="172" xlink:href="#cube" style="fill: #DAAFAC"/>
! 86: <use x="380" y="172" xlink:href="#cube"
! 87: style="fill: #DF8984"/>
! 88: <use x="410" y="172" xlink:href="#cube" style="fill: #DC5B53"/>
! 89: </g>
! 90: -->
! 91:
! 92: <rect x="464" y="4" width="138" height="330" style="fill: #E1E1E1">
! 93:
! 94: <set attributeName="opacity" attributeType="CSS"
! 95: to="0" begin="0s" dur="10s" fill="freeze"/>
! 96:
! 97: <animate attributeName="opacity" attributeType="CSS" from="0"
! 98: to="1" begin="10s" dur="3s" fill="freeze"/>
! 99:
! 100: </rect>
! 101:
! 102: <g style="fill:#dc5b53; font: bold 16px" transform="translate(477,0) scale(0.1)">
! 103:
! 104: <set attributeName="opacity" attributeType="CSS"
! 105: to="0" begin="0s" dur="10s" fill="freeze"/>
! 106:
! 107: <animateTransform attributeName="transform" attributeType="XML"
! 108: type="scale" from="0.1" to="1" additive="sum"
! 109: begin="7s" dur="10s" fill="freeze"/>
! 110:
! 111:
! 112: <a xlink:href="http://www.w3.org/Amaya">
! 113: <text y="38px" x="0px">Amaya at W3C
! 114: </text>
! 115: </a>
! 116: <a xlink:href="../doc/html/Manual.html">
! 117: <text y="68px" x="0px">Online Manual
! 118: </text>
! 119: </a>
! 120: <a xlink:href="../doc/html/Index.html">
! 121: <text y="98px" x="3px">Index
! 122: </text>
! 123: </a>
! 124: <a xlink:href="../doc/html/Annotations.html">
! 125: <text y="128px" x="0px">Annotations
! 126: </text>
! 127: </a>
! 128: <a xlink:href="../doc/html/Creating.html">
! 129: <text y="158px" x="0px">XHTML
! 130: </text>
! 131: </a>
! 132: <a xlink:href="../doc/html/Math.html">
! 133: <text y="188px" x="0px">MathML
! 134: </text>
! 135: </a>
! 136: <a xlink:href="../doc/html/SVG.html">
! 137: <text y="218px" x="0px">SVG
! 138: </text>
! 139: </a>
! 140: <a xlink:href="../doc/html/StyleSheets.html">
! 141: <text y="248px" x="0px">CSS
! 142: </text>
! 143: </a>
! 144: <a xlink:href="http://www.w3.org">
! 145: <text y="278px" x="0px">W3C
! 146: </text>
! 147: </a>
! 148: </g>
! 149:
! 150:
! 151:
! 152: <!-- animated letters text -->
! 153: <g>
! 154: <use transform="translate(90, 160)" xlink:href="#logo"/>
! 155: <use transform="translate(90, 165)scale(1,-1)skewX(-50)" opacity="20%" xlink:href="#logo"/>
! 156: </g>
! 157:
! 158:
! 159:
! 160:
! 161: <!-- XML document in a foreign object
! 162: <g transform="translate(100,200)" opacity="1">
! 163: <animate id="test" attributeName="opacity" attributeType="CSS" from="0"
! 164: to="1" begin="8s" dur="2s" fill="freeze" repeatCount="1"/>
! 165:
! 166:
! 167: <rect y="0" x="0" width="155px" height="150px"
! 168: style="fill: #95E4FF; stroke: none" stroke="1px"/>
! 169: <switch>
! 170: <foreignObject y="-17" x="-5px" width="135px">
! 171: <h2 xmlns="http://www.w3.org/1999/xhtml">XML Document</h2>
! 172: </foreignObject>
! 173: </switch>
! 174: <switch>
! 175: <foreignObject y="10px" x="5px" width="135px">
! 176:
! 177: <div xmlns="http://www.w3.org/1999/xhtml">
! 178: <p xmlns="http://www.w3.org/1999/xhtml">This document is a document
! 179: with an equation</p>
! 180:
! 181: <p xmlns="http://www.w3.org/1999/xhtml">here is it <math
! 182: xmlns="http://www.w3.org/1998/Math/MathML">
! 183: <mi>r</mi>
! 184: <mo>=</mo>
! 185: <msqrt>
! 186: <msup>
! 187: <mi>x</mi>
! 188: <mn>2</mn>
! 189: </msup>
! 190: <mo>+</mo>
! 191: <msup>
! 192: <mi>y</mi>
! 193: <mn>2</mn>
! 194: </msup>
! 195: </msqrt>
! 196: </math>
! 197: displayed inline along with his svg representation</p>
! 198:
! 199: <p xmlns="http://www.w3.org/1999/xhtml"><svg
! 200: xmlns="http://www.w3.org/2000/svg" width="135px" height="5px">
! 201: <rect y="0" x="0" width="100px" height="5px"
! 202: style="fill: #FF0000; stroke: #FFFF00" stroke="1px"/>
! 203: </svg>
! 204: </p>
! 205: </div>
! 206: </foreignObject>
! 207: </switch>
! 208:
! 209: </g>
! 210: -->
! 211:
! 212:
! 213: <!-- End of the new document-->
! 214: </g>
! 215:
! 216: <!-- Old Page -->
! 217:
! 218: <g>
! 219:
! 220: <animateTransform attributeName="transform" attributeType="XML" type="scale" from="1"
! 221: to="0.1" begin="0s" dur="3s" fill="freeze" />
! 222:
! 223: <animateTransform attributeName="transform" attributeType="XML" type="translate" from="0,0"
! 224: to="500,0" begin="0s" dur="3s" fill="freeze" />
! 225:
! 226: <animateTransform attributeName="transform" attributeType="XML"
! 227: type="translate" from="0,0" to="-2000,-2000" begin="3s" dur="3s" fill="freeze" />
! 228:
! 229: <animateTransform attributeName="transform" attributeType="XML" type="skewX" from="0"
! 230: to="-50" begin="0s" dur="2s" fill="freeze" />
! 231:
! 232:
! 233: <switch>
! 234: <foreignObject y="0" x="0px" width="600px" height="1800px">
1.105 cvs 235: <html xmlns="http://www.w3.org/1999/xhtml">
1.1 cvs 236: <head>
1.34 cvs 237: <title>Welcome to Amaya</title>
1.58 cvs 238: <style type="text/css">
1.70 cvs 239: body {font-family: helvetica, arial, sans-serif; color: black; background-color: #C0C0C0}
240: h1 {font-size: 200%; font-weight: bold; font-style: italic; color: #488B9B;
241: margin-bottom: 0}
1.93 cvs 242: h2 {margin-top: 0; margin-bottom: .4em; font-style:italic; color: #488B9B;}
1.70 cvs 243: h3 {border: solid 1px #488B9B; padding: 4px; margin-bottom: .2em; color: #488B9B }
1.63 cvs 244: div p {text-align: justify}
245: div {margin-top: 0}
1.70 cvs 246: strong {color: #488B9B}
247: .button {border: solid 1px #488B9B; padding: 4px}
1.63 cvs 248: .buttonbar {text-align: center; margin-top: 1.5em}
1.70 cvs 249: .pink {color: #dc5b53}
250: a:link {color:#dc5b53; font-weight: bold}
251: a:active {color: #ff0000; font-weight: bold}
1.109 vatton 252: a:visited {color: #9820c8; font-weight: bold}</style>
1.1 cvs 253: </head>
1.35 cvs 254:
1.122 vatton 255: <body xml:lang="en">
1.136 ! cheyroul 256: <p style="text-align: center">
! 257:
! 258: <svg xmlns="http://www.w3.org/2000/svg"
1.116 vatton 259: width="600" height="349">
1.112 quint 260: <rect x="464" y="4" width="138" height="330" style="fill: #E1E1E1"/>
1.136 ! cheyroul 261:
! 262: <g style="fill:#dc5b53; font: bold 16px" transform="translate(477,0)">
! 263:
1.113 quint 264: <a xlink:href="http://www.w3.org/Amaya">
1.134 cheyroul 265: <text y="38px" x="0px">Amaya at W3C
1.114 vatton 266: </text>
1.113 quint 267: </a>
268: <a xlink:href="../doc/html/Manual.html">
1.134 cheyroul 269: <text y="68px" x="0px">Online Manual
1.114 vatton 270: </text>
1.113 quint 271: </a>
272: <a xlink:href="../doc/html/Index.html">
1.134 cheyroul 273: <text y="98px" x="3px">Index
1.114 vatton 274: </text>
1.113 quint 275: </a>
276: <a xlink:href="../doc/html/Annotations.html">
1.134 cheyroul 277: <text y="128px" x="0px">Annotations
1.114 vatton 278: </text>
1.113 quint 279: </a>
280: <a xlink:href="../doc/html/Creating.html">
1.134 cheyroul 281: <text y="158px" x="0px">XHTML
1.114 vatton 282: </text>
1.113 quint 283: </a>
284: <a xlink:href="../doc/html/Math.html">
1.134 cheyroul 285: <text y="188px" x="0px">MathML
1.114 vatton 286: </text>
1.113 quint 287: </a>
288: <a xlink:href="../doc/html/SVG.html">
1.134 cheyroul 289: <text y="218px" x="0px">SVG
1.114 vatton 290: </text>
1.113 quint 291: </a>
292: <a xlink:href="../doc/html/StyleSheets.html">
1.134 cheyroul 293: <text y="248px" x="0px">CSS
1.114 vatton 294: </text>
1.113 quint 295: </a>
296: <a xlink:href="http://www.w3.org">
1.134 cheyroul 297: <text y="278px" x="0px">W3C
1.114 vatton 298: </text>
1.113 quint 299: </a>
300: </g>
1.135 cheyroul 301:
302:
1.112 quint 303: <g>
1.136 ! cheyroul 304:
! 305:
! 306: <image id="backgroundImage" xlink:href="amaya.png" width="471px"
1.124 cheyroul 307: height="338px" y="1px">
1.104 vatton 308: <desc>Leading the Web to its full potential</desc>
309: </image>
1.135 cheyroul 310:
1.104 vatton 311: <g id="cubes">
1.136 ! cheyroul 312:
1.124 cheyroul 313: <use x="200" y="112" xlink:href="#cube" style="fill: #0192BF"
314: opacity="20%"/>
315: <use x="230" y="112" xlink:href="#cube" style="fill: #2B9FC3"
316: opacity="40%"/>
317: <use x="260" y="112" xlink:href="#cube" style="fill: #53AAC5"
318: opacity="60%"/>
319: <use x="290" y="112" xlink:href="#cube" style="fill: #7AB4C6"
320: opacity="80%"/>
1.104 vatton 321: <use x="320" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
322: <use x="350" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
323: <use x="380" y="112" xlink:href="#cube" style="fill: #A3C0C9"/>
1.132 cheyroul 324: <use opacity="40%" x="410" y="112" xlink:href="#cube"
325: style="fill: #EC1608"/>
1.104 vatton 326: <use x="410" y="142" xlink:href="#cube" style="fill: #E2372C"/>
327: <use x="350" y="172" xlink:href="#cube" style="fill: #DAAFAC"/>
328: <use x="380" y="172" xlink:href="#cube" style="fill: #DF8984"/>
329: <use x="410" y="172" xlink:href="#cube" style="fill: #DC5B53"/>
330: </g>
1.133 cheyroul 331:
1.105 cvs 332: <text id="version" x="360px" y="320"
1.128 vatton 333: style="font: bold 16px italic; fill: #0192BF;">Release 7.2
1.104 vatton 334: </text>
335: <g id="polygonMask" style="stroke: none;">
1.116 vatton 336: <polygon style="fill: #0192BF;" points="0,0 0,170 78,148"
1.124 cheyroul 337: transform="translate(30,60)" stroke-width="1" opacity="1"/>
1.116 vatton 338: <polygon style="fill: #9EA4A6;" points="0,0 78,148 95,95"
1.124 cheyroul 339: transform="translate(30,60)scale(1.000000,1.000000)"
340: stroke-width="1" opacity="80%"/>
1.116 vatton 341: <polygon style="fill: #89A5C7;" points="0,0 95,95 114,101"
1.124 cheyroul 342: transform="translate(30,60)scale(1.000000,1.000000)"
343: stroke-width="1" opacity="90%"/>
1.116 vatton 344: <polygon style="fill: #488B9B;" points="0,0 114,101 108,55"
1.124 cheyroul 345: transform="translate(30,60)scale(1.000000,1.000000)"
346: stroke-width="1" opacity="0.6"/>
1.116 vatton 347: <polygon style="fill: #9EA4A6;" points="0,0 108,55 150,54"
1.124 cheyroul 348: transform="translate(30,60)scale(1.000000,1.000000)"
349: stroke-width="1" opacity="0.4"/>
1.116 vatton 350: <polygon style="fill: #EC1608;" points="0,0 150,54 130,0"
1.124 cheyroul 351: transform="translate(30,60)scale(1.000000,1.000000)"
352: stroke-width="1" opacity="0.2"/>
1.108 cvs 353: <switch>
354: <foreignObject y="156px" x="35px">
1.122 vatton 355: <math xmlns="http://www.w3.org/1998/Math/MathML"
356: style="color: #FFFFFF; font-family: times">
357: <mrow>
358: <mi>y</mi>
359: <mo>=</mo>
360: <mfrac>
361: <mn>1</mn>
362: <msqrt>
363: <mrow>
364: <msup>
365: <mi>x</mi>
366: <mn>2</mn>
367: </msup>
368: <mo>+</mo>
369: <mn>1</mn>
370: </mrow>
371: </msqrt>
372: </mfrac>
373: </mrow>
1.125 vatton 374: </math>
375: </foreignObject>
1.122 vatton 376: </switch>
1.104 vatton 377: </g>
1.70 cvs 378: </g>
1.83 cvs 379: </svg>
1.101 vatton 380: </p>
1.1 cvs 381:
1.101 vatton 382: <div>
1.70 cvs 383: <p><strong>Amaya</strong> is a Web client that acts both as a browser and as
1.117 vatton 384: an authoring tool. It has been designed by the <a
385: href="http://www.w3.org/">World Wide Web Consortium <acronym
386: title="World Wide Web Consortium">(W3C</acronym>)</a> with the primary
387: purpose of demonstrating new Web technologies in a What You See Is What You
388: Get (<acronym title="What You See Is What You Get">WYSIWYG</acronym>)
389: environment. The current version implements the Hypertext Markup Language
390: (<acronym title="Hypertext Markup Language">HTML</acronym>), Extensible
391: Hypertext Markup Language (<acronym
392: title="Extensible Hypertext Markup Language">XHTML</acronym>), Mathematical
393: Markup Language (<acronym
1.120 cheyroul 394: title="Mathematical Markup Language">MathML</acronym>), Scalable Vector
1.122 vatton 395: Graphics (<acronym title="Scalable Vector Graphics">SVG</acronym>), Cascaded
396: Stylesheets (<acronym title="Cascaded Stylesheets">CSS</acronym>),
1.117 vatton 397: and Hypertext Transfer Protocol (<acronym
398: title="Hypertext Transfer Protocol">HTTP</acronym>).</p>
1.70 cvs 399: </div>
1.18 cvs 400:
1.26 cvs 401: <div>
1.18 cvs 402: <h3>Main Features</h3>
1.59 cvs 403:
1.117 vatton 404: <p>With Amaya, you can manipulate rich Web pages containing forms, tables,
405: and the most advanced features from <acronym
406: title="Hypertext Markup Language">HTML</acronym>. You can create and edit
407: complex <a href="../doc/html/Math.html">mathematical expressions</a> and
408: simple <a href="../doc/html/SVG.html"><acronym
1.122 vatton 409: title="Scalable Vector Graphics">SVG</acronym> graphics</a> within Web pages.
410: You can style your documents using Cascading Style Sheets. You can publish
411: <acronym title="Hypertext Markup Language">HTML</acronym>, <acronym
1.117 vatton 412: title="Extensible Hypertext Markup Language">XHTML</acronym>, <acronym
413: title="Mathematical Markup Language">MathML</acronym>, and <acronym
1.121 vatton 414: title="Scalable Vector Graphics">SVG</acronym> documents on local or remote
1.117 vatton 415: servers through <acronym title="Hypertext Transfer Protocol">HTTP</acronym>.
416: A first support of generic Extensible Markup Language (<acronym
417: title="Extensible Markup Language">XML</acronym>) allows you to display the
418: content of every <acronym title="Extensible Markup Language">XML</acronym>
419: document and to associate with it a <acronym
420: title="Cascaded Stylesheets">CSS</acronym> Stylesheet.</p>
1.59 cvs 421:
422: <p>Browsing and authoring are integrated seamlessly. You can browse and edit
423: Web pages at the same time. To make editing easier, a simple click in Amaya
1.117 vatton 424: moves the caret and allows text input; to follow a link, you have to double
425: click. This behavior can be changed as well as many other features using the
426: Special/Preferences menu.</p>
1.59 cvs 427:
1.109 vatton 428: <p>Amaya includes a collaborative <a href="../doc/html/Annotations.html"><img
429: src="annot.gif" alt="annotation icon" />annotation</a> application based on
1.117 vatton 430: <acronym title="World Wide Web Consortium">W3C</acronym> technologies
431: (Resource Description Framework (<acronym
432: title="Resouce Description Framework">RDF</acronym>), XLink, and XPointer).
433: Annotations are external comments, notes, remarks that can be attached to any
434: Web document or a selected part of the document. Annotations are stored
435: either in the local file system or on publically-accessible annotation
436: servers. The creation of annotations on a document does not modify the
437: document itself.</p>
1.26 cvs 438: </div>
439:
440: <div>
1.18 cvs 441: <h3>Online Manual</h3>
1.28 cvs 442:
1.59 cvs 443: <p>A User's Manual is available online. You can access it with the Help menu,
1.93 cvs 444: which displays each section separately. You can also print it: just follow
1.117 vatton 445: this <a href="../doc/html/Manual.html">Online Manual</a> link. You will get
446: the front page. Then build the whole book with the "Make book" entry from the
447: Special menu and print the result.</p>
1.26 cvs 448: </div>
449:
450: <div>
1.18 cvs 451: <h3>Copyright</h3>
1.28 cvs 452:
453: <p>Permission to use, copy, modify, and distribute this software and its
1.1 cvs 454: documentation for any purpose and without fee or royalty is hereby granted,
1.16 cvs 455: provided that the full text of the <a
1.117 vatton 456: href="http://www.w3.org/Consortium/Legal/copyright-software.html"><acronym
457: title="Massachusetts Institute of Technology">MIT</acronym> and INRIA
458: Copyright Statement</a> appears with <strong>all</strong> copies of the
459: software and documentation or portions thereof, including modifications that
460: you make.</p>
1.26 cvs 461: </div>
1.1 cvs 462: </body>
1.136 ! cheyroul 463: </html>
! 464: </foreignObject>
! 465: </switch>
! 466: </g>
! 467: </svg>
Webmaster