ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't use custom built-in elements because they are not supported in webkit

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc
2024-06-04 15:55:37 -07:00
parent 71f34e930c
commit 71f972142b
6 changed files with 44 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
public/index.html
View File

@@ -3,6 +3,11 @@
<head>
<title>Infantry Combat Solo Basic</title>
<link rel="stylesheet" href="assets/css/style.css">
<script>
const source = new EventSource('/esbuild');
source.addEventListener('change', () => location.reload());
// source.addEventListener('message', (e) => console.log(e));
</script>
</head>
<body>
<template id="damage-block">
@@ -19,61 +24,61 @@
<link rel="stylesheet" href="assets/css/soldier_record_block.css">
<p class="physical-status-track">
<span is="damage-block">
<damage-block>
<span slot="block-number">10</span>
<span slot="movement-points">8</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">9</span>
<span slot="movement-points">8</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">8</span>
<span slot="movement-points">8</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">7</span>
<span slot="movement-points">8</span>
<span slot="firing-modifier">+1</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">6</span>
<span slot="movement-points">7</span>
<span slot="firing-modifier">+1</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">5</span>
<span slot="movement-points">7</span>
<span slot="firing-modifier">+2</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">4</span>
<span slot="movement-points">6</span>
<span slot="firing-modifier">+2</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">3</span>
<span slot="movement-points">6</span>
<span slot="firing-modifier">+2</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">2</span>
<span slot="movement-points">5</span>
<span slot="firing-modifier">+3</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">1</span>
<span slot="movement-points">4</span>
<span slot="firing-modifier">+3</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">0</span>
<span slot="movement-points">None</span>
<span slot="firing-modifier">0</span>
</span>
<span is="damage-block">
</damage-block>
<damage-block>
<span slot="block-number">DEAD</span>
</span>
</damage-block>
</p>
<p>
@@ -243,11 +248,6 @@
<input type="file" accept="image/svg+xml"/>
<script>
const source = new EventSource('/esbuild');
source.addEventListener('change', () => location.reload());
// source.addEventListener('message', (e) => console.log(e));
</script>
<script src="index.js"></script>
<script src="soldier_record_block.js"></script>
</body>