gistfile1.xml

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!--
//	Copyright 2008 Alex Trujillo
//	Full source available here: http://code.google.com/p/vektornye/

//	LICENSE
//	This file is part of the Vektornye engine.
//	
//	Vektornye is free software: you can redistribute it and/or modify
//	it under the terms of the GNU General Public License as published by
//	the Free Software Foundation, either version 3 of the License, or
//	(at your option) any later version.
//	
//	Vektornye is distributed in the hope that it will be useful,
//	but WITHOUT ANY WARRANTY; without even the implied warranty of
//	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//	GNU General Public License for more details.
//	
//	You should have received a copy of the GNU General Public License
//	along with Vektornye.  If not, see <http://www.gnu.org/licenses/>.

//	SUMMARY
//	index.svg ties all the JavaScript together. The Init() function is run
//	onload in the SVG root. Other event listeners help here also. This is also
//	where blockBeta is held; albeit, it is translated offscreen.
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" version="1.1" onload="Init(evt)" onmousedown="Grab(evt)" onmouseup="Drop(evt)">
<title>Sputnik-5</title>
<script type="text/javascript" xlink:href="loggit.js" />
<script type="text/javascript" xlink:href="dragNdrop.js" />
<script type="text/javascript" xlink:href="sylvester.js" />
<script type="text/javascript" xlink:href="gridTransform.js" />
<script type="text/javascript" xlink:href="UITransform.js" />
<script type="text/javascript" xlink:href="newBlock.js" />
<script type="text/javascript" xlink:href="http://www.google-analytics.com/ga.js" />
<script type="text/javascript">
	var pageTracker = _gat._getTracker("UA-304503-4");
	pageTracker._initData();
	pageTracker._trackPageview();
</script>

	<rect id="BackDrop" x="0%" y="0%" width="100%" height="100%" fill="none" pointer-events="all" />
	<g id="blockBeta" transform="translate(-75,-75)">
		<path id="right" d="M 51, 13 L 51, 43 L 26, 55 L 26, 26 z" fill="rgb(191,155,98)" />
		<path id="left" d="M 26, 26 L 26, 55 L 1, 43 L 1, 13 z" fill="rgb(171,135,78)" />
		<path id="top" d="M 51, 13 L 26, 26 L 1, 13 L 26, 0 z" fill="rgb(211,175,118)" />
		<g id="inlays" stroke="rgb(231,195,138)" stroke-width="2">
			<line id="left" x1="1" y1="13" x2="26" y2="26"/>
			<line id="right" x1="26" y1="26" x2="50" y2="13"/>
			<line id="bottom" x1="26" y1="26" x2="26" y2="55"/>

		</g>
		<path id="outline" d="M 1, 13 L 26, 0 L 51, 13 L 51, 43 L 26, 55 L 1, 43 z" fill="none" stroke="#444" stroke-width="2" />
	</g>
	<g id="gridContainer">
	
	</g>
	<!-- 
	The following data is from the file AndyTrashCan.svg
	Copyright: http://openclipart.org/media/people/Andy
	License: http://creativecommons.org/licenses/publicdomain/
	Link: http://openclipart.org/media/files/Andy/68
	-->
							  <defs id="defs4">
							<linearGradient x1="76" y1="105.3" x2="76" y2="86" id="linearGradient2299" xlink:href="#BlackTransparent" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.9, 0, 0, 0.9, 3.5, 9)"/>
							<linearGradient id="BlackTransparent">

							  <stop id="stop8" style="stop-color: rgb(0, 0, 0); stop-opacity: 1;" offset="0"/>
							  <stop id="stop10" style="stop-color: rgb(0, 0, 0); stop-opacity: 0;" offset="1"/>
							</linearGradient>
							<linearGradient id="WhiteTransparent">
							  <stop id="stop13" style="stop-color: rgb(255, 255, 255); stop-opacity: 1;" offset="0"/>
							  <stop id="stop15" style="stop-color: rgb(255, 255, 255); stop-opacity: 0;" offset="1"/>
							</linearGradient>
							<linearGradient x1="0" y1="21" x2="0" y2="30" id="linearGradient6182" xlink:href="#WhiteTransparent" gradientUnits="userSpaceOnUse"/>
							<linearGradient x1="0" y1="71" x2="0" y2="59" id="linearGradient6185" xlink:href="#WhiteTransparent" gradientUnits="userSpaceOnUse"/>

							<linearGradient x1="0" y1="52" x2="0" y2="16" id="linearGradient6188" xlink:href="#WhiteTransparent" gradientUnits="userSpaceOnUse"/>
							<linearGradient x1="0" y1="35" x2="0" y2="48" id="linearGradient6192" xlink:href="#BlackTransparent" gradientUnits="userSpaceOnUse"/>
							<linearGradient x1="13" y1="56" x2="13" y2="102" id="linearGradient6197" xlink:href="#BlackTransparent" gradientUnits="userSpaceOnUse"/>
							<linearGradient x1="0" y1="78" x2="0" y2="13.5" id="linearGradient6200" xlink:href="#WhiteTransparent" gradientUnits="userSpaceOnUse"/>
							<linearGradient x1="0" y1="66" x2="0" y2="58" id="linearGradient6206" xlink:href="#WhiteTransparent" gradientUnits="userSpaceOnUse"/>
							<linearGradient x1="22" y1="0" x2="46" y2="0" id="linearGradient6213" xlink:href="#WhiteTransparent" gradientUnits="userSpaceOnUse"/>
							<linearGradient x1="96" y1="0" x2="60" y2="0" id="linearGradient6216" xlink:href="#WhiteTransparent" gradientUnits="userSpaceOnUse"/>
							<clipPath id="clipoutline1">
							  <path d="M 60.3,27.4 C 40.4,27.4 24.4,35 24.4,44 L 24.4,100.8 C 24.4,110 40.4,117.3 60.3,117.3 C 80,117.3 96,110 96,100.8 L 96,44 C 96,35 80,27.4 60.3,27.4 z" id="outline1"/>

							</clipPath>
							<clipPath id="clipoutline2">
							  <path d="M 59.6,18 C 36.3,18 17.6,27.8 17,39.7 L 17,49.5 C 17,62 36.5,72 60.7,72 C 85,72 104.4,62 104.4,49.5 L 104.4,39.8 C 104.4,27.6 84.6,18 60.7,18 C 60.4,18 60,18 59.6,18 z" id="outline2"/>
							</clipPath>
							<filter y="0" x="0" filterUnits="userSpaceOnUse" id="ShadowBlur">
							  <feGaussianBlur id="feGaussianBlur31" result="blur" stdDeviation="3" in="SourceAlpha"/>
							</filter>
						  </defs>
						  <style type="text/css" id="style33"/>

	<g id="AndyTrashCan" transform="translate(-100,-100) scale(0.5)">
						  <g id="g35">
							<g id="g37">
							  <path d="M 105.87119,105.00339 C 105.87119,115.76014 85.849382,124.49025 61.179662,124.49025 C 36.50994,124.49025 16.488137,115.76014 16.488137,105.00339 C 16.488137,94.246645 36.50994,85.516535 61.179662,85.516535 C 85.849382,85.516535 105.87119,94.246645 105.87119,105.00339 z" id="path39" style="opacity: 0.4; fill: rgb(0, 0, 0); filter: url(#ShadowBlur);"/>
							  <g id="g41">
								<use id="use43" x="0" y="0" width="128" height="128" xlink:href="#outline1"/>
								<use id="use45" style="opacity: 1; fill: rgb(85, 87, 83); stroke: rgb(85, 87, 83); stroke-width: 8px;" x="0" y="0" width="128" height="128" xlink:href="#outline1"/>
							  </g>
							  <path d="M 60.4,30 C 40.6,30 24.7,37.6 24.7,46.7 L 24.7,100.7 C 24.7,109.8 40.6,117 60.4,117 C 80,117 96,109.8 96,100.7 L 96,46.7 C 96,37.6 80,30 60.4,30 z" id="path47" style="fill: rgb(136, 138, 133);"/>

							  
							  
							  <path d="M 24.6,57.7 L 24.6,75.4 C 45.5,90.5 75.5,91 96,75.4 L 96,57.7 C 76,74 45,72.5 24.6,57.7 z" id="path53" style="opacity: 0.1; fill: rgb(0, 0, 0);"/>
							  <use clip-path="url(#clipoutline1)" id="use55" style="opacity: 0.3; fill: none; stroke: rgb(255, 255, 255); stroke-width: 9px; stroke-linejoin: round;" x="0" y="0" width="128" height="128" xlink:href="#outline1"/>
							</g>
							<g id="g57">
							  <g id="g59">
								<use id="use61" x="0" y="0" width="128" height="128" xlink:href="#outline2"/>
								<use id="use63" style="opacity: 1; fill: rgb(85, 87, 83); stroke: rgb(85, 87, 83); stroke-width: 8px;" x="0" y="0" width="128" height="128" xlink:href="#outline2"/>
							  </g>
							  <path d="M 60.7,18 C 85,18 104.4,28 104.4,40 L 104.4,43.5 C 104.4,56 85,66 60.7,66 C 36.5,66 17,56 17,43.5 L 17,40 C 17,28 36.5,18 60.7,18 z" id="path65" style="fill: rgb(211, 215, 207);"/>

							  <path d="M 60.7,59 C 85,59 104.4,52.6 104.4,39.4 L 104.4,49.5 C 104.4,62 85,72 60.7,72 C 36.5,72 17,62 17,49.5 L 17,39.4 C 17,47.3 36.5,59 60.7,59 z" id="path67" style="fill: rgb(136, 138, 133);"/>
							  <path d="M 16.473476,36.525126 C 16.473476,47.925126 43.754757,54.06967 60.7,54.06967 C 78.352349,54.06967 104.39619,50.325126 104.39619,36.525126 L 104.4,39.883883 C 104.4,55.93437 75.000001,59.133883 60.700001,59.133883 C 46.900001,59.133883 16.381282,50.795495 16.381282,38.795495" id="path69" style="opacity: 0.5; fill: url(#linearGradient6188) rgb(0, 0, 0);"/>
							  <path d="M 61,59 C 33.7,59 4.5,46.6 26.5,62.7 C 34.7,68.7 46.7,71.7 61,71.7 C 75.4,71.7 87,68.7 95.7,62.7 C 117,47.5 88,59 61,59 z" id="path71" style="opacity: 0.5; fill: url(#linearGradient6185) rgb(0, 0, 0);"/>
							  <use clip-path="url(#clipoutline2)" id="use73" style="opacity: 0.3; fill: none; stroke: rgb(255, 255, 255); stroke-width: 9px; stroke-linejoin: round;" x="0" y="0" width="128" height="128" xlink:href="#outline2"/>
							  <g id="g75">
								<path d="M 41.4,35.6 L 81.5,35.6 C 86,35.6 86,42.5 81.5,42.5 L 41.4,42.5 C 37,42.5 36.8,35.6 41.4,35.6 z" id="path77" style="opacity: 0.5; fill: url(#linearGradient6192) rgb(0, 0, 0);"/>
								<path d="M 61.6,19.3 C 43,19.3 41.5,25.3 41.5,31.6 L 41.5,38.4 C 41.5,41.3 49,40.7 49,38.4 L 49,36 C 49,31.6 53.5,30.5 61.6,30.5 C 69.7,30.5 74,31.6 74,36 L 74,38.4 C 74,40.7 81.6,40.7 81.6,38.4 L 81.6,31.6 C 81.6,25.3 80,19.3 61.6,19.3 z" id="path79" style="fill: rgb(0, 0, 0);"/>
								<path d="M 61.6,21.3 C 53.4,21.3 47,22.5 47,27.4 L 76,27.4 C 76,22.5 69.7,21.3 61.6,21.3 z" id="path81" style="opacity: 0.5; fill: url(#linearGradient6182) rgb(0, 0, 0);"/>
							  </g>

							</g>
							<g id="g83">
							  <path d="M 32,83.6 L 32,99 C 32,105.9 40,106 40,99 L 40,83.6 C 40,78.3 32,77.9 32,83.6 z M 80,83.6 L 80,99 C 81.9,104.9 87.5,103.7 88,99 L 88,83.6 C 88,78.6 80.2,78.7 80,83.6 z M 47.4,87.7 L 47.4,106 C 47.4,112.3 55.9,111.7 56,106 L 56,87.7 C 56,82.3 47.5,82 47.4,87.7 z M 64,87.7 L 64,106 C 64,112.5 72.9,111.8 73,106 L 73,87.7 C 71.6,81.6 64.8,82.2 64,87.7 z" id="path85" style="opacity: 0.5; fill: rgb(0, 0, 0);"/>
							  <path d="M 88,91 C 88,95.2 80,95 80,91 L 80,98.4 C 80,104 88,104.7 88,98.4 L 88,91 z M 32,91 L 32,98.4 C 32,106.4 40,106 40,98.4 L 40,91 C 40,95.9 32,95.6 32,91 z M 56,97.8 C 56,102.9 47.4,102 47.4,97.8 L 47.4,105.7 C 47.4,112.6 55.9,111.6 56,105.7 L 56,97.8 z M 73,97.8 C 73,103.6 64,102.7 64,97.8 L 64,105.7 C 64,112.8 73,112 73,105.7 L 73,97.8 z" id="path87" style="opacity: 0.5; fill: url(#linearGradient2299) rgb(0, 0, 0);"/>
							</g>
						  </g>
						      <path
       style="fill:#555753;stroke:#555555;stroke-width:8px;stroke-opacity:0;fill-opacity:0.02747253"
       d="M 59.340625,18 C 36.040624,18 17.346875,27.7875 16.746875,39.6875 L 16.746875,49.5 C 16.746875,54.16443 19.491601,58.483988 24.153125,62.0625 L 24.153125,100.8125 C 24.153124,110.0125 40.159375,117.3125 60.059375,117.3125 C 79.759377,117.3125 95.746875,110.0125 95.746875,100.8125 L 95.746875,62.84375 C 101.04255,59.120567 104.15313,54.508134 104.15313,49.5 L 104.15313,39.8125 C 104.15313,27.612499 84.365625,18 60.465625,18 C 60.165625,18 59.740625,18 59.340625,18 z"
       id="use3286" />
	</g>
	<g id="userInterface">

		<rect id="nFZ-Sidebar" x="0" y="0" width="200" height="100%" fill="none"/>
		<g id="instructions"><text x="0" y="120" font-family="Verdana" font-size="12">
		<tspan x="15" dy="10" font-style="italic">You can:</tspan>
		<tspan x="25" dy="20" font-weight="bold">Move blocks</tspan>
		<tspan x="35" dy="20">(move the one above,</tspan>
		<tspan x="35" dy="20">a new one will appear)</tspan>
		<tspan x="25" dy="20" font-weight="bold">Place them on the grid</tspan>

		<tspan x="25" dy="20" font-weight="bold">Stack blocks</tspan>
		<tspan x="25" dy="20" font-weight="bold">Move blocks again!</tspan>
		</text></g>
		<rect id="debugBox" x="10" y="20" width="500" height="85" fill="#CCC" fill-opacity="0.5" rx="5" />
		<text x="20" y="15" font-family="Verdana" font-size="12" font-weight="bold">Event Log</text>
		<text id="debugText" x="20" y="35" font-family="Verdana" font-size="12"><tspan x="20" dy="5">File loaded.</tspan></text>
		<g id="debugGrid" fill="white" stroke="black" stroke-width="0.75"></g>

		<g id="RightButtons" transform="translate(-200, -200)">
			<a xlink:href="http://www.w3.org/Graphics/SVG/" target="_blank">
				<image x="0" y="0" width="185px" height="45px" xlink:href="svg-button.png" />
			</a>
			<a xlink:href="http://code.google.com/p/vektornye/" target="_blank">
				<image x="0" y="55" width="185px" height="46px" xlink:href="vektornye-button.png" />
			</a>
		</g>
	</g>

	<g id="hidden" transform="translate(-100,-100)"><tspan x="20" dy="18"></tspan></g>
</svg>