Annotation of Amaya/amaya/AmayaPage_WX.html, revision 1.33

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)">
                     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.33    ! vatton    124: <p>Major changes since version 10:</p>
1.27      kia       125: <ul>
1.32      vatton    126:   <li>Possibility to create and edit document templates from document
                    127:   skeletons</li>
                    128:   <li>More facilities to edit template instances</li>
                    129:   <li>The first version of an integrated editor for SVG graphic schemas</li>
                    130:   <li>The support of semantic information within web pages (RDFa)</li>
                    131:   <li>Direct resizing of images</li>
1.27      kia       132: </ul>
                    133: </div>
                    134: 
                    135: <div class="section">
                    136: <h2>Advanced features</h2>
                    137: 
                    138: <p>Embedded MathML and SVG:</p>
                    139: 
1.31      vatton    140: <div id="mathml_svg">
1.32      vatton    141: <svg:svg height="250" width="250">
1.31      vatton    142:   <svg:g transform="rotate(-47.78,198.421,64.1654) scale(1) ">
                    143:     <svg:rect style="stroke:#50ff50;stroke-width:3px;fill:#aaffaa;" width="200"
1.27      kia       144:           height="100"/>
1.31      vatton    145:     <svg:path
1.27      kia       146:           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 "
                    147:           transform="translate(150,40)"
                    148:           style="stroke:#ffaa00;stroke-width:1px;fill:#ffff00;"/>
1.31      vatton    149:     <svg:path
1.27      kia       150:           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"
                    151:           transform="translate(-5,30)"
                    152:           style="fill:none;stroke:#000000;stroke-width:1px;"/>
1.31      vatton    153:     <svg:switch>
                    154:       <svg:foreignObject width="200" height="100">
1.27      kia       155:         <math xmlns="http://www.w3.org/1998/Math/MathML">
                    156:           <mstyle mathcolor="#000080;">
                    157:             <mrow>
1.31      vatton    158:               <mi>Γ</mi>
                    159:               <mo>⁡</mo>
1.27      kia       160:               <mrow>
                    161:                 <mo>(</mo>
                    162:                 <mi>x</mi>
                    163:                 <mo>)</mo>
                    164:               </mrow>
                    165:             </mrow>
                    166:             <mo>=</mo>
                    167:             <mrow>
                    168:               <msubsup>
1.31      vatton    169:                 <mo>∫</mo>
1.27      kia       170:                 <mn>0</mn>
                    171:                 <mrow>
                    172:                   <mo>+</mo>
1.31      vatton    173:                   <mi>∞</mi>
1.27      kia       174:                 </mrow>
                    175:               </msubsup>
                    176:               <msup>
                    177:                 <mi>t</mi>
                    178:                 <mrow>
                    179:                   <mi>x</mi>
1.31      vatton    180:                   <mo>−</mo>
1.27      kia       181:                   <mn>1</mn>
                    182:                 </mrow>
                    183:               </msup>
                    184:               <msup>
1.31      vatton    185:                 <mi>ⅇ</mi>
1.27      kia       186:                 <mrow>
1.31      vatton    187:                   <mo>−</mo>
1.27      kia       188:                   <mi>t</mi>
                    189:                 </mrow>
                    190:               </msup>
                    191:               <mrow>
1.31      vatton    192:                 <mo>ⅆ</mo>
1.27      kia       193:                 <mi>t</mi>
                    194:               </mrow>
                    195:             </mrow>
                    196:           </mstyle>
1.32      vatton    197:         </math></svg:foreignObject>
1.31      vatton    198:     </svg:switch>
                    199:     <svg:ellipse cx="18px" cy="8px" rx="18px" ry="8px"
                    200:           style="opacity: 1; stroke: #ff0000; stroke-opacity: 1; stroke-width: 3; fill: #ffaaaa; fill-opacity: 1;"
                    201:           transform="translate(83,65) "/>
                    202:   </svg:g>
                    203: </svg:svg>
1.32      vatton    204: </div>
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