Clean up scenarios; move some styles into .css files

author: Catalin Mititiuc <webdevcat@proton.me> 2024-07-10 19:45:42 -0700
committer: Catalin Mititiuc <webdevcat@proton.me> 2024-07-10 19:45:42 -0700
commit: 0368c8e9623f2ff202cc9af45b3239a62c845ea8 (patch)
tree: 4bf3fdc8d64222c866f482005be53cf4844cdeab /public/assets
parent: 17118633340b1979e94f30d0c85b885d5237ba14 (diff)
6 files changed, 10 insertions, 134 deletions
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index bb6b0a8..71fc75c 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -44,7 +44,8 @@ polyline.move-trace {
 }
 
 #background {
-  /* fill: #bacae3; */
+  stroke: #304b75;
+  fill: #bacae3;
 }
 
 g.troop-counter, g.counter, g.troop-counter use {
@@ -199,6 +200,11 @@ g.selected use.primary-weapon {
   r: 6px;
 }
 
+pattern use {
+  stroke: black;
+  stroke-width: 0.3px;
+}
+
 @keyframes selected {
   50% {
     stroke-width: 0px;
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 33adcf0..0e9f559 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -56,10 +56,6 @@ g#grid {
   transform: translate(19px, 31px) scale(4);
 }
 
-#background {
-  fill: #bacae3;
-}
-
 #panel {
   display: none;
   position: absolute;
diff --git a/public/assets/images/map4.svg b/public/assets/images/map4.svg
deleted file mode 100644
index 53a2b71..0000000
--- a/public/assets/images/map4.svg
+++ /dev/null
@@ -1,102 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<svg viewBox="-150 -150 600 800" 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>
-    g[data-edge="north"] { --i: -2; }
-    g[data-edge="south"] { --i: 52; }
-
-    #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"/>
-    <circle id="counter-base" cx="0" cy="0" r="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>
-
-    <g id="t-1" class="troop-counter-template"><use href="#counter-base"/><text>1</text></g>
-    <g id="t-2" class="troop-counter-template"><use href="#counter-base"/><text>2</text></g>
-    <g id="t-3" class="troop-counter-template"><use href="#counter-base"/><text>3</text></g>
-    <g id="t-4" class="troop-counter-template"><use href="#counter-base"/><text>4</text></g>
-    <g id="t-5" class="troop-counter-template"><use href="#counter-base"/><text>5</text></g>
-    <g id="t-6" class="troop-counter-template"><use href="#counter-base"/><text>6</text></g>
-    <g id="t-7" class="troop-counter-template"><use href="#counter-base"/><text>7</text></g>
-
-    <g id="semi-auto">
-      <line x1="-2" y1="1" x2="2" y2="1"/>
-      <line x1="-2" y1="2" x2="2" y2="2"/>
-    </g>
-
-    <g id="auto">
-      <line x1="-2" y1="0" x2="2" y2="0"/>
-      <line x1="-2" y1="1" x2="2" y2="1"/>
-      <line x1="-2" y1="2" x2="2" y2="2"/>
-    </g>
-
-    <g id="rifle" class="weapon-symbol">
-      <use href="#semi-auto"/>
-      <line x1="0" y1="-5" x2="0" y2="5"/>
-      <polyline points="-2,-3.5 0,-5 2,-3.5"/>
-    </g>
-
-    <g id="smg" class="weapon-symbol">
-      <use href="#auto"/>
-      <line x1="0" y1="-5" x2="0" y2="4.5"/>
-      <line x1="-2" y1="4.5" x2="2" y2="4.5"/>
-    </g>
-
-    <g id="blazer" class="weapon-symbol">
-      <use href="#auto"/>
-      <polyline points="0,-5 0,-3 -3,-2.5 3,-1.5 0,-1 0,2.5 -3,3, 3,4 0,4.5 0,5"/>
-      <polyline points="-2,-3.5 0,-5 2,-3.5"/>
-    </g>
-
-    <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>
-
-  <script data-cols="10" data-rows="10"></script>
-</svg>
diff --git a/public/assets/images/scenario-dragon_hunting.svg b/public/assets/images/scenario-dragon_hunting.svg
index 5acf1da..8a2186e 100644
--- a/public/assets/images/scenario-dragon_hunting.svg
+++ b/public/assets/images/scenario-dragon_hunting.svg
@@ -1,6 +1,5 @@
 <?xml version="1.0" standalone="yes"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 200 300">
-  <defs></defs>
   <g class="gameboard">
     <g class="grid">
       <use class="mapsheet2" href="mapsheets.svg#mapsheet2"/>
diff --git a/public/assets/images/scenario-side_show.svg b/public/assets/images/scenario-side_show.svg
index 49ef23a..c5a9c78 100644
--- a/public/assets/images/scenario-side_show.svg
+++ b/public/assets/images/scenario-side_show.svg
@@ -1,8 +1,5 @@
 <?xml version="1.0" standalone="yes"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 200 300">
-  <defs>
-  </defs>
-
   <g class="gameboard">
     <g class="grid">
       <use class="mapsheet2" href="mapsheets.svg#mapsheet2"/>
diff --git a/public/assets/images/scenario_template.svg b/public/assets/images/scenario_template.svg
index a5f1c83..48c6dfc 100644
--- a/public/assets/images/scenario_template.svg
+++ b/public/assets/images/scenario_template.svg
@@ -1,27 +1,7 @@
 <?xml version="1.0" standalone="no"?>
-<svg viewBox="-10 -10 200 300"
-  xmlns="http://www.w3.org/2000/svg">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 200 300">
   <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/radial.css" type="text/css" />
   <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"/>
 
@@ -29,8 +9,8 @@
 
     <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse">
       <use href="#ast-line"/>
-      <use class="cw-60-deg" href="#ast-line"/>
-      <use class="ccw-60-deg" href="#ast-line"/>
+      <use href="#ast-line" transform="rotate(60)"/>
+      <use href="#ast-line" transform="rotate(-60)"/>
 
       <use x="-8.66" y="-15" href="#ast-line"/>
       <use x="-8.66" y="-15" transform="rotate(60 -8.66 -15)" href="#ast-line"/>
author	Catalin Mititiuc <webdevcat@proton.me>	2024-07-10 19:45:42 -0700
committer	Catalin Mititiuc <webdevcat@proton.me>	2024-07-10 19:45:42 -0700
commit	0368c8e9623f2ff202cc9af45b3239a62c845ea8 (patch)
tree	4bf3fdc8d64222c866f482005be53cf4844cdeab /public/assets
parent	17118633340b1979e94f30d0c85b885d5237ba14 (diff)