43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>AI Interactive Fiction</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<script src="https://cdn.socket.io/4.6.0/socket.io.min.js"></script>
|
|
<script src="js/smartypants.js"></script>
|
|
<script src="js/tts-handler.js"></script>
|
|
<script src="js/ai-fiction.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="book">
|
|
<div id="lighting"></div>
|
|
<div id="page_left">
|
|
<div class="header">
|
|
<h1>AI Interactive Fiction</h1>
|
|
<h2 class="byline">A modern take on text adventures</h2>
|
|
</div>
|
|
<div class="separator">
|
|
<double class="separator">⋆</double>
|
|
</div>
|
|
<div id="story"></div>
|
|
</div>
|
|
<div id="page_right">
|
|
<div id="controls">
|
|
<a href="#" id="rewind">Restart</a>
|
|
<a href="#" id="speech">Speech</a>
|
|
<span>Speed <input type="range" id="speed" min="0" max="100" value="50"> <a href="#" id="speed_reset">Reset</a></span>
|
|
<a href="#" id="save">Save</a>
|
|
<a href="#" id="reload">Load</a>
|
|
</div>
|
|
<div id="command_history"></div>
|
|
<div id="command_input">
|
|
<input type="text" id="player_input" placeholder="Enter your command..." autocomplete="off">
|
|
<button id="submit_command">▶</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ruler"></div>
|
|
</body>
|
|
</html> |