Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorCatalin Mititiuc <webdevcat@proton.me>2024-04-28 16:19:59 -0700
committerCatalin Mititiuc <webdevcat@proton.me>2024-04-28 16:19:59 -0700
commit2772333072ba8ddaa6721e3bfc6665e2df8d0a14 (patch)
tree3d49326b92851c78f94dc0d58ebfc402437bc1b5 /public/map2.svg
parentcf190d8e7a7087fee343138b62431c4b800710ec (diff)
Add all scenario maps
Diffstat (limited to 'public/map2.svg')
-rw-r--r--public/map2.svg66
1 files changed, 24 insertions, 42 deletions
diff --git a/public/map2.svg b/public/map2.svg
index 1d0f8c4..013118d 100644
--- a/public/map2.svg
+++ b/public/map2.svg
@@ -1,8 +1,17 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg viewBox="-25 -150 400 570" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="-150 -150 600 800" xmlns="http://www.w3.org/2000/svg">
<link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="map.css" type="text/css"/>
+ <style>
+ use[href="#hex"] {
+ opacity: 0.2;
+ }
+
+ #image-maps image {
+ transform: none;
+ }
+ </style>
<defs>
<polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
@@ -20,14 +29,22 @@
<image id="counter-grenade" href="counter_grenade.jpg" width="10"/>
</defs>
- <rect id="background" x="-18" y="-10" width="386" height="322"/>
+ <rect id="background"/>
+
+ <g id="image-maps">
+ <image id="map2" class="map-scans" href="scans/map2.jpg" width="2284" height="1518"/>
+ <image class="map-scans" href="row.jpg" width="2284" height="55" y="1505" />
+ <image id="map1" class="map-scans" href="scans/map1.jpg" width="2284" height="1518" y="1565"/>
+ <image class="map-scans" href="row.jpg" width="2284" height="55" y="3065" />
+ <image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518" y="3125"/>
+ </g>
- <g class="board">
+ <g class="gameboard">
<g id="firing-arcs">
<g id="shapes"/>
<g id="lines"/>
</g>
- <g class="start-locations">
+ <!-- <g class="start-locations">
<g data-y="-2">
<g data-x="4" class="counter" data-allegiance="liao" data-number="1"><use href="#t-1"/></g>
<g data-x="3" class="counter" data-allegiance="liao" data-number="2"><use href="#t-2"/></g>
@@ -42,43 +59,8 @@
<g data-x="3" class="counter" data-allegiance="davion" data-number="4"><use href="#t-4"/></g>
<g data-x="4" class="counter" data-allegiance="davion" data-number="5"><use href="#t-5"/></g>
</g>
- </g>
- <g class="grid">
- <g data-y="0">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- </g>
- <g data-y="1">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- </g>
- <g data-y="2">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- </g>
- <g data-y="3">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- </g>
- <g data-y="4">
- <g data-x="0"><use href="#hex"/></g>
- <g data-x="1"><use href="#hex"/></g>
- <g data-x="2"><use href="#hex"/></g>
- <g data-x="3"><use href="#hex"/></g>
- <g data-x="4"><use href="#hex"/></g>
- </g>
- </g>
+ </g> -->
+ <g class="grid"/>
</g>
+ <script href="map.js" data-cols="33" data-rows="77"></script>
</svg>