1 files changed, 60 insertions, 0 deletions
diff --git a/public/assets/images/scenario_template.svg b/public/assets/images/scenario_template.svg
new file mode 100644
index 0000000..8f8b5f7
--- /dev/null
+++ b/public/assets/images/scenario_template.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" standalone="no"?>
+<svg viewBox="-10 -10 200 300" xmlns="http://www.w3.org/2000/svg">
+  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
+  <style>
+    #background {
+      stroke: #304b75;
+      fill: #bacae3;
+    }
+
+    pattern use {
+      stroke: black;
+      stroke-width: 0.3px;
+    }
+
+    .cw-60-deg {
+      transform: rotate(60deg);
+    }
+
+    .ccw-60-deg {
+      transform: rotate(-60deg);
+    }
+  </style>
+  <defs>
+    <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
+
+    <line id="ast-line" x1="-1.2" y1="0" x2="1.2" y2="0"/>
+
+    <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse">
+      <use y="-15" href="#ast-line"/>
+      <use y="-15" style="transform-origin: 0 -15px;" class="cw-60-deg" href="#ast-line"/>
+      <use y="-15" style="transform-origin: 0 -15px;" class="ccw-60-deg" href="#ast-line"/>
+      <use y="15" href="#ast-line"/>
+      <use y="15" style="transform-origin: 0 15px;" class="cw-60-deg" href="#ast-line"/>
+      <use y="15" style="transform-origin: 0 15px;" class="ccw-60-deg" href="#ast-line"/>
+
+      <use x="8.66" href="#ast-line"/>
+      <use x="8.66" style="transform-origin: 8.66px 0;" class="cw-60-deg" href="#ast-line"/>
+      <use x="8.66" style="transform-origin: 8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
+      <use x="-8.66" href="#ast-line"/>
+      <use x="-8.66" style="transform-origin: -8.66px 0;" class="cw-60-deg" href="#ast-line"/>
+      <use x="-8.66" style="transform-origin: -8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
+    </pattern>
+
+    <image id="counter-prone" href="counter_prone.jpg" width="10"/>
+    <image id="counter-grenade" href="counter_grenade.jpg" width="10"/>
+  </defs>
+
+  <rect id="background"/>
+
+  <g class="gameboard">
+    <rect id="dots" fill="url(#asterisk)"/>
+
+    <g id="firing-arcs">
+      <g id="shapes"/>
+      <g id="lines"/>
+    </g>
+
+    <g class="grid"/>
+  </g>
+</svg>