web reimplementation of Sigmar's Garden https://bits.ondrovo.com/sigmar/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
sigmar/index.html

92 lines
2.2 KiB

<!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>