feat: add HTML shell for P2P polling app

Defines the app layout with sections for:
- Status indicator for document load state
- Option input and add button
- Duplicate warning message area
- Timer section with start-voting button
- Options list for rendered poll items
- Copy URL button for sharing

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
ako
2026-03-11 14:49:02 +01:00
parent 812098a6bb
commit 1d773dcb07

31
index.html Normal file
View File

@@ -0,0 +1,31 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>P2P Polling App</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div id="app">
<h1>P2P Polling App</h1>
<div id="status"></div>
<div id="add-option">
<input
type="text"
id="option-input"
placeholder="Enter an option..."
/>
<button id="add-btn">Add Option</button>
</div>
<div id="duplicate-msg" hidden></div>
<div id="timer-section">
<div id="timer"></div>
<button id="start-voting-btn">Start 2-min Vote</button>
</div>
<div id="options-list"></div>
<button id="copy-btn">Copy URL</button>
</div>
<script type="module" src="./app.js"></script>
</body>
</html>