forked from quic-issues/427e7578-d7bf-49c8-aee9-2dd999e25316
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:
31
index.html
Normal file
31
index.html
Normal 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>
|
||||||
Reference in New Issue
Block a user