|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Sigmar's Garden Online</title>
|
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="wrap">
|
|
|
|
|
<svg version="1.1" baseProfile="full" width="1200" height="1000"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
|
|
|
id="board">
|
|
|
|
|
<defs>
|
|
|
|
|
<linearGradient id="linGradSlotBg" x1="0" x2="0" y1="0" y2="1">
|
|
|
|
|
<stop offset="0%" stop-color="#A49472"/>
|
|
|
|
|
<stop offset="100%" stop-color="#C6B491"/>
|
|
|
|
|
</linearGradient>
|
|
|
|
|
<filter id="filterDropshadow" x="-10" y="-10" width="300" height="300">
|
|
|
|
|
<feGaussianBlur stdDeviation="5"/>
|
|
|
|
|
</filter>
|
|
|
|
|
<linearGradient
|
|
|
|
|
id="linGradOrbDark">
|
|
|
|
|
<stop
|
|
|
|
|
style="stop-color:#000000;stop-opacity:0;"
|
|
|
|
|
offset="0"/>
|
|
|
|
|
<stop
|
|
|
|
|
style="stop-color:#000000;stop-opacity:1"
|
|
|
|
|
offset="1"/>
|
|
|
|
|
</linearGradient>
|
|
|
|
|
<linearGradient
|
|
|
|
|
id="linGradOrbBottom">
|
|
|
|
|
<stop
|
|
|
|
|
style="stop-color:#ffffff;stop-opacity:0.85"
|
|
|
|
|
offset="0"/>
|
|
|
|
|
<stop
|
|
|
|
|
style="stop-color:#ffffff;stop-opacity:0;"
|
|
|
|
|
offset="1"/>
|
|
|
|
|
</linearGradient>
|
|
|
|
|
<linearGradient
|
|
|
|
|
id="linGradOrbTop">
|
|
|
|
|
<stop
|
|
|
|
|
offset="0"
|
|
|
|
|
style="stop-color:#ffffff;stop-opacity:1;"/>
|
|
|
|
|
<stop
|
|
|
|
|
offset="1"
|
|
|
|
|
style="stop-color:#ffffff;stop-opacity:0;"/>
|
|
|
|
|
</linearGradient>
|
|
|
|
|
<radialGradient
|
|
|
|
|
gradientUnits="userSpaceOnUse"
|
|
|
|
|
gradientTransform="matrix(1.1,0,0,0.7627688,-0.9,47)"
|
|
|
|
|
r="33"
|
|
|
|
|
fy="-96"
|
|
|
|
|
fx="0"
|
|
|
|
|
cy="-96"
|
|
|
|
|
cx="0"
|
|
|
|
|
id="radGradOrbTop"
|
|
|
|
|
xlink:href="#linGradOrbTop"/>
|
|
|
|
|
<radialGradient
|
|
|
|
|
r="33"
|
|
|
|
|
fy="11"
|
|
|
|
|
fx="0"
|
|
|
|
|
cy="11"
|
|
|
|
|
cx="0"
|
|
|
|
|
gradientTransform="matrix(0.72177816,0,0,0.38047885,0.55112178,40.171783)"
|
|
|
|
|
gradientUnits="userSpaceOnUse"
|
|
|
|
|
id="radGradOrbBottom"
|
|
|
|
|
xlink:href="#linGradOrbBottom"/>
|
|
|
|
|
<radialGradient
|
|
|
|
|
gradientTransform="matrix(1.1755206,0,0,1.8030383,0,-18.355162)"
|
|
|
|
|
gradientUnits="userSpaceOnUse"
|
|
|
|
|
r="50"
|
|
|
|
|
fy="19"
|
|
|
|
|
fx="0"
|
|
|
|
|
cy="19"
|
|
|
|
|
cx="0"
|
|
|
|
|
id="radGradOrbDark"
|
|
|
|
|
xlink:href="#linGradOrbDark"/>
|
|
|
|
|
</defs>
|
|
|
|
|
<g id="boardbg"></g>
|
|
|
|
|
<g id="orbs"></g>
|
|
|
|
|
</svg>
|
|
|
|
|
<div id="menu">
|
|
|
|
|
<a id="new-game" href=""></a>
|
|
|
|
|
<div id="counts">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="module" src="script.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
