<!DOCTYPE html>
<html lang="en" style="scrollbar-gutter:stable;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="W3o-Jw9pC2VWARd0LmVMKDIEQi9mAgUhc1sRX9HUdjE3JSxNxRsV_vDw">
<title data-suffix=" · Catalin Mititiuc">
WebDevCat.me
· Catalin Mititiuc</title>
<link rel="stylesheet" id="font-bitter-css" href="//fonts.googleapis.com/css?family=Bitter:400,700" type="text/css" media="screen">
<link phx-track-static rel="stylesheet" href="/assets/app-131585bb1e255488c3d2558ee5c81330.css?vsn=d">
<link phx-track-static rel="stylesheet" href="/assets/cgit-313ed4244ed6cc8d5b67d6fbb4ab18c8.css?vsn=d">
<style>
article > * { max-width: unset; }
div#cgit table.list {
table-layout: auto;
width: 100%;
display: table;
}
div#cgit div.content {
overflow: scroll;
}
div#cgit table.tabs {
table-layout: auto;
width: 100%;
display: table;
}
div#cgit table.blob {
table-layout: auto;
width: 100%;
display: table;
}
div#cgit table.tabs {
table-layout: auto;
width: 100%;
display: table;
}
td.linenumbers { width: 1px; }
td.lines { max-width: 1px; overflow: hidden; }
td.linenumbers pre, td.lines pre {
line-height: 1.25em;
}
pre { overflow-x: scroll; overflow-y: hidden; }
code { font-size: unset; }
</style>
<script defer phx-track-static type="text/javascript" src="/assets/app-7bb68f31e771b77e6d1026a2eca15d48.js?vsn=d">
</script>
</head>
<body class="bg-white">
<header>
<div style="display: inline-block;">
<h1><a href="/">Web Dev Solutions</a></h1>
<h3 style="text-align: left">Catalin Mititiuc</h3>
</div>
</header>
<main>
<article>
From 5c1dfbca50d6809e4a9546472b1a4ec092f35358 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc <Catalin.Mititiuc@gmail.com>
Date: Mon, 1 Apr 2024 12:20:04 -0700
Subject: WIP: end movement, turn buttons
---
index.html | 61 +++++++++++++++++++++++++++++++++++++++++++++++++------------
1 file changed, 49 insertions(+), 12 deletions(-)
(limited to 'index.html')
diff --git a/index.html b/index.html
index cb82c12..986da99 100644
--- a/index.html
+++ b/index.html
@@ -143,19 +143,50 @@
<div id="map-container">
<svg viewbox="-49 -40 2390 3163" xmlns="http://www.w3.org/2000/svg">
<defs>
- <!-- <circle id="point" cx="0" cy="0" r="0.07in" /> -->
- <!-- <circle id="point" cx="0" cy="0" r="50" /> -->
- <!-- <polygon id="point" points="0,100 86.6,50 86.6,-50 0,-100 -86.6,-50 -86.6,50" /> -->
<polygon id="point" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5" />
- <!-- <text id="asterisk" x="-0.06in" y="0.22in">*</text> -->
+
+ <symbol id="troop-counter" viewBox="-8 -8 16 16" width="15" height="15">
+ <circle class="outer" cx="0" cy="0" r="8" />
+ <circle class="inner" cx="0" cy="0" r="6" />
+ <text>1</text>
+ </symbol>
+
+ <image id="numbers" href="rendered_numbers.png" width="182" height="22" />
+
+ <symbol id="n1" viewBox="1 0 17 22" width="17" height="22"><use href="#numbers" /></symbol>
+ <symbol id="n2" viewBox="19 0 16 22" width="16" height="22"><use href="#numbers" /></symbol>
+ <symbol id="n3" viewBox="36 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
+ <symbol id="n4" viewBox="54 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
+ <symbol id="n5" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
+ <symbol id="n6" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
+ <symbol id="n7" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
+ <symbol id="n8" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
+ <symbol id="n9" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
+ <symbol id="n0" viewBox="0 0 18 22" width="18" height="22"><use href="#numbers" /></symbol>
</defs>
<rect id="background" x="-1" y="-1" width="2287" height="3087" />
- <image id="map2" class="map-scans" href="scans/map2.jpg" width="2284" height="1518" x="2" y="2" />
- <image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518" x="4" y="1564" />
+
+ <g id="image-maps">
+ <image id="map2" class="map-scans" href="scans/map2.jpg" width="2284" height="1518" x="2" y="2" />
+ <image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518" x="4" y="1564" />
+ </g>
+
<g id="firing-arcs"></g>
- <rect id="map" x="-1" y="-1" width="2287" height="3087" />
- <g id="points"></g>
+
+ <g id="grid">
+ <g id="points"></g>
+ <!-- <g id="firing-arcs"></g> -->
+ <g id="counters"></g>
+ </g>
+
+ <image style="image-rendering: pixelated" href="rendered_numbers.png" x="0" y="-46" width="182" height="22" opacity="0.5" />
+
+ <use href="#n1" x="1" y="-40" opacity="0.5" />
+ <use href="#n2" x="19" y="-40" opacity="0.5" />
+ <use href="#n3" x="36" y="-40" opacity="0.5" />
+ <use href="#n4" x="54" y="-40" opacity="0.5" />
+
<!-- <rect id="debug-view-box" x="-100" y="-100" width="3400" height="4500" /> -->
</svg>
@@ -183,10 +214,13 @@
<div>
<!-- <img class="logo" src="logo-davion.png" /> -->
<p>
+ <strong>Davion</strong>
+ <button type="button" class="end-move" data-allegiance="davion">
+ End Movement
+ </button>
<button type="button" class="clear-firing-arcs" data-allegiance="davion">
- Clear Firing Arcs
+ End Turn
</button>
- <strong>Davion</strong>
<br>
<!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br>
17th Kestral Mechanized Infantry -->
@@ -244,10 +278,13 @@
<div>
<!-- <img class="logo" src="logo-liao.png" /> -->
<p>
+ <strong>Liao</strong>
+ <button type="button" class="end-move" data-allegiance="liao">
+ End Movement
+ </button>
<button type="button" class="clear-firing-arcs" data-allegiance="liao">
- Clear Firing Arcs
+ End Turn
</button>
- <strong>Liao</strong>
<br>
<!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br>
Aldebaran Home Guard -->
--
cgit v1.2.3
</article>
</main>
<footer>
<p>100% Human Made, No AI Used</p>
<p>stasis 0.2.12</p>
</footer>
</body>
</html>