<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="0h_files/Presentation.css" type="text/css"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:x="http://www.w3.org/1999/xhtml" xmlns:slide="http://www.w3.org/Consortium/Offices/Presentation/xsltSlidemaker" xmlns:xlink="http://www.w3.org/1999/xlink" xmnls="http://www.w3.org/2000/svg" viewBox="0 0 1220 915" onload="Slide_init(evt);">
	<script xmlns="http://www.w3.org/2000/svg" type="text/ecmascript">
              function Slide_init(evt) {
                var svgdoc, kt;
                svgdoc = evt.getTarget().getOwnerDocument();
                kt = svgdoc.getElementById("Background");
                kt.addEventListener("keypress", Slide_handlekeypress, false);
                kt = svgdoc.getElementById("slideContent");
                kt.addEventListener("keypress", Slide_handlekeypress, false);
              }
            
              function Slide_handlekeypress(evt) {
                var k = evt.getCharCode();
                if ( k == 32 || k == 78 || k == 110 ) window.navigate("1h.svg");
                if ( k == 85 || k == 117 ) window.navigate("overviewh.svg");
              }
            </script>
	<style xmlns="http://www.w3.org/2000/svg" type="text/css">
            .greenish { color: green; fill: green }
            .reddish  { color: red; fill: red }
            code, .code { 
               color: maroon; fill: maroon; 
               font-family: "Courier New", courier, monospace;
               font-size: 28px !important;
            }
            text.TitleMajor { font-size:55px; }
            text.slideTitle { fill:yellow }
            feSpecularLighting.arrow { lighting-color: white; }
            rect.Background { fill: #990000; }
            rect.slideContent { fill: #ffffcc; }
            path.linkArrow, circle.linkArrow { fill: yellow; }
            text.authorSig, text.dateSig, text.slideNumberSig { fill:yellow }
            rect.w3clogoBackground { fill: white }
            path.frameLight { fill: #bbffbb; }
            path.frameDark { fill: #006600; }            

        </style>
	<defs>
		<filter xmlns="http://www.w3.org/2000/svg" id="arrow_effects">
			<feGaussianBlur in="SourceAlpha" stdDeviation="4.5" result="blur"/>
			<feSpecularLighting in="blur" surfaceScale="8" specularConstant="1.5" specularExponent="20" result="specOut" class="arrow">
				<fePointLight x="-5000" y="-10000" z="10000"/>
			</feSpecularLighting>
			<feComposite in="specOut" in2="SourceAlpha" operator="in" result="specOut"/>
			<feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/>
		</filter>
		<g xmlns="http://www.w3.org/2000/svg" id="Arrow">
			<path transform="scale(1.4)" class="linkArrow" d="M-12,12L15,0L-12,-12z"/>
		</g>
		<g xmlns="http://www.w3.org/2000/svg" id="rightArrow" filter="url(#arrow_effects)">
			<use xlink:href="#Arrow"/>
		</g>
		<g xmlns="http://www.w3.org/2000/svg" id="leftArrow" filter="url(#arrow_effects)">
			<use transform="scale(-1,1)" xlink:href="#Arrow"/>
		</g>
		<circle xmlns="http://www.w3.org/2000/svg" r="10" class="linkArrow" id="upArrow" filter="url(#arrow_effects)"/>
		<linearGradient xmlns="http://www.w3.org/2000/svg" id="tooltip-back" x1="0%" y1="100%" x2="0%" y2="0%">
			<stop offset="20%" id="tooltip-back-c1"/>
			<stop offset="70%" id="tooltip-back-c2"/>
			<stop offset="100%" id="tooltip-back-c3"/>
		</linearGradient>
		<linearGradient xmlns="http://www.w3.org/2000/svg" id="tooltip-forward" x1="0%" y1="100%" x2="0%" y2="0%">
			<stop offset="20%" id="tooltip-forward-c1"/>
			<stop offset="70%" id="tooltip-forward-c2"/>
			<stop offset="100%" id="tooltip-forward-c3"/>
		</linearGradient>
		<rect xmlns="http://www.w3.org/2000/svg" width="150" height="30" id="tip-back" style="fill:url(#tooltip-back); stroke:black"/>
		<rect xmlns="http://www.w3.org/2000/svg" width="150" height="30" id="tip-forward" style="fill:url(#tooltip-forward); stroke:black"/>
		<clipPath xmlns="http://www.w3.org/2000/svg" id="tipClip">
			<rect width="136" height="30" x="8"/>
		</clipPath>
		<filter xmlns="http://www.w3.org/2000/svg" id="title_effects">
			<feGaussianBlur in="SourceAlpha" stdDeviation="4.5" result="blur"/>
			<feSpecularLighting in="blur" surfaceScale="8" specularConstant="1.5" specularExponent="20" result="specOut" class="title">
				<fePointLight x="-5000" y="-10000" z="10000"/>
			</feSpecularLighting>
			<feComposite in="specOut" in2="SourceAlpha" operator="in" result="specOut"/>
			<feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/>
		</filter>
		<g xmlns="http://www.w3.org/2000/svg" transform="translate(-6,-6)" id="frame">
			<g>
				<!--Top horizontal frame-->
				<path class="frameLight" d="M0,0 h1182 l-3,3 h-1176z"/>
				<path class="frameDark" d="M3,3 h1176 l-2,2 h-1172z"/>
			</g>
			<g>
				<!--Left vertical frame-->
				<path class="frameLight" d="M0,0 v807 l3,-3 v-801z"/>
				<path class="frameDark" d="M3,3 v801 l2,-2 v-797z"/>
			</g>
			<g transform="translate(1182)">
				<!--Right vertical frame-->
				<path class="frameDark" d="M0,0 v807 l-3,-3 v-801z"/>
				<path class="frameLight" d="M-3,3 v801 l-2,-2 v-797z"/>
			</g>
			<g transform="translate(0,807)">
				<!--Bottom horizontal frame-->
				<path class="frameDark" d="M0,0 h1182 l-3,-3 h-1176z"/>
				<path class="frameLight" d="M3,-3 h1176 l-2,-2 h-1172z"/>
			</g>
		</g>
		<filter xmlns="http://www.w3.org/2000/svg" id="logo_3deffect">
			<feGaussianBlur in="SourceAlpha" stdDeviation="4.5" result="blur"/>
			<feSpecularLighting in="blur" surfaceScale="8" specularConstant="1.5" specularExponent="20" result="specOut" style="lighting-color:lightGray">
				<fePointLight x="-50000" y="-100000" z="10000"/>
			</feSpecularLighting>
			<feComposite in="specOut" in2="SourceAlpha" operator="in" result="specOut"/>
			<feComposite in="SourceGraphic" in2="specOut" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/>
		</filter>
		<g xmlns="http://www.w3.org/2000/svg" id="SlideLogo" transform="translate(30,15) scale(1.2)">
			<svg height="51" width="90" viewBox="0 0 90 51">
				<rect class="w3clogoBackground" y="-2" x="-1" width="91" height="45"/>
				<g filter="url(#logo_3deffect)">
					<path d="M74.5,.2l0.8,5.1l-3,5.6c0,0-1.13-2.39-3-3.7                             c-1.6-1.1-2.6-1.4-4.2-1c-2.1,0.4-4.4,2.9-5.4,5.9                             c-1.2,3.6-1.2,5.4-1.3,7c-0.07,2.6,0.3,4.14,0.3,4.1                             s-1.8-3.3-1.8-8.1c0.01-3.5,0.6-6.6,2.2-9.7                             c1.41-2.7,3.5-4.4,5.4-4.5c1.9-0.2,3.4,0.7,4.6,1.7                             c1.2,1,2.5,3.3,2.5,3.4z"/>
					<path d="M74.9,28.8c0,0-1.3,2.3-2.1,3.2c-.8.9-2.3,2.5-4.1,3.3                             c-1.8.8-2.7.9-4.5,0.8c-1.8-.2-3.4-1.2-4-1.6s-2-1.7-2.9-2.9                             c-.8-1.2-2.1-3.5-2.1-3.5s.7,2.4,1.2,3.3c.3.6,1.1,2.3,2.2,3.9                             c1.1,1.4,3.1,3.9,6.3,4.4c3.1,.6,5.3-.9,5.8-1.2c.5-.3,1.7-1.3,2.4-2.1                             c.7-.8,1.4-1.8,1.8-2.4c.3-.4,0.7-1.3.7-1.3z"/>
					<path style="fill:#0C479D" d="M20.7,0.43l7.1,24.1l7.1-24.1h5.1l-11.7,39.6                             h-.5l-7.35-24.5l-7.35,24.5h-.5l-11.7-39.6h5.1l7.1,24.1l4.8-16.2l-2.3-7.9z"/>
					<path style="fill:#0C479D" d="M54.6,27.3c0,3.6-1,6.6-2.9,9                             c-1.9,2.4-4.4,3.7-7.4,3.7c-2.3,0-4.3-0.7-5.9-2.2                             c-1.7-1.4-2.9-3.4-3.8-5.9l4-1.7c.6,1.5,1.4,2.7,2.3,3.5                             c1,.9,2.1,1.3,3.4,1.3c1.4,0,2.5-.8,3.5-2.3                             c.9-1.5,1.4-3.4,1.4-5.5c0-2.4-.5-4.2-1.5-5.5                             c-1.2-1.5-3-2.3-5.5-2.3h-2v-2.3l6.8-11.8h-8.2l-2.3,3.9                             h-1.5v-8.7h19.1v2.4l-7.2,12.5c2.5.8,4.5,2.3,5.8,4.4                             c1.3,2.1,2,4.7,1.9,7.5z"/>
					<text x="78" y="10" style="font-size:13">®</text>
				</g>
			</svg>
		</g>
	</defs>
	<title xmlns="http://www.w3.org/2000/svg">Title Page</title>
	<!--Slide background, to possibly give a distinct colour-->
	<rect xmlns="http://www.w3.org/2000/svg" class="Background" width="1220" height="915" id="Background"/>
	<g xmlns="http://www.w3.org/2000/svg" class="slideTitleArea">
		<a xlink:href="http://www.w3.org">
			<use xlink:href="#SlideLogo"/>
		</a>
	</g>
	<g class="slideTitleArea">
		<a xlink:href="overviewh.svg">
			<use xlink:href="#upArrow" transform="translate(1149,40)"/>
		</a>
		<!--Right Arrow-->
		<a xlink:href="1h.svg">
			<use xlink:href="#rightArrow" id="forward_arrow" transform="translate(1183,40)"/>
		</a>
	</g>
	<g xmlns="http://www.w3.org/2000/svg" class="slideContent" transform="translate(25 80)">
		<!--Slide content area, to possibly give another colour-->
		<rect class="slideContent" width="1180" height="805" x="-5" y="-5" id="slideContent"/>
		<!--The nice frame (just for the fun of it...-->
		<use xlink:href="#frame"/>
		<g transform="translate(590,250)">
			<text class="TitleMajor" style="font-style:italic" y="0" filter="url(#title_effects)">2D-s Web Grafika: SVG</text>
			<text y="120">
				<tspan x="0" dy="0" class="TitleMinor">I. Herman, a W3C hivatal vezet&#337;j&#233;nek </tspan>
				<tspan x="0" dy="120" class="TitleMinor2">St. Augustinban 2002 okt&#243;ber 16.-&#225;n tartott el&#337;ad&#225;sa alapj&#225;n,</tspan>
				<tspan x="0" dy="60" class="TitleMinor2">k&#233;sz&#237;tette Dr. S&#225;rk&#246;zy Ferenc</tspan>
				<tspan x="0" dy="120" class="TitleMinor2">http://www.agt.bme.hu/tutor_h</tspan>
			</text>
		</g>
	</g>
	<g xmlns="http://www.w3.org/2000/svg" transform="translate(1157,60)">
		<g transform="translate(-90)" visibility="hidden">
			<use xlink:href="#tip-back"/>
			<text class="tooltip" x="8" y="20" clip-path="url(#tipClip)">Title Page</text>
			<set attributeName="visibility" to="visible" begin="back_arrow.mouseover"/>
			<set attributeName="visibility" to="hidden" begin="back_arrow.mouseout"/>
		</g>
		<g transform="translate(-90)" visibility="hidden">
			<use xlink:href="#tip-forward"/>
			<text class="tooltip" x="8" y="20" clip-path="url(#tipClip)">Tartalom</text>
			<set attributeName="visibility" to="visible" begin="forward_arrow.mouseover"/>
			<set attributeName="visibility" to="hidden" begin="forward_arrow.mouseout"/>
		</g>
	</g>
</svg>

