TBNilles/draw-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add landing page index.html

Browse Source
This commit is contained in:
Thomas Nilles
2026-01-15 00:54:58 -05:00
parent d9db2a771d
commit 3edc24b940
1 changed files with 63 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
static/index.html
View File

@@ -0,0 +1,63 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Landing Page</title>
<!-- Component scripts -->
<script
type="module"
src="./components/side-menu/side-menu.js"
></script>
<script
type="module"
src="./components/color-picker/color-picker.js"
></script>
<script
type="module"
src="./components/grid-selector/grid-selector.js"
></script>
<script
type="module"
src="./components/canvas-display/canvas-display.js"
></script>
<style>
html,
body {
margin: 0;
height: 100%;
font-family: sans-serif;
}
#container {
display: flex;
height: 100%;
}
side-menu-component {
flex: 0 0 var(--side-menu-width, 250px);
}
#main {
flex: 1;
display: flex;
flex-direction: column;
}
canvas-display {
flex: 1;
}
</style>
</head>
<body>
<div id="container">
<!-- Side menu (slide‑out) -->
<side-menu-component></side-menu-component>
<!-- Main area -->
<div id="main">
<!-- Canvas that will display the drawing area and grid overlay -->
<canvas-display></canvas-display>
</div>
</div>
</body>
</html>