-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathZendo.html
122 lines (114 loc) · 5.54 KB
/
Zendo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1">
<title>Zendo — Keep Talking and Nobody Explodes Module</title>
<link rel="stylesheet" type="text/css" href="css/font.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/ktane-utils.js"></script>
<style>
.dark table, table {
margin: 1em auto;
border: none;
}
.page-footer::before { content: 'Page '; }
.page-footer::after { content: ' of 2'; }
</style>
</head>
<body>
<div class="section">
<div class="page page-bg-01">
<div class="page-header">
<span class="page-header-doc-title">Keep Talking and Nobody Explodes Mod</span>
<span class="page-header-section-title">Zendo</span>
</div>
<div class="page-content">
<img src="img/Component/Zendo.svg" class="diagram">
<h2>On the Subject of Zendo</h2>
<p class="flavour-text">We all learn from our mistakes. Well, except the ones that explode.</p>
<ul>
<li>This module has a hidden rule that must be determined through experimentation.</li>
<li>According to this rule, patterns of shapes placed on the grid are categorized as either valid or invalid.</li>
<li>Once you determine the rule, you must correctly categorize five challenge patterns to disarm the module.</li>
</ul>
<h4>Determining the rule</h4>
<p>
The module starts in edit mode with an example of a valid pattern on its grid. The module
will never issue a strike until you press the "Ready" button.
</p>
<p>
To edit the grid, select a shape and color from the palette on the right of the module,
then touch the grid to draw that symbol. You can also press the display on the right to
erase symbols instead. Press the display twice to clear the entire grid.
</p>
<p>
As you edit the grid, the buttons below the grid will indicate the validity of the current
pattern. If the pattern is valid, the "Y" button will light up. Otherwise, the "N"
button will light up.
</p>
<p>
Additionally, you can press the "Y" button to show a random example of a valid pattern,
and the "N" button to show a random example of an invalid pattern.
</p>
<h4>Disarming the module</h4>
<p>
When you think you know the rule and are ready to disarm the module, press the "Ready" button to switch to challenge mode.
</p>
<p>
The grid will display a pattern. If the pattern matches the rule, press "Y", otherwise press "N". Repeat until the module is disarmed.
</p>
<p>
If you are unsure of the rule, you can press "Ready" again to safely return the module to edit mode.
</p>
<p>
If you make a mistake, the module will strike and return to edit mode with a new rule.
</p>
</div>
<div class="page-footer relative-footer">1</div>
</div>
<div class="page page-bg-02">
<div class="page-header">
<span class="page-header-doc-title">Keep Talking and Nobody Explodes Mod</span>
<span class="page-header-section-title">Zendo</span>
</div>
<div class="page-content">
<h3>Addendum: Example rules</h3>
<p>
The below table gives examples of rules and patterns which might appear on this module.
This is NOT an exhaustive list, it is merely an illustration of how the module behaves.
</p>
<table>
<tr>
<th>Rule</th>
<th>Valid pattern</th>
<th>Invalid pattern</th>
</tr>
<tr>
<td>Every circle is red</td>
<td><img src="img/Zendo/zendo1a.svg"></td>
<td><img src="img/Zendo/zendo1b.svg"></td>
</tr>
<tr>
<td>All symbols in the same row are the same color</td>
<td><img src="img/Zendo/zendo2a.svg"></td>
<td><img src="img/Zendo/zendo2b.svg"></td>
</tr>
<tr>
<td>There is a blue symbol adjacent to a square</td>
<td><img src="img/Zendo/zendo3a.svg"></td>
<td><img src="img/Zendo/zendo3b.svg"></td>
</tr>
<tr>
<td>Symbols of the same color form a connected cluster</td>
<td><img src="img/Zendo/zendo4a.svg"></td>
<td><img src="img/Zendo/zendo4b.svg"></td>
</tr>
</table>
</div>
<div class="page-footer relative-footer">2</div>
</div>
</div>
</body>
</html>