<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<!-- Animation added by hand -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
viewBox="0 0 650 562.5"
height="100%"
width="100%">
<defs>
<mask id="rosarum">
<circle cx="325" cy="281" fill="white">
<animate attributename="r" values="125;250;125" dur="20s" begin="0s" repeatcount="indefinite"/>
</circle>
</mask>
</defs>
<title>Rosascope</title>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>Kaleidoscope</dc:title>
<dc:date>7 December 2011</dc:date>
<dc:creator>
<cc:Agent>
<dc:title>Tavmjong Bah</dc:title>
</cc:Agent>
</dc:creator>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-nc-sa/3.0/" />
<dc:rights>
<cc:Agent>
<dc:title>Copyright 2011</dc:title>
</cc:Agent>
</dc:rights>
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-nc-sa/3.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:prohibits
rdf:resource="http://creativecommons.org/ns#CommercialUse" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<defs>
<clipPath
clipPathUnits="userSpaceOnUse"
id="frame">
<path
d="M 0 0 L 650,0 650,562.5 0,562.5 z" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="triangle">
<path
transform="translate(-64.951904,-37.5)"
d="M 0,-75 64.951904,37.5 l -129.90381,0 z" />
</clipPath>
</defs>
<g mask="url(#rosarum)"
clip-path="url(#frame)"
id="layer1">
<g
id="gCell"
clip-path="url(#triangle)"
style="fill:none;stroke:#000000;stroke-width:1px">
<image
xlink:href="http://www.crdp-strasbourg.fr/main2/arts_culture/architecture_patrimoine/images/big-cathedrale.jpg"
width="640"
height="480"
x="-320"
y="-240" opacity="0">
<animateTransform
attributeName="transform"
attributeType="XML"
type="rotate"
from="360"
to="0"
additive="sum"
begin="0s"
dur="20s"
repeatCount="indefinite"
fill="repeat" />
<animateTransform
attributeName="transform"
attributeType="XML"
type="translate"
from="-200,-100"
to="200,100"
additive="sum"
begin="0s"
dur="300s"
repeatCount="indefinite"
fill="repeat" />
<animate attributename="opacity" dur="0s" fill="freeze" values="1" begin="white.mousedown"/>
<animate attributename="opacity" dur="0s" fill="freeze" values="0" begin="noir.mousedown"/>
</image>
<image
xlink:href="https://upload.wikimedia.org/wikipedia/commons/a/ab/Canterbury,_Canterbury_cathedral-stained_glass_12.JPG"
width="640"
height="480"
x="-320"
y="-240" opacity="0">
<animateTransform
attributeName="transform"
attributeType="XML"
type="rotate"
from="360"
to="0"
additive="sum"
begin="0s"
dur="20s"
repeatCount="indefinite"
fill="repeat" />
<animateTransform
attributeName="transform"
attributeType="XML"
type="translate"
from="-200,-100"
to="200,100"
additive="sum"
begin="0s"
dur="300s"
repeatCount="indefinite"
fill="repeat" />
<animate attributename="opacity" dur="0s" fill="freeze" values="0" begin="white.mousedown"/>
<animate attributename="opacity" dur="0s" fill="freeze" values="1" begin="noir.mousedown"/>
</image>
</g>
<use
x="0"
y="0"
xlink:href="#gCell"
id="use8004" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(194.85571,112.5)"
id="use8006" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(0,225)"
id="use8008" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(194.85571,337.5)"
id="use8010" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(0,450)"
id="use8012" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(194.85571,562.5)"
id="use8014" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,8.660254e-7,-5e-7)"
id="use8016" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,194.85572,112.5)"
id="use8018" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,8.660254e-7,225)"
id="use8020" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,194.85572,337.5)"
id="use8022" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,8.660254e-7,450)"
id="use8024" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,194.85572,562.5)"
id="use8026" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,-8.660254e-7,-1.5e-6)"
id="use8028" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,194.85571,112.5)"
id="use8030" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,-8.660254e-7,225)"
id="use8032" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,194.85571,337.5)"
id="use8034" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,-8.660254e-7,450)"
id="use8036" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,194.85571,562.5)"
id="use8038" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,-8.6602537e-7,-5.0000001e-7)"
id="use8040" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,194.85571,112.5)"
id="use8042" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,-8.6602537e-7,225)"
id="use8044" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,194.85571,337.5)"
id="use8046" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,-8.6602537e-7,450)"
id="use8048" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,194.85571,562.5)"
id="use8050" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,8.6602542e-7,-1.5e-6)"
id="use8052" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,194.85572,112.5)"
id="use8054" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,8.6602542e-7,225)"
id="use8056" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,194.85572,337.5)"
id="use8058" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,8.6602542e-7,450)"
id="use8060" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,194.85572,562.5)"
id="use8062" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,0,-2e-6)"
id="use8064" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,194.85571,112.5)"
id="use8066" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,0,225)"
id="use8068" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,194.85571,337.5)"
id="use8070" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,0,450)"
id="use8072" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,194.85571,562.5)"
id="use8074" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(389.71143,0)"
id="use8076" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(584.56714,112.5)"
id="use8078" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(389.71143,225)"
id="use8080" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(584.56714,337.5)"
id="use8082" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(389.71143,450)"
id="use8084" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="translate(584.56714,562.5)"
id="use8086" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,389.71143,-5e-7)"
id="use8088" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,584.56715,112.5)"
id="use8090" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,389.71143,225)"
id="use8092" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,584.56715,337.5)"
id="use8094" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,389.71143,450)"
id="use8096" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,0.8660254,0.5,584.56715,562.5)"
id="use8098" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,389.71143,-1.5e-6)"
id="use8100" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,584.56714,112.5)"
id="use8102" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,389.71143,225)"
id="use8104" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,584.56714,337.5)"
id="use8106" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,389.71143,450)"
id="use8108" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,0.8660254,-0.8660254,-0.5,584.56714,562.5)"
id="use8110" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,389.71143,-5.0000001e-7)"
id="use8112" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,584.56714,112.5)"
id="use8114" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,389.71143,225)"
id="use8116" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,584.56714,337.5)"
id="use8118" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,389.71143,450)"
id="use8120" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,-0.8660254,0.5,584.56714,562.5)"
id="use8122" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,389.71143,-1.5e-6)"
id="use8124" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,584.56715,112.5)"
id="use8126" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,389.71143,225)"
id="use8128" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,584.56715,337.5)"
id="use8130" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,389.71143,450)"
id="use8132" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(-0.5,-0.8660254,0.8660254,-0.5,584.56715,562.5)"
id="use8134" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,389.71143,-2e-6)"
id="use8136" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,584.56714,112.5)"
id="use8138" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,389.71143,225)"
id="use8140" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,584.56714,337.5)"
id="use8142" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,389.71143,450)"
id="use8144" />
<use
x="0"
y="0"
xlink:href="#gCell"
transform="matrix(1,0,0,-1,584.56714,562.5)"
id="use8146" />
</g>
<rect x="5" y="5" width="10" height="10" fill="black" id="noir" />
<rect x="25" y="5" width="10" height="10" fill="white" stroke-width="0.5" stroke="#000000" id="white" />
</svg>
