Annotation of Amaya/amaya/AmayaPage_WX.html, revision 1.36
1.31 vatton 1: <?xml version="1.0" encoding="UTF-8"?>
2: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
3: "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
4: <html xmlns="http://www.w3.org/1999/xhtml"
5: xmlns:svg="http://www.w3.org/2000/svg">
1.1 vatton 6: <head>
1.31 vatton 7: <meta http-equiv="content-type"
8: content="application/xhtml+xml; charset=UTF-8" />
1.1 vatton 9: <title>Welcome to Amaya</title>
1.31 vatton 10: <meta name="generator" content="amaya, see http://www.w3.org/Amaya/" />
1.1 vatton 11: <link href="amaya.css" rel="stylesheet" type="text/css" />
12: </head>
13:
1.31 vatton 14: <body xml:lang="en">
1.1 vatton 15:
1.27 kia 16: <div id="header">
17: <ul id="links">
18: <li><a href="http://www.w3.org/Amaya">Web Site</a></li>
19: <li><a href="http://www.w3.org">W3C</a></li>
1.28 vatton 20: <li><a href="http://wam.inrialpes.fr/index.en.html">INRIA</a></li>
21: <li><a href="http://palette.ercim.org/">Palette</a></li>
1.27 kia 22: </ul>
1.28 vatton 23:
1.33 vatton 24: <h1 id="title">Amaya [11]</h1>
1.27 kia 25: </div>
26:
1.1 vatton 27: <div id="logo">
1.31 vatton 28: <svg:svg height="150px" width="230px">
29: <svg:title>Amaya logo</svg:title>
30: <svg:ellipse cx="0px" cy="0px" rx="66px" ry="45px"
31: style="fill: #EDF3FF; stroke: #EDF3FF"
32: transform="translate(143,98) scale(0.552043) ">
33: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 34: type="scale" from=".1" to="1" additive="sum" begin="0s"
35: dur="6s" fill="freeze"/>
1.31 vatton 36: </svg:ellipse>
37: <svg:g transform="rotate(-30,100,150)">
38: <svg:polygon points="0,117 66,0 21,117" transform="translate(49,22)"
1.1 vatton 39: style="fill: #B27700; stroke: #D9E500"/>
1.31 vatton 40: <svg:polygon points="0,0 9,30 27,41 21,14 12,3"
41: transform="translate(117,25)"
1.1 vatton 42: style="fill: #00B200; stroke: #00E500"/>
1.31 vatton 43: <svg:polygon points="0,6 29,0 56,8 32,15 13,19"
44: transform="translate(95,76)"
1.1 vatton 45: style="fill: #00B200; stroke: #00E500"/>
1.31 vatton 46: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 47: type="rotate" from="-30,100,150" to="-20,100,150"
48: begin="2.5s" dur="0.3s" fill="freeze"/>
1.31 vatton 49: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 50: type="rotate" from="-20,100,150" to="-10,100,150"
51: begin="2.8s" dur="0.2s" fill="freeze"/>
1.31 vatton 52: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 53: type="rotate" from="-10,100,150" to="0,100,150"
54: begin="3s" dur="0.1s" fill="freeze"/>
1.31 vatton 55: </svg:g>
56: <svg:g transform="translate(118,110)">
1.36 ! wang 57: <svg:g>
! 58: <svg:polygon points="3,0 5,16 0,16" transform="translate(25,-20)"
! 59: style="stroke: #E50000; fill: #E50000"/>
! 60: <svg:polygon
! 61: points="0,13 10,0 20,1 23,10 29,2 40,1 42,9 45,17 32,17 33,11 30,11 23,15 18,15 12,7 8,7 8,13"
! 62: stroke="#E50000" fill="#FF9595"/>
! 63: <!-- M oscillations -->
! 64: <!-- Maybe rotation center is not correct... (30,-22) -->
! 65: <svg:animateTransform attributeName="transform" attributeType="XML"
! 66: type="rotate" from="0,30,-22" to="-30,30,-22"
! 67: begin="3s" dur="0.2s" fill="freeze"/>
! 68: <svg:animateTransform attributeName="transform" attributeType="XML"
! 69: type="rotate" from="-30,30,-22" to="25,30,-22"
! 70: begin="3.2s" dur="0.4s" fill="freeze"/>
! 71: <svg:animateTransform attributeName="transform" attributeType="XML"
! 72: type="rotate" from="25,30,-22" to="-20,30,-22"
! 73: begin="3.6s" dur="0.6s" fill="freeze"/>
! 74: <svg:animateTransform attributeName="transform" attributeType="XML"
! 75: type="rotate" from="-20,30,-22" to="15,30,-22"
! 76: begin="4.2s" dur="0.8s" fill="freeze"/>
! 77: <svg:animateTransform attributeName="transform" attributeType="XML"
! 78: type="rotate" from="15,30,-22" to="-10,30,-22"
! 79: begin="5s" dur="1s" fill="freeze"/>
! 80: <svg:animateTransform attributeName="transform" attributeType="XML"
! 81: type="rotate" from="-10,30,-22" to="0,30,-22"
! 82: begin="6s" dur="0.6s" fill="freeze"/>
! 83: </svg:g>
1.1 vatton 84: <!-- M scale -->
1.31 vatton 85: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 86: type="scale" from=".1" to="1" additive="sum" begin="0s"
87: dur="3s" fill="freeze"/>
88: <!-- M translation -->
1.31 vatton 89: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 90: type="translate" from="0,0" to="118,110" begin="0s"
91: dur="3s" fill="freeze"/>
1.31 vatton 92: </svg:g>
93: </svg:svg>
1.1 vatton 94: </div>
95:
1.27 kia 96: <div id="intro" class="section">
1.31 vatton 97: <p>Amaya is a Web client that acts both as a browser and as an authoring
1.7 vatton 98: tool. It has been designed by <a href="http://www.w3.org">W3C</a> and <a
1.31 vatton 99: href="http://www.inria.fr/index.en.html">INRIA</a> with the primary purpose of
100: demonstrating new Web technologies and helping users to generate valid Web
1.29 quint 101: pages. Thanks to the European (FP6) <a
1.35 vatton 102: href="http://palette.ercim.org/">Palette</a> project, Amaya 11 is much easier
1.31 vatton 103: to use, through its new user interface and its innovative templating system.<br
104: />
1.28 vatton 105: </p>
106:
1.31 vatton 107: <p>With Amaya, you can manipulate rich Web pages containing forms, tables, and
108: the most advanced features from <acronym
1.1 vatton 109: title="Hypertext Markup Language">XHTML</acronym>. You can create and edit
1.31 vatton 110: complex <a href="../doc/WX/Math.html">mathematical expressions</a> and <a
111: href="../doc/WX/SVG.html">graphics</a> within Web pages. You can style your
112: documents using <a href="http://www.w3.org/Style/CSS/">Cascading Style
113: Sheets</a> (CSS). </p>
1.27 kia 114: </div>
1.1 vatton 115:
116: <div class="body">
1.27 kia 117:
118: <div class="column">
119:
120: <div class="section">
1.29 quint 121: <h2>Main new features</h2>
1.27 kia 122:
1.33 vatton 123: <p>Major changes since version 10:</p>
1.27 kia 124: <ul>
1.32 vatton 125: <li>Possibility to create and edit document templates from document
126: skeletons</li>
127: <li>More facilities to edit template instances</li>
128: <li>The first version of an integrated editor for SVG graphic schemas</li>
129: <li>The support of semantic information within web pages (RDFa)</li>
130: <li>Direct resizing of images</li>
1.27 kia 131: </ul>
132: </div>
133:
134: <div class="section">
135: <h2>Advanced features</h2>
136:
137: <p>Embedded MathML and SVG:</p>
138:
1.31 vatton 139: <div id="mathml_svg">
1.32 vatton 140: <svg:svg height="250" width="250">
1.31 vatton 141: <svg:g transform="rotate(-47.78,198.421,64.1654) scale(1) ">
142: <svg:rect style="stroke:#50ff50;stroke-width:3px;fill:#aaffaa;" width="200"
1.27 kia 143: height="100"/>
1.31 vatton 144: <svg:path
1.27 kia 145: d="M 44.727272,21.090909 L 36.359858,29.587325 L 40.292606,40.845041 L 28.432844,39.600562 L 22.083235,49.69438 L 15.661767,39.646124 L 3.8111859,40.975193 L 7.6635087,29.689702 L -0.76431515,21.253205 L 10.460921,17.228684 L 11.802177,5.3794762 L 21.947495,11.646471 L 32.047838,5.3072476 L 33.473606,17.146584 L 44.727272,21.090909 z "
146: transform="translate(150,40)"
147: style="stroke:#ffaa00;stroke-width:1px;fill:#ffff00;"/>
1.31 vatton 148: <svg:path
1.27 kia 149: d="M 50.363636,43.81818 C 50.090154,43.025081 51.297791,43.058245 51.681818,43.363636 C 52.722508,44.191224 52.181922,45.777285 51.272725,46.454544 C 49.646384,47.666002 47.379434,46.796331 46.40909,45.181813 C 44.98507,42.812444 46.220462,39.785248 48.545459,38.545452 C 51.644314,36.892997 55.454153,38.507192 56.954547,41.545458 C 58.842639,45.368806 56.844001,49.970617 53.090902,51.727273 C 48.545397,53.854818 43.146815,51.468849 41.136361,46.999991 C 38.767111,41.733596 41.542078,35.535434 46.727281,33.272723 C 52.713804,30.660333 59.713334,33.825342 62.227275,39.727281 C 65.083776,46.433439 61.528027,54.235551 54.909079,57.000002 C 47.483621,60.101298 38.878068,56.15432 35.863632,48.818168 C 32.517038,40.673649 36.8556,31.26402 44.909104,27.999994"
150: transform="translate(-5,30)"
151: style="fill:none;stroke:#000000;stroke-width:1px;"/>
1.31 vatton 152: <svg:switch>
153: <svg:foreignObject width="200" height="100">
1.27 kia 154: <math xmlns="http://www.w3.org/1998/Math/MathML">
155: <mstyle mathcolor="#000080;">
156: <mrow>
1.31 vatton 157: <mi>Γ</mi>
158: <mo></mo>
1.27 kia 159: <mrow>
160: <mo>(</mo>
161: <mi>x</mi>
162: <mo>)</mo>
163: </mrow>
164: </mrow>
165: <mo>=</mo>
166: <mrow>
167: <msubsup>
1.31 vatton 168: <mo>∫</mo>
1.27 kia 169: <mn>0</mn>
170: <mrow>
171: <mo>+</mo>
1.31 vatton 172: <mi>∞</mi>
1.27 kia 173: </mrow>
174: </msubsup>
175: <msup>
176: <mi>t</mi>
177: <mrow>
178: <mi>x</mi>
1.31 vatton 179: <mo>−</mo>
1.27 kia 180: <mn>1</mn>
181: </mrow>
182: </msup>
183: <msup>
1.31 vatton 184: <mi>ⅇ</mi>
1.27 kia 185: <mrow>
1.31 vatton 186: <mo>−</mo>
1.27 kia 187: <mi>t</mi>
188: </mrow>
189: </msup>
190: <mrow>
1.31 vatton 191: <mo>ⅆ</mo>
1.27 kia 192: <mi>t</mi>
193: </mrow>
194: </mrow>
195: </mstyle>
1.32 vatton 196: </math></svg:foreignObject>
1.31 vatton 197: </svg:switch>
198: <svg:ellipse cx="18px" cy="8px" rx="18px" ry="8px"
199: style="opacity: 1; stroke: #ff0000; stroke-opacity: 1; stroke-width: 3; fill: #ffaaaa; fill-opacity: 1;"
200: transform="translate(83,65) "/>
201: </svg:g>
202: </svg:svg>
1.32 vatton 203: </div>
1.27 kia 204: </div>
205: </div>
206:
207: <div class="main">
208:
209: <div class="section">
210: <h2>Did you know?</h2>
1.1 vatton 211: <dl>
1.23 vatton 212: <dt>Choose your profile</dt>
1.29 quint 213: <dd>Amaya can be adapted to user's preferences: 5 different editing
214: profiles are provided to adapt the menus and panels to your own needs.
1.30 quint 215: Panels can be displayed on the left or on the right side of the window,
1.31 vatton 216: and each panel can be customized (see Preferences). </dd>
1.1 vatton 217: <dt>Amaya is a structured editor</dt>
1.30 quint 218: <dd>With the F2 or Esc key you can select the parent element in the
1.31 vatton 219: document structure, to apply editing functions (copy, paste, attributes,
220: etc.) to the right element.</dd>
1.5 vatton 221: <dt>Documents can be edited through different synchronized views</dt>
1.31 vatton 222: <dd>The Views menu allows you to open the Structure view, the Source view,
223: etc. Just double-click the line at the bottom or at the right of your
224: document to open or close an additional view</dd>
1.5 vatton 225: <dt>Documents can be published directly on remote servers</dt>
1.31 vatton 226: <dd>Through the http PUT method you can save a Web page on a remote server
227: provided you are allowed to do so. It is as simple as saving the document
228: locally.</dd>
1.30 quint 229: <dt>Links can be created in a single click</dt>
230: <dd>To create a link you just have to click its target (use <code>Views /
231: Show targets</code> to display targets).</dd>
1.5 vatton 232: <dt>Amaya provides advanced commands</dt>
1.31 vatton 233: <dd>... such as section numbering, table of contents generation, insertion
234: of a time stamp, structure transformation (see Tools menu).</dd>
1.1 vatton 235: </dl>
236: </div>
1.27 kia 237: </div>
238: </div>
1.1 vatton 239:
1.31 vatton 240: <p class="bottom section" style="font-size: smaller;">Permission to use, copy,
241: modify, and distribute this software and its documentation for any purpose and
242: without fee or royalty is hereby granted, provided that the full text of the <a
1.1 vatton 243: href="http://www.w3.org/Consortium/Legal/copyright-software.html"><acronym
1.31 vatton 244: title="Massachusetts Institute of Technology">MIT</acronym> and INRIA Copyright
245: Statement</a> appears with <strong>all</strong> copies of the software and
246: documentation or portions thereof, including modifications that you make.</p>
1.1 vatton 247: </body>
248: </html>
Webmaster