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