Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorCatalin Mititiuc <webdevcat@proton.me>2024-06-04 15:55:37 -0700
committerCatalin Mititiuc <webdevcat@proton.me>2024-06-04 16:19:58 -0700
commit71f972142b37e4bbe6062ae84272ba1790b415ad (patch)
treeeb27649cb1663d5bb1674028fa984149e338b28f /public/index.html
parent71f34e930c5164e921e9faa7ef3ab4eda49dcd35 (diff)
Don't use custom built-in elements because they are not supported in webkit
Diffstat (limited to 'public/index.html')
-rw-r--r--public/index.html58
1 files changed, 29 insertions, 29 deletions
diff --git a/public/index.html b/public/index.html
index b78df5b..1471cdc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -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>