48 lines
970 B
HTML
48 lines
970 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Textual game</title>
|
|
<meta name="description" content="The HTML5 Herald">
|
|
<meta name="author" content="SitePoint">
|
|
|
|
<link rel="stylesheet" href="css/styles.css?v=1.0">
|
|
|
|
<style type="text/css">
|
|
body {
|
|
background-color: #222;
|
|
color: white;
|
|
}
|
|
.choice-btn {
|
|
padding: 5px 10px;
|
|
border-radius: 3px;
|
|
border: 1px solid black;
|
|
margin: 2px;
|
|
}
|
|
|
|
.choice-btn:hover {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.choice-div {
|
|
border: 1px green solid;
|
|
}
|
|
.node-div {
|
|
border: 1px red solid;
|
|
}
|
|
#content {
|
|
width: 500px;
|
|
margin: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
<h1>Textual Game</h1>
|
|
<div id="history"></div>
|
|
<div id="choices"></div>
|
|
</div>
|
|
<script src="./bundle.js"></script>
|
|
</body>
|
|
</html> |