53 lines
1.7 KiB
HTML
53 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Arena Picker</title>
|
|
</head>
|
|
<body>
|
|
<main id="app">
|
|
<section class="fighter-entry" aria-label="대전 참가자 입력">
|
|
<div class="entry-copy">
|
|
<p class="eyebrow">Arena Picker</p>
|
|
<h1>팀 전투 뽑기</h1>
|
|
<p id="visitor-count" class="visitor-count" aria-live="polite">방문자 확인 중</p>
|
|
</div>
|
|
<form id="fighter-form" autocomplete="off">
|
|
<fieldset>
|
|
<legend>Players</legend>
|
|
<label for="player-names">참가자 닉네임</label>
|
|
<textarea id="player-names" name="playerNames" rows="10">Player 1
|
|
Player 2
|
|
Player 3
|
|
Player 4
|
|
Player 5
|
|
Player 6
|
|
Player 7
|
|
Player 8
|
|
Player 9
|
|
Player 10</textarea>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Match</legend>
|
|
<div class="team-size-row">
|
|
<label for="team-size">팀당 인원</label>
|
|
<output id="team-size-value" for="team-size">5</output>
|
|
</div>
|
|
<input id="team-size" name="teamSize" type="range" min="1" max="100" value="5" />
|
|
</fieldset>
|
|
<button type="submit">전투 시작</button>
|
|
</form>
|
|
</section>
|
|
<section class="arena-shell" aria-label="전투 경기장">
|
|
<div id="scoreboard" class="scoreboard">
|
|
<div id="score-left" class="score-side left"></div>
|
|
<div id="score-right" class="score-side right"></div>
|
|
</div>
|
|
<div id="game"></div>
|
|
</section>
|
|
</main>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|