version 1.136, 2003/04/14 07:11:09
|
version 1.137, 2003/04/14 08:46:46
|
Line 1
|
Line 1
|
<?xml version="1.0" encoding="iso-8859-1"?> |
<?xml version="1.0" encoding="iso-8859-1"?> |
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> |
<!-- Processing Instruction generated by Amaya; the stylesheet is |
|
available on the W3C site at http://www.w3.org/Math/XSL/pmathml.xsl --> |
|
<?xml-stylesheet type="text/xsl" href="pmathml.xsl"?> |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" |
|
"http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> |
|
|
<defs> |
|
<symbol id="cube"> |
|
<polygon points="0,0 5,5 5,20 0,15" transform="translate(0,1)" |
|
stroke-width="1"/> |
|
<polygon points="0,0 15,0 20,5 5,5" transform="translate(1,0)" |
|
stroke-width="1"/> |
|
<rect x="6" y="6" width="15" height="15" stroke-width="1"/> |
|
</symbol> |
|
<symbol id="amayatext"> |
|
<text x="80" y="80" style="fill:black">AMAYA</text> |
|
</symbol> |
|
|
|
<!-- animated letters text --> |
|
<symbol id="logo"> |
|
<g style="font: 96px helvetica; font-weight: bold; fill: #488B9B;"> |
|
<text opacity="0" transform="translate(13,0)">A |
|
<animate attributeName="opacity" attributeType="CSS" from="0" |
|
to="1" begin="8s" dur="1s" fill="freeze"/> |
|
<animateTransform attributeName="transform" attributeType="XML" type="scale" |
|
from="1" to="0.5" additive="sum" begin="8s" dur="1s" |
|
fill="freeze" /> |
|
</text> |
|
|
|
<text opacity="0" transform="translate(33,0)">M |
|
<animate attributeName="opacity" attributeType="CSS" from="0" to="1" begin="9s" dur="1s" fill="freeze"/> |
|
<animateTransform attributeName="transform" attributeType="XML" type="scale" |
|
from="1" to="0.5" additive="sum" begin="9s" dur="1s" |
|
fill="freeze" /> |
|
</text> |
|
<text opacity="0" transform="translate(60,0)">A |
|
<animate attributeName="opacity" attributeType="CSS" from="0" to="1" begin="10s" dur="1s" fill="freeze"/> |
|
<animateTransform attributeName="transform" attributeType="XML" type="scale" |
|
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" |
|
fill="freeze" /> |
|
</text> |
|
<text opacity="0" transform=" translate(100,0)">A<animate attributeName="opacity" attributeType="CSS" from="0" |
|
to="1" begin="12s" dur="1s" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" |
|
type="scale" from="1" to="0.5" additive="sum" begin="12s" dur="1s" |
|
fill="freeze" /> </text></g> </symbol> |
|
</defs> |
|
|
|
<!-- new page is in the underlayer --> |
|
<g> |
|
|
|
<!-- Old Page respawning |
|
|
|
<image id="backgroundImage" xlink:href="amaya.png" width="471px" |
|
height="338px" y="1px"> <desc>Leading the Web to its full potential</desc> |
|
<set attributeName="opacity" attributeType="CSS" |
|
to="0" begin="0s" dur="15s" fill="freeze"/> |
|
<animate attributeName="opacity" attributeType="CSS" from="0" |
|
to="1" begin="15s" dur="3s" fill="freeze"/> |
|
</image> |
|
|
|
|
|
<g id="cubes"> |
|
|
|
<set attributeName="opacity" attributeType="CSS" |
|
to="0" begin="0s" dur="18s" fill="freeze"/> |
|
<animate attributeName="opacity" attributeType="CSS" from="0" |
|
to="1" begin="18s" dur="3s" fill="freeze"/> |
|
|
|
<animateColor attributeName="fill" attributeType="CSS" |
|
from="rgb(0,0,255)" to="rgb(128,0,0)" begin="18s" dur="6s" |
|
fill="freeze"/> |
|
|
|
<use x="200" y="112" xlink:href="#cube" style="fill: #0192BF" |
|
opacity="20%"/> |
|
<use x="230" y="112" xlink:href="#cube" style="fill: #2B9FC3" |
|
opacity="40%"/> |
|
<use x="260" y="112" xlink:href="#cube" style="fill: #53AAC5" |
|
opacity="60%"/> |
|
<use x="290" y="112" xlink:href="#cube" style="fill: #7AB4C6" |
|
opacity="80%"/> |
|
<use x="320" y="112" xlink:href="#cube" style="fill: #A3C0C9"/> |
|
<use x="350" y="112" xlink:href="#cube" style="fill: #A3C0C9"/> |
|
<use x="380" y="112" |
|
xlink:href="#cube" style="fill: #A3C0C9"/> |
|
<use opacity="40%" x="410" y="112" xlink:href="#cube" |
|
style="fill: #EC1608"/> |
|
<use x="410" y="142" xlink:href="#cube" style="fill: #E2372C"/> |
|
<use x="350" y="172" xlink:href="#cube" style="fill: #DAAFAC"/> |
|
<use x="380" y="172" xlink:href="#cube" |
|
style="fill: #DF8984"/> |
|
<use x="410" y="172" xlink:href="#cube" style="fill: #DC5B53"/> |
|
</g> |
|
--> |
|
|
|
<rect x="464" y="4" width="138" height="330" style="fill: #E1E1E1"> |
|
|
|
<set attributeName="opacity" attributeType="CSS" |
|
to="0" begin="0s" dur="10s" fill="freeze"/> |
|
|
|
<animate attributeName="opacity" attributeType="CSS" from="0" |
|
to="1" begin="10s" dur="3s" fill="freeze"/> |
|
|
|
</rect> |
|
|
|
<g style="fill:#dc5b53; font: bold 16px" transform="translate(477,0) scale(0.1)"> |
|
|
|
<set attributeName="opacity" attributeType="CSS" |
|
to="0" begin="0s" dur="10s" fill="freeze"/> |
|
|
|
<animateTransform attributeName="transform" attributeType="XML" |
|
type="scale" from="0.1" to="1" additive="sum" |
|
begin="7s" dur="10s" fill="freeze"/> |
|
|
|
|
|
<a xlink:href="http://www.w3.org/Amaya"> |
|
<text y="38px" x="0px">Amaya at W3C |
|
</text> |
|
</a> |
|
<a xlink:href="../doc/html/Manual.html"> |
|
<text y="68px" x="0px">Online Manual |
|
</text> |
|
</a> |
|
<a xlink:href="../doc/html/Index.html"> |
|
<text y="98px" x="3px">Index |
|
</text> |
|
</a> |
|
<a xlink:href="../doc/html/Annotations.html"> |
|
<text y="128px" x="0px">Annotations |
|
</text> |
|
</a> |
|
<a xlink:href="../doc/html/Creating.html"> |
|
<text y="158px" x="0px">XHTML |
|
</text> |
|
</a> |
|
<a xlink:href="../doc/html/Math.html"> |
|
<text y="188px" x="0px">MathML |
|
</text> |
|
</a> |
|
<a xlink:href="../doc/html/SVG.html"> |
|
<text y="218px" x="0px">SVG |
|
</text> |
|
</a> |
|
<a xlink:href="../doc/html/StyleSheets.html"> |
|
<text y="248px" x="0px">CSS |
|
</text> |
|
</a> |
|
<a xlink:href="http://www.w3.org"> |
|
<text y="278px" x="0px">W3C |
|
</text> |
|
</a> |
|
</g> |
|
|
|
|
|
|
|
<!-- animated letters text --> |
|
<g> |
|
<use transform="translate(90, 160)" xlink:href="#logo"/> |
|
<use transform="translate(90, 165)scale(1,-1)skewX(-50)" opacity="20%" xlink:href="#logo"/> |
|
</g> |
|
|
|
|
|
|
|
|
|
<!-- XML document in a foreign object |
|
<g transform="translate(100,200)" opacity="1"> |
|
<animate id="test" attributeName="opacity" attributeType="CSS" from="0" |
|
to="1" begin="8s" dur="2s" fill="freeze" repeatCount="1"/> |
|
|
|
|
|
<rect y="0" x="0" width="155px" height="150px" |
|
style="fill: #95E4FF; stroke: none" stroke="1px"/> |
|
<switch> |
|
<foreignObject y="-17" x="-5px" width="135px"> |
|
<h2 xmlns="http://www.w3.org/1999/xhtml">XML Document</h2> |
|
</foreignObject> |
|
</switch> |
|
<switch> |
|
<foreignObject y="10px" x="5px" width="135px"> |
|
|
|
<div xmlns="http://www.w3.org/1999/xhtml"> |
|
<p xmlns="http://www.w3.org/1999/xhtml">This document is a document |
|
with an equation</p> |
|
|
|
<p xmlns="http://www.w3.org/1999/xhtml">here is it <math |
|
xmlns="http://www.w3.org/1998/Math/MathML"> |
|
<mi>r</mi> |
|
<mo>=</mo> |
|
<msqrt> |
|
<msup> |
|
<mi>x</mi> |
|
<mn>2</mn> |
|
</msup> |
|
<mo>+</mo> |
|
<msup> |
|
<mi>y</mi> |
|
<mn>2</mn> |
|
</msup> |
|
</msqrt> |
|
</math> |
|
displayed inline along with his svg representation</p> |
|
|
|
<p xmlns="http://www.w3.org/1999/xhtml"><svg |
|
xmlns="http://www.w3.org/2000/svg" width="135px" height="5px"> |
|
<rect y="0" x="0" width="100px" height="5px" |
|
style="fill: #FF0000; stroke: #FFFF00" stroke="1px"/> |
|
</svg> |
|
</p> |
|
</div> |
|
</foreignObject> |
|
</switch> |
|
|
|
</g> |
|
--> |
|
|
|
|
|
<!-- End of the new document--> |
|
</g> |
|
|
|
<!-- Old Page --> |
|
|
|
<g> |
|
|
|
<animateTransform attributeName="transform" attributeType="XML" type="scale" from="1" |
|
to="0.1" begin="0s" dur="3s" fill="freeze" /> |
|
|
|
<animateTransform attributeName="transform" attributeType="XML" type="translate" from="0,0" |
|
to="500,0" begin="0s" dur="3s" fill="freeze" /> |
|
|
|
<animateTransform attributeName="transform" attributeType="XML" |
|
type="translate" from="0,0" to="-2000,-2000" begin="3s" dur="3s" fill="freeze" /> |
|
|
|
<animateTransform attributeName="transform" attributeType="XML" type="skewX" from="0" |
|
to="-50" begin="0s" dur="2s" fill="freeze" /> |
|
|
|
|
|
<switch> |
|
<foreignObject y="0" x="0px" width="600px" height="1800px"> |
|
<html xmlns="http://www.w3.org/1999/xhtml"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
|
|
<head> |
<head> |
<title>Welcome to Amaya</title> |
<title>Welcome to Amaya</title> |
<style type="text/css"> |
<style type="text/css"> |
Line 257 to="-50" begin="0s" dur="2s" fill="freez
|
Line 31 to="-50" begin="0s" dur="2s" fill="freez
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" |
<svg xmlns="http://www.w3.org/2000/svg" |
width="600" height="349"> |
width="600" height="349"> |
|
|
|
<defs> |
|
<symbol id="cube"> |
|
<polygon points="0,0 5,5 5,20 0,15" transform="translate(0,1)" |
|
stroke-width="1"/> |
|
<polygon points="0,0 15,0 20,5 5,5" transform="translate(1,0)" |
|
stroke-width="1"/> |
|
<rect x="6" y="6" width="15" height="15" stroke-width="1"/> |
|
</symbol> |
|
</defs> |
|
|
|
|
<rect x="464" y="4" width="138" height="330" style="fill: #E1E1E1"/> |
<rect x="464" y="4" width="138" height="330" style="fill: #E1E1E1"/> |
|
|
<g style="fill:#dc5b53; font: bold 16px" transform="translate(477,0)"> |
<g style="fill:#dc5b53; font: bold 16px" transform="translate(477,0)"> |
Line 303 to="-50" begin="0s" dur="2s" fill="freez
|
Line 89 to="-50" begin="0s" dur="2s" fill="freez
|
<g> |
<g> |
|
|
|
|
<image id="backgroundImage" xlink:href="amaya.png" width="471px" |
<image id="backgroundImage" xlink:href="amaya.png" width="471px" |
height="338px" y="1px"> |
height="338px" y="1px"> |
<desc>Leading the Web to its full potential</desc> |
<desc>Leading the Web to its full potential</desc> |
</image> |
</image> |
Line 328 to="-50" begin="0s" dur="2s" fill="freez
|
Line 114 to="-50" begin="0s" dur="2s" fill="freez
|
<use x="380" y="172" xlink:href="#cube" style="fill: #DF8984"/> |
<use x="380" y="172" xlink:href="#cube" style="fill: #DF8984"/> |
<use x="410" y="172" xlink:href="#cube" style="fill: #DC5B53"/> |
<use x="410" y="172" xlink:href="#cube" style="fill: #DC5B53"/> |
</g> |
</g> |
|
|
|
|
|
<g transform="translate(312,156)" style="font: 24px helvetica; font-weight: bold; fill: #488B9B;"> |
|
<text id="logo" > |
|
AMAYA |
|
</text> |
|
<text transform="scale(1,-1)skewX(-50)" opacity=".2"> |
|
AMAYA |
|
</text> |
|
</g> |
|
|
<text id="version" x="360px" y="320" |
<text id="version" x="360px" y="320" |
style="font: bold 16px italic; fill: #0192BF;">Release 7.2 |
style="font: bold 16px italic; fill: #0192BF;">Release 7.2 |
</text> |
</text> |
|
|
<g id="polygonMask" style="stroke: none;"> |
<g id="polygonMask" style="stroke: none;"> |
<polygon style="fill: #0192BF;" points="0,0 0,170 78,148" |
<polygon style="fill: #0192BF;" points="0,0 0,170 78,148" |
transform="translate(30,60)" stroke-width="1" opacity="1"/> |
transform="translate(30,60)" stroke-width="1" opacity="1"/> |
Line 460 software and documentation or portions t
|
Line 257 software and documentation or portions t
|
you make.</p> |
you make.</p> |
</div> |
</div> |
</body> |
</body> |
</html> |
</html> |
</foreignObject> |
|
</switch> |
|
</g> |
|
</svg> |
|
|
|