summaryrefslogtreecommitdiff
path: root/code/index.html
diff options
context:
space:
mode:
authorRaymaekers Luca <luca@spacehb.net>2025-10-31 17:35:54 +0100
committerRaymaekers Luca <luca@spacehb.net>2025-10-31 17:35:54 +0100
commit600901d2e286d6aa8e762bc3e617c1345a671d15 (patch)
tree30eb3f73680721e21f14eae4ad7c803f039ec745 /code/index.html
parent8cc81f19a41cfa289c5cfb15945c4be134d757a7 (diff)
checkpointmain
Diffstat (limited to 'code/index.html')
-rw-r--r--code/index.html45
1 files changed, 34 insertions, 11 deletions
diff --git a/code/index.html b/code/index.html
index f50730c..e3d24eb 100644
--- a/code/index.html
+++ b/code/index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
- <style>
+ <style>
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
@@ -50,20 +50,43 @@ table {
border-collapse: collapse;
border-spacing: 0;
}
-</style>
-<style>
- canvas#graphics-canvas {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
+/* Center canvas */
+.centered {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+input {
+ position: absolute;
+ padding: 0;
+ font-size: 16px;
+
+ background: rgba(0,0,0,0.0);
+
+ /*debug*/
+ border: 1px solid red;
+ /*prod*/
+ /*border: none;*/
+
+ outline: none;
+
+}
+input:focus {
+ /*debug*/
+ border: 1px solid blue;
+ /*prod*/
+ /*border: none;*/
+}
+
+ </style>
- }
-</style>
<script type="module" src="./platform.js"></script>
</head>
<body>
- <canvas id="graphics-canvas"></canvas>
+ <canvas id="graphics-canvas" class="centered"></canvas>
+ <input type="text">
</body>
</html>