-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnjama.html
260 lines (214 loc) · 13.2 KB
/
njama.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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="./favicon.png">
<title>Njama Game | Kilimanjaro Card</title>
<!-- Boot Strap CSS CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<!-- Bootstrap icons CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- Custom styles -->
<link rel="stylesheet" href="res/css/style.css">
<!-- google font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<header class="mb-auto" id="top-header">
<div class="">
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-dark container pt-3 pb-3">
<!-- Navbar brand -->
<a class="navbar-brand" href="./">
<img src="./res/images/logo/kilimanjaro-card-wordmark-web-white.png" alt="kilimanjaro-card-logo" class="top-nav-logo">
</a>
<!-- Collapse button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav" aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Collapsible content -->
<div class="collapse navbar-collapse ml-auto" id="basicExampleNav">
<!-- Links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="AboutDropdown" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">About</a>
<div class="dropdown-menu dropdown-primary" aria-labelledby="AboutDropdown">
<a class="dropdown-item" href="about.html">Why Kilimanjaro Card</a>
<a class="dropdown-item" href="introduction.html">Introduction</a>
<a class="dropdown-item" href="howtoplay.html">How to Play</a>
</div>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">Games</a>
<div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="baso.html">Baso</a>
<a class="dropdown-item" href="kotea.html">Kotea</a>
<a class="dropdown-item" href="njama.html">Njama</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="LangDropdown" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<i class="bi bi-globe"></i>
<!-- <i class="bi bi-chevron-down"></i> -->
</a>
<div class="dropdown-menu dropdown-primary dropdown-menu-right" aria-labelledby="LangDropdown">
<a class="dropdown-item" href="/njama.html"> English </a>
<a class="dropdown-item" href="/sw/njama.html"> Swahili </a>
</div>
</li>
</ul>
<!-- Links -->
</div>
<!-- Collapsible content -->
</nav>
<!--/.Navbar-->
</div>
</header>
<main>
<div class="container pt-md-4 pt-sm-2 pb-5">
<h4 class="section-title">
<i class="bi bi-puzzle-fill section-title-icon"></i>
Games > Njama
</h4>
<p>
It is a game played on the Banga board by bringing together four cards with the same colour into
four adjacent squares (Peak Point) by sliding them either toward vertical or horizontal direction
at each player’s side.
<br>
<h4 class="section-title">
How to play Njama?
</h4>
<p>
The game has twelve (12) rules, the following are the rules of playing NJAMA.
</p>
<ol>
<li>
The game is played by two players/teams whereby the peak of Mount Kilimanjaro is the
boundary for each player.
</li>
<li>
Start a new game by shuffling the cards then systematically distribute them throughout
the board by placing them (frontside up) to each plain square in clockwise / anticlockwise
direction.
<br>
<br>
<img src="./res/images/imgs/njama/NJAMA 01.jpg" alt="njama-01" class="njama-img img-fluid">
<br>
<br>
<b>OR</b>
<br>
<br>
<img src="./res/images/imgs/njama/NJAMA 02.jpg" alt="njama-02" class="njama-img img-fluid">
<br>
<br>
</li>
<li>
Every player should carefully look and examine the number and the values of the cards
with the same colour lying at his/her side.
<br>
<br>
<img src="./res/images/imgs/njama/NJAMA 05.jpg" alt="njama-03" class="njama-img img-fluid">
<br>
<br>
</li>
<li>
If the side of one player has cards with higher value than the cards (with the same colour)
at the opponent’s side, he/she can pick any card with the same colour from his/her
opponent’s side and replace it with any other card from his/her side.
</li>
<li>
The value of the card is determined by the number of Swahili ‐ English word / sentence
pairs.<br>
Example, Consider the cards with red colour below.
<br>
<br>
<img src="./res/images/imgs/njama/NJAMA 03.jpg" alt="njama-04" class="njama-img img-fluid">
<br>
<br>
</li>
<li>
The special cards have the value of 77 weight(the number 77 is uniquely selected to
glorify the World Swahili Language Day, 7th July).
<br>
<br>
<img src="./res/images/imgs/njama/NJAMA 04.jpg" alt="njama-04" class="img-fluid njama-img">
<br>
<br>
</li>
<li>
The special cards can also be used to pick a card from the opponent’s side but only once
then it becomes normal card by losing its weight and power.
</li>
<li>
The special cards also have the power to switch with any card without losing its weight
but this phenomenon works only within the boundaries of one player.
</li>
<li>
If both sides have cards with the same values on a specific colour of normal cards and
special cards, then the replacement of cards with that specific colour from opponent’s side cannot be done.
</li>
<li>
A player can move his/her card one step to the adjacent plain square in any direction.
</li>
<li>
At the end of game, winner is the one who manages to bring together four cards with the
same colour into four adjacent squares (at the peak of Mount Kilimanjaro) early before
his/her opponent, if she/he is able to bring normal cards, she/he will score one(1)
point.
<br>
<br>
<img src="./res/images/imgs/njama/NJAMA 06.jpg" alt="njama-06" class="img-fluid njama-img">
<br>
<br>
</li>
<li>
If the player manages to bring together four special cards into four adjacent squares (at
the peak of Mount Kilimanjaro), He/She will score a super goal which is equal to seven
(7) points.
<br>
<br>
<img src="./res/images/imgs/njama/NJAMA 07.jpg" alt="njama-07" class="njama-img img-fluid">
<br>
<br>
</li>
</ol>
</p>
</main>
<footer>
<div class="container pt-5 pb-5">
<div class="row">
<div class="col-md-9 col-sm-12 pb-sm-3">
<a href="/index.html"><img src="./res/images/logo/kilimanjaro-card-wordmark-web-white.png" alt="kilimanjaro-car-logo" class="footer-logo"></a>
</div>
<div class="col-md-3 col-sm-12">
<h5>Follow Us</h5>
<a href="https://www.facebook.com/profile.php?id=100082579189286"><i class="bi bi-facebook ft-social-icon"></i> </a>
<a href="https://www.instagram.com/kilimanjarocard"><i class="bi bi-instagram ft-social-icon"></i> </a>
<a href="https://www.tiktok.com/@kilimanjarocard"><i class="bi bi-tiktok ft-social-icon"></i> </a>
<a href="http://twitter.com/kilimanjarocard"><i class="bi bi-twitter ft-social-icon"></i> </a>
<a href="https://youtube.com/channel/UC2PFwa3FBdt10tE4ru-wzmg"><i class="bi bi-youtube ft-social-icon"></i> </a>
<!-- <div class="text-left mt-3 pt-3" id="copy-left">
© Kilimanjaro Card.
</div> -->
</div>
</div>
</div>
<div class="text-center" id="copy-left">
© Kilimanjaro Card.
</div>
</footer>
<!-- Boot strap JS CDN -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
</body>
</html>