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

71 lines
2.9 KiB

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Sigmar's Garden Online</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="wrap">
<svg version="1.1" baseProfile="full" width="1100" 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" 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 style="stop-color:#ffffff;stop-opacity:1;" offset="0"/>
<stop style="stop-color:#ffffff;stop-opacity:0;" offset="1"/>
</linearGradient>
<linearGradient id="linGradMetallicInlay"
gradientUnits="userSpaceOnUse"
y2="8" x2="45" y1="8" x1="-45"
xlink:href="#linGradOrbDark" />
<radialGradient id="radGradOrbTop"
gradientTransform="matrix(1.1,0,0,0.7627688,-0.9,47)"
gradientUnits="userSpaceOnUse"
r="33" fy="-96" fx="0" cy="-96" cx="0"
xlink:href="#linGradOrbTop"/>
<radialGradient id="radGradOrbBottom"
gradientTransform="matrix(0.72177816,0,0,0.38047885,0.55112178,40.171783)"
gradientUnits="userSpaceOnUse"
r="33" fy="11" fx="0" cy="11" cx="0"
xlink:href="#linGradOrbBottom"/>
<radialGradient id="radGradOrbDark"
gradientTransform="matrix(1.1755206,0,0,1.8030383,0,-18.355162)"
gradientUnits="userSpaceOnUse"
r="50" fy="19" fx="0" cy="19" cx="0"
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>