Ультракороткая версия
Берёте вот этот код и сохраняете в файл index.html:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Проба Salet</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<style>
#tools_wrapper .ways {
padding: 0.5em;
}
.content {
padding: 1em;
}
.content ul {
margin: 0;
padding: 0 0 0 1em;
}
.content ul.options {
padding: 0;
text-align: center;
margin-top: 0.5em;
margin-bottom: 0.7em;
list-style-type: none;
border-radius: 4px;
border: 1px solid #876;
}
.content ul.options li {
padding: 0.5em;
border-bottom: 1px solid #876;
}
.content ul.options li:hover {
cursor: pointer;
background-color: rgba(153, 136, 119, 0.2);
}
.content ul.options li:last-child {
border-bottom: none;
}
.content section {
border-top: 1px dashed #bbb;
}
.content .room-start {
border-top: none;
}
.content h3 {
text-align: center;
}
.way {
color: blue;
margin-right: 1em;
}
.cycle {
color: darkgreen;
border-bottom: darkgreen dashed 1px;
}
</style>
<body>
<div id="page">
<div class="container">
<div id="tools_wrapper" class="row">
<div class='ways col-md-6'>
<ul class="nav nav-pills" id="ways">
</ul>
</div>
</div>
</div>
<div class="container">
<div id="content_wrapper" class="row">
<div id="content" class="content col-md-10 offset-md-1 col-xs-12"></div>
<a name="end_of_content"></a>
</div>
</div>
</div>
<script defer type="text/coffeescript">
salet.game_id = "your-game-id-here"
salet.game_version = "1.0"
salet.autosave = false
room "start",
dsc: """
## Привет, [мир!](end)
""",
choices: "#start"
room "end",
dsc: """
#### Пока, мир!
"""
tags: ["start"]
optionText: "Или нет?"
$(document).ready(() ->
salet.beginGame()
)
</script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://salet.su/try/js/coffee-script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/salet@2.0.1/lib/index.min.js"></script>
</body>
</html>
Ваша игра - это то, что между тегами <script defer type="text/coffeescript"> и <script>. Остальное - это обвязка и описание того, как она выглядит. Уже можно править и играть. (Автосохранения пока что отключены.)
Если не нравится синтаксический сахар CoffeeScript и вы знаете Javascript, можете выкинуть coffee-script.js и писать на чистом JS.
А вот как править, что можно добавить и как включить сохранения - это в остальной части руководства.