<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg"
>
<head><title></title>
<script>
<![CDATA[
//generated
var titles=new Array('Title','Reasons','The Canvas','How does it work?','This is just a demo ;)');
//---
var PREV_KEY=37; //cursor left keycode
var NEXT_KEY=39; //cursor right keycode
var DEFAULT_TITLE='XSVG Slideshow';

var slideNumber=Number.NaN;

function prev(){
  hideCurrentSlide()
  if(isNaN(slideNumber))slideNumber=titles.length+1;
  slideNumber--;
  if(slideNumber<=0){
    start();
  }else{
    show();
  }
}
function next(){
  hideCurrentSlide()
  if(isNaN(slideNumber))slideNumber=0;
  slideNumber++;
  if(slideNumber>titles.length){
    end();
  }else{
    show();
  }
}
function setDisplay(element, display){
  document.getElementById(element).style.display=display;
}
function hideCurrentSlide(){
  if(!isNaN(slideNumber)&&slideNumber>0&&slideNumber<=titles.length){
    //alert('hide:'+slideNumber);
    setDisplay('slide'+slideNumber,'none');
  }
}
function show(){
  if(!isNaN(slideNumber)){
    //alert('show: slide'+slideNumber);
    setDisplay('instructions','none');
    setDisplay('endofslideshow','none');
    setDisplay('slide'+slideNumber,'inline');
    window.location.hash=slideNumber;
    hash='#'+slideNumber;
    document.title='['+slideNumber+'/'+titles.length+'] '+titles[slideNumber-1];
  }
}
function end(){
  hideCurrentSlide();
  slideNumber=Number.NaN;
  setDisplay('endofslideshow','block');
  window.location.hash='end';
  hash='#end';
  document.title=DEFAULT_TITLE;
}
function start(){
  hideCurrentSlide();
  slideNumber=Number.NaN;
  setDisplay('instructions','block');
  window.location.hash='';
  hash='';
  document.title=DEFAULT_TITLE;
}
function keypress(e){
  if(!e)e=window.event;
  if(e.keyCode==PREV_KEY)prev();
  else if(e.keyCode==NEXT_KEY)next();
}
function mousedown(e){
  if(e.which==1)next();
}

var hash='';
function checkQuery(){
  if(hash!=document.location.hash){
    hash=document.location.hash;
    if(hash=='#end'){
      end();
    }else if(hash.indexOf('#')!=-1){
      var startnumstring=hash.substr(hash.indexOf('#')+1);
      var startnum=parseInt(startnumstring);
      if(startnumstring.length==0){
        defaults();
      }else if(!isNaN(startnum)){
        if(startnum>0&&startnum<=titles.length){
          hideCurrentSlide();
          slideNumber=startnum;
          show();
        }else{//OOB
          defaults();
        }
      }else{//garbage query
        defaults();
      }
    }else{//no query
      defaults();
    }
  }
}
function defaults(){
  hideCurrentSlide();
  slideNumber=Number.NaN;
  setDisplay('instructions','block');
  setDisplay('endofslideshow','none');
  //window.location.hash='';
  document.title=DEFAULT_TITLE;
}
function init(){
  defaults();
  checkQuery();
  show();
  window.setInterval("checkQuery()", 1000);
}
document.onkeyup = keypress;
document.onmousedown = mousedown;
]]>
</script>
<style type="text/css">
html,body,#main,#svg{width:100%;height:100%;margin:0;padding:0;font-size:0;overflow:hidden;}
#main{z-index:2;}
#instructions,#endofslideshow{color:#000;font-size:18px;font-family:tahoma,arial,sans-serif;text-align:center;margin:50px;}
#endofslideshow{display:none;}
#front{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;}
</style>
</head>
<body onload="init();">
<div id="main">
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg:svg
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   version="1.0"
   viewBox="0 0 640 480"
   id="svg">
  <svg:defs
     id="defs4">
    <svg:linearGradient
       id="linearGradient2419">
      <svg:stop
         style="stop-color:#3f4e77;stop-opacity:0.38613862"
         offset="0"
         id="stop2421" />
      <svg:stop
         style="stop-color:#5a70a8;stop-opacity:0"
         offset="1"
         id="stop2423" />
    </svg:linearGradient>
    <svg:linearGradient
       x1="293"
       y1="501"
       x2="293"
       y2="-17.047295"
       id="linearGradient1712"
       xlink:href="#linearGradient2419"
       gradientUnits="userSpaceOnUse"
       gradientTransform="translate(-33,-2)" />
  </svg:defs>
  <svg:g
     style="display:inline"
     id="0 - background">
    <svg:rect
       width="3366.1038"
       height="2800.5742"
       x="-1393.1791"
       y="-1019.6729"
       style="opacity:1;color:#000000;fill:url(#linearGradient1712);fill-opacity:1;fill-rule:nonzero;stroke:#949494;stroke-width:10.00000477;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:30.00001308, 10.00000436;stroke-dashoffset:0;stroke-opacity:0.45061729;visibility:visible;display:inline;overflow:visible"
       id="rect2417" />
    <svg:text
       x="255.16113"
       y="463.73602"
       style="font-size:10px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text1311"
       xml:space="preserve"><svg:tspan
         x="255.16113"
         y="463.73602"
         id="tspan1313">© 2006 Jos Hirth - kaoia.com</svg:tspan></svg:text>
  </svg:g>
  <svg:g
     style="display:none"
     id="slide1">
    <svg:g
       transform="translate(0,34)"
       id="g2219">
      <svg:text
         x="321.6875"
         y="159.76134"
         style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:100%;writing-mode:lr-tb;text-anchor:middle;fill:#a2a2a2;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
         id="text1336"
         xml:space="preserve"><svg:tspan
           x="321.6875"
           y="159.76134"
           id="tspan1338">Using browsers and SVG</svg:tspan><svg:tspan
           x="321.6875"
           y="199.76134"
           id="tspan1340">as Powerpoint replacement</svg:tspan></svg:text>
      <svg:text
         x="319.6875"
         y="157.76134"
         style="font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:center;line-height:100%;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
         id="text1330"
         xml:space="preserve"><svg:tspan
           x="319.6875"
           y="157.76134"
           id="tspan1332">Using browsers and SVG</svg:tspan><svg:tspan
           x="319.6875"
           y="197.76134"
           id="tspan1334">as Powerpoint replacement</svg:tspan></svg:text>
    </svg:g>
    <svg:text
       x="399.09277"
       y="270.97964"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text2215"
       xml:space="preserve"><svg:tspan
         x="399.09277"
         y="270.97964"
         id="tspan2217">Jos Hirth, kaioa.com</svg:tspan></svg:text>
  </svg:g>
  <svg:g
     style="display:none"
     id="slide2">
    <svg:text
       x="49.29435"
       y="158.12158"
       style="font-size:32px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text2238"
       xml:space="preserve"><svg:tspan
         x="49.29435"
         y="158.12158"
         id="tspan2240">What for?</svg:tspan></svg:text>
    <svg:g
       transform="translate(9.5034,-2.391434)"
       id="g4340">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect3465" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect2587" />
    </svg:g>
    <svg:text
       x="76.200302"
       y="191"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text4346"
       xml:space="preserve"><svg:tspan
         x="76.200302"
         y="191"
         id="tspan4348">fun</svg:tspan></svg:text>
    <svg:text
       x="76.200302"
       y="219"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text4354"
       xml:space="preserve"><svg:tspan
         x="76.200302"
         y="219"
         id="tspan4356">ultra compact - this demo is less than 4kb in size!</svg:tspan></svg:text>
    <svg:text
       x="76.200302"
       y="247"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text4358"
       xml:space="preserve"><svg:tspan
         x="76.200302"
         y="247"
         id="tspan4360">nonproprietary file format</svg:tspan></svg:text>
    <svg:text
       x="76.200302"
       y="275"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text4362"
       xml:space="preserve"><svg:tspan
         x="76.200302"
         y="275"
         id="tspan4364">free software</svg:tspan></svg:text>
    <svg:text
       x="76.200302"
       y="303"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text4366"
       xml:space="preserve"><svg:tspan
         x="76.200302"
         y="303"
         id="tspan4368">no extra software required (apart from a proper browser)</svg:tspan></svg:text>
    <svg:g
       transform="translate(9.5034,27.36638)"
       style="display:inline"
       id="g4370">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4372" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4374" />
    </svg:g>
    <svg:g
       transform="translate(9.5034,55.36638)"
       style="display:inline"
       id="g4376">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4378" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4380" />
    </svg:g>
    <svg:g
       transform="translate(9.5034,81.60857)"
       style="display:inline"
       id="g4382">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4384" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4386" />
    </svg:g>
    <svg:g
       transform="translate(9.5034,111.3664)"
       style="display:inline"
       id="g4388">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4390" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4392" />
    </svg:g>
  </svg:g>
  <svg:g
     style="display:none"
     id="slide3">
    <svg:path
       d="M 580 240 A 240 240 0 1 1  100,240 A 240 240 0 1 1  580 240 z"
       transform="translate(-20,0)"
       style="opacity:1;color:#000000;fill:#5a70a8;fill-opacity:0.19135802;fill-rule:nonzero;stroke:#949494;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.45061729;visibility:visible;display:inline;overflow:visible"
       id="path2358" />
    <svg:rect
       width="640"
       height="480"
       x="0"
       y="0"
       style="opacity:1;color:#000000;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:10;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:30, 10;stroke-dashoffset:0;stroke-opacity:0.19135802;visibility:visible;display:inline;overflow:visible"
       id="rect2360" />
    <svg:text
       x="49.29435"
       y="158.12158"
       style="font-size:32px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Trebuchet MS"
       id="text2366"
       xml:space="preserve"><svg:tspan
         x="49.29435"
         y="158.12158"
         id="tspan2368">The Canvas</svg:tspan></svg:text>
    <svg:text
       x="76.666122"
       y="193.11667"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:120.00000477%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Trebuchet MS"
       id="text2370"
       xml:space="preserve"><svg:tspan
         x="76.666122"
         y="193.11667"
         id="tspan2380">check the resizing behaviour</svg:tspan><svg:tspan
         x="76.666122"
         y="214.71667"
         id="tspan2382" /></svg:text>
    <svg:g
       transform="translate(5.5034,1.483047)"
       style="display:inline"
       id="g4400">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4402" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4404" />
    </svg:g>
  </svg:g>
  <svg:g
     style="display:none"
     id="slide4">
    <svg:text
       x="49.29435"
       y="158.12158"
       style="font-size:32px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Trebuchet MS"
       id="text1681"
       xml:space="preserve"><svg:tspan
         x="49.29435"
         y="158.12158"
         id="tspan1683">How does it work? (outdated!)</svg:tspan></svg:text>
    <svg:text
       x="76.068466"
       y="333"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text1708"
       xml:space="preserve"><svg:tspan
         x="76.068466"
         y="333"
         id="tspan1710">and that's it!</svg:tspan></svg:text>
    <svg:text
       x="106"
       y="296"
       style="font-size:24px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Courier New"
       id="text1704"
       xml:space="preserve"><svg:tspan
         x="106"
         y="296"
         id="tspan1706">viewBox=&quot;0 0 640 480&quot;</svg:tspan></svg:text>
    <svg:text
       x="76.200302"
       y="188"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text4406"
       xml:space="preserve"><svg:tspan
         x="76.200302"
         y="188"
         id="tspan4408">take a look at the source of this page and modify it</svg:tspan></svg:text>
    <svg:text
       x="76.200302"
       y="210.66667"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text4410"
       xml:space="preserve"><svg:tspan
         x="76.200302"
         y="210.66667"
         id="tspan4412">use inkscape(.org) for creating the slides</svg:tspan></svg:text>
    <svg:text
       x="76.200302"
       y="233.33333"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text4414"
       xml:space="preserve"><svg:tspan
         x="76.200302"
         y="233.33333"
         id="tspan4416">set the document size to 640*480px</svg:tspan></svg:text>
    <svg:text
       x="76.200302"
       y="256"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Trebuchet MS"
       id="text4418"
       xml:space="preserve"><svg:tspan
         x="76.200302"
         y="256"
         id="tspan4420">replace the width/height properties (of the svg tag) with:</svg:tspan></svg:text>
    <svg:g
       transform="translate(7.77843,-3.633621)"
       style="display:inline"
       id="g4422">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4424" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4426" />
    </svg:g>
    <svg:g
       transform="translate(7.77843,19.06821)"
       style="display:inline"
       id="g4428">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4430" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4432" />
    </svg:g>
    <svg:g
       transform="translate(7.77843,41.69971)"
       style="display:inline"
       id="g4434">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4436" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4438" />
    </svg:g>
    <svg:g
       transform="translate(7.77843,64.40154)"
       style="display:inline"
       id="g4440">
      <svg:rect
         width="10"
         height="10"
         x="50.993164"
         y="182.84358"
         style="opacity:1;color:#000000;fill:#000000;fill-opacity:0.22222224;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4442" />
      <svg:rect
         width="10"
         height="10"
         x="48.993164"
         y="180.84358"
         style="opacity:1;color:#000000;fill:#202641;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.1626476px;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
         id="rect4444" />
    </svg:g>
  </svg:g>
  <svg:g
     style="display:none"
     id="slide5">
    <svg:text
       x="49.29435"
       y="158.12158"
       style="font-size:32px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Trebuchet MS"
       id="text2399"
       xml:space="preserve"><svg:tspan
         x="49.29435"
         y="158.12158"
         id="tspan2401">This is stupid!</svg:tspan></svg:text>
    <svg:text
       x="76.666122"
       y="193.11667"
       style="font-size:18px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:120.00000477%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline;font-family:Trebuchet MS"
       id="text2403"
       xml:space="preserve"><svg:tspan
         x="76.666122"
         y="193.11667"
         id="tspan2405">Congratulations.</svg:tspan><svg:tspan
         x="76.666122"
         y="214.71667"
         id="tspan2415">You just found out what presentations are all about. :)</svg:tspan><svg:tspan
         x="76.666122"
         y="236.31667"
         id="tspan2407" /></svg:text>
  </svg:g>
</svg:svg>
<!-- END OF INLINE SVG-->
</div>
<div id="front">
  <div id="instructions"><p>Use &#8680; or left click for forward and &#8678; or the backbutton for backward.</p><p>Try the fullscreen mode (usually F11) for extra neatness.</p></div>
  <div id="endofslideshow"><p>- end of slideshow -</p></div>
</div>
</body>
</html>