You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.7 KiB
46 lines
1.7 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>AI Text Adventure Engine</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
|
<script defer src="js/app.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="sidebar">
|
|
<h2>World Engine</h2>
|
|
<div id="status-message" class="status-message">Ready</div>
|
|
<div class="section">
|
|
<label for="lore">Lore</label>
|
|
<textarea id="lore" rows="5"></textarea>
|
|
</div>
|
|
<div class="section">
|
|
<label for="characters">Characters (comma separated)</label>
|
|
<textarea id="characters" rows="5"></textarea>
|
|
</div>
|
|
<div class="section">
|
|
<label for="plot">Plot Plans</label>
|
|
<textarea id="plot" rows="5"></textarea>
|
|
</div>
|
|
<div class="section">
|
|
<label for="world-gen">World Generation Ideas</label>
|
|
<textarea id="world-gen" rows="3" placeholder="e.g. Cyberpunk, dark fantasy, space opera..."></textarea>
|
|
</div>
|
|
<button onclick="updateState()">Save World State</button>
|
|
<button onclick="generateWorld()" style="margin-top: 10px; background-color: #28a745;">Generate New World</button>
|
|
</div>
|
|
|
|
<div id="main">
|
|
<div id="chat-container"></div>
|
|
<div id="suggestions-container"></div>
|
|
<div id="input-area">
|
|
<input type="text" id="user-input" placeholder="Enter your action..." onkeypress="if(event.key === 'Enter') sendTurn()">
|
|
<button onclick="sendTurn()">Send</button>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|