Annotation of Amaya/amaya/AmayaPage_WX.html, revision 1.31
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.27 kia 24: <h1 id="title">Amaya [10.0]</h1>
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)">
! 57: <svg:polygon points="3,0 5,16 0,16" transform="translate(25,-20)"
1.1 vatton 58: style="stroke: #E50000; fill: #E50000"/>
1.31 ! vatton 59: <svg:polygon
1.1 vatton 60: 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"
61: stroke="#E50000" fill="#FF9595"/>
62: <!-- M scale -->
1.31 ! vatton 63: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 64: type="scale" from=".1" to="1" additive="sum" begin="0s"
65: dur="3s" fill="freeze"/>
66: <!-- M translation -->
1.31 ! vatton 67: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 68: type="translate" from="0,0" to="118,110" begin="0s"
69: dur="3s" fill="freeze"/>
70: <!-- M oscillations -->
71: <!-- Maybe rotation center is not correct... (30,-22) -->
1.31 ! vatton 72: <svg:animateTransform attributeName="transform" attributeType="XML"
! 73: type="rotate" from="0,30,-22" to="-30,30,-22" begin="3s"
! 74: dur="0.2s" fill="freeze"/>
! 75: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 76: type="rotate" from="-30,30,-22" to="25,30,-22"
77: begin="3.2s" dur="0.4s" fill="freeze"/>
1.31 ! vatton 78: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 79: type="rotate" from="25,30,-22" to="-20,30,-22"
80: begin="3.6s" dur="0.6s" fill="freeze"/>
1.31 ! vatton 81: <svg:animateTransform attributeName="transform" attributeType="XML"
1.1 vatton 82: type="rotate" from="-20,30,-22" to="15,30,-22"
83: begin="4.2s" dur="0.8s" fill="freeze"/>
1.31 ! vatton 84: <svg:animateTransform attributeName="transform" attributeType="XML"
! 85: type="rotate" from="15,30,-22" to="-10,30,-22" begin="5s"
! 86: dur="1s" fill="freeze"/>
! 87: <svg:animateTransform attributeName="transform" attributeType="XML"
! 88: type="rotate" from="-10,30,-22" to="0,30,-22" begin="6s"
! 89: dur="0.6s" fill="freeze"/>
! 90: </svg:g>
! 91: </svg:svg>
1.1 vatton 92: </div>
93:
1.27 kia 94: <div id="intro" class="section">
1.29 quint 95: <p>With version 10, Amaya offers a redesigned user interface and a number of
96: new features.</p>
97:
1.31 ! vatton 98: <p>Amaya is a Web client that acts both as a browser and as an authoring
1.7 vatton 99: tool. It has been designed by <a href="http://www.w3.org">W3C</a> and <a
1.31 ! vatton 100: href="http://www.inria.fr/index.en.html">INRIA</a> with the primary purpose of
! 101: demonstrating new Web technologies and helping users to generate valid Web
1.29 quint 102: pages. Thanks to the European (FP6) <a
1.31 ! vatton 103: href="http://palette.ercim.org/">Palette</a> project, Amaya 10 is much easier
! 104: to use, through its new user interface and its innovative templating system.<br
! 105: />
1.28 vatton 106: </p>
107:
1.31 ! vatton 108: <p>With Amaya, you can manipulate rich Web pages containing forms, tables, and
! 109: the most advanced features from <acronym
1.1 vatton 110: title="Hypertext Markup Language">XHTML</acronym>. You can create and edit
1.31 ! vatton 111: complex <a href="../doc/WX/Math.html">mathematical expressions</a> and <a
! 112: href="../doc/WX/SVG.html">graphics</a> within Web pages. You can style your
! 113: documents using <a href="http://www.w3.org/Style/CSS/">Cascading Style
! 114: Sheets</a> (CSS). </p>
1.27 kia 115: </div>
1.1 vatton 116:
117: <div class="body">
1.27 kia 118:
119: <div class="column">
120:
121: <div class="section">
1.29 quint 122: <h2>Main new features</h2>
1.27 kia 123:
1.30 quint 124: <p>Major changes since version 9.55:</p>
1.27 kia 125: <ul>
1.30 quint 126: <li>Re-designed user interface</li>
1.27 kia 127: <li>Direct access to style</li>
128: <li>Contextual menu</li>
1.29 quint 129: <li>Editing profiles</li>
1.30 quint 130: <li>Advanced table editing</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">
! 140: <svg:svg height="250" width="250">
! 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.31 ! vatton 196: </math> </svg:foreignObject>
! 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>
! 203: </div>
! 204:
1.27 kia 205: </div>
206: </div>
207:
208: <div class="main">
209:
210: <div class="section">
211: <h2>Did you know?</h2>
1.1 vatton 212: <dl>
1.23 vatton 213: <dt>Choose your profile</dt>
1.29 quint 214: <dd>Amaya can be adapted to user's preferences: 5 different editing
215: profiles are provided to adapt the menus and panels to your own needs.
1.30 quint 216: Panels can be displayed on the left or on the right side of the window,
1.31 ! vatton 217: and each panel can be customized (see Preferences). </dd>
1.1 vatton 218: <dt>Amaya is a structured editor</dt>
1.30 quint 219: <dd>With the F2 or Esc key you can select the parent element in the
1.31 ! vatton 220: document structure, to apply editing functions (copy, paste, attributes,
! 221: etc.) to the right element.</dd>
1.5 vatton 222: <dt>Documents can be edited through different synchronized views</dt>
1.31 ! vatton 223: <dd>The Views menu allows you to open the Structure view, the Source view,
! 224: etc. Just double-click the line at the bottom or at the right of your
! 225: document to open or close an additional view</dd>
1.5 vatton 226: <dt>Documents can be published directly on remote servers</dt>
1.31 ! vatton 227: <dd>Through the http PUT method you can save a Web page on a remote server
! 228: provided you are allowed to do so. It is as simple as saving the document
! 229: locally.</dd>
1.30 quint 230: <dt>Links can be created in a single click</dt>
231: <dd>To create a link you just have to click its target (use <code>Views /
232: Show targets</code> to display targets).</dd>
1.5 vatton 233: <dt>Amaya provides advanced commands</dt>
1.31 ! vatton 234: <dd>... such as section numbering, table of contents generation, insertion
! 235: of a time stamp, structure transformation (see Tools menu).</dd>
1.1 vatton 236: </dl>
237: </div>
1.27 kia 238: </div>
239: </div>
1.1 vatton 240:
1.31 ! vatton 241: <p class="bottom section" style="font-size: smaller;">Permission to use, copy,
! 242: modify, and distribute this software and its documentation for any purpose and
! 243: without fee or royalty is hereby granted, provided that the full text of the <a
1.1 vatton 244: href="http://www.w3.org/Consortium/Legal/copyright-software.html"><acronym
1.31 ! vatton 245: title="Massachusetts Institute of Technology">MIT</acronym> and INRIA Copyright
! 246: Statement</a> appears with <strong>all</strong> copies of the software and
! 247: documentation or portions thereof, including modifications that you make.</p>
1.1 vatton 248: </body>
249: </html>
Webmaster