37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Puzzle Player</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<a href="designer.html" class="nav-link">→ Go to Designer Page</a>
|
|
<h1>Puzzle Player</h1>
|
|
|
|
<div id="importSection" class="section" style="text-align:center; margin-bottom: 20px;">
|
|
<label>Paste puzzle code: </label>
|
|
<input type="text" id="importInput" style="width: 400px;" placeholder="Paste exported puzzle string here...">
|
|
<button id="importBtn" style="margin-left:8px;">Import</button>
|
|
</div>
|
|
|
|
<div id="gameArea" class="page-layout" style="display:none;">
|
|
<!-- Board -->
|
|
<div class="panel">
|
|
<h2>Board</h2>
|
|
<div id="playBoardArea"></div>
|
|
</div>
|
|
|
|
<!-- Inventory -->
|
|
<div class="panel play-inventory">
|
|
<h2>Pieces</h2>
|
|
<p style="font-size:12px; color:#888; margin-bottom:10px;">Drag pieces to the board. Press <kbd>R</kbd> while dragging to rotate.</p>
|
|
<div class="inventory" id="playInventory"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="play.js"></script>
|
|
</body>
|
|
</html>
|