-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathchapter1.html
More file actions
376 lines (352 loc) · 16.1 KB
/
Copy pathchapter1.html
File metadata and controls
376 lines (352 loc) · 16.1 KB
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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
<!--
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h3 class="title">Q4 History Comp Review D&D</h3>
<p class="author">By: Teresa Jiang, Ashley Huang, Amy Chen, Benjamin Dai, Jacky Zeng</p>
<h1>Chapter 1: Name</h1>
<ul>
<li class="part">Part 1: Name</li>
<ul>
<li></li>
</ul>
</ul>
</body>
</html>
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chapter 1: Guidance from the Night – the year of 1597</title>
<link rel="stylesheet" href="style.css">
<style>
/* Style the dropdown button */
.dropbtn-left {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
width: 100%;
text-align: left;
}
/* The container <div> - needed to position the dropdown content */
.dropdown-left {
position: fixed;
left: 0;
top: 50px;
width: 200px;
z-index: 1;
}
/* Dropdown Content (hidden by default) */
.dropdown-content-left {
display: none;
position: relative;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content-left .toc-link {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content-left .toc-link:hover {
background-color: #f1f1f1;
}
/* Show the dropdown menu on hover */
.dropdown-left:hover .dropdown-content-left {
display: block;
}
/* Style the submenu button */
.submenu-btn-left {
background-color: #f9f9f9;
color: black;
padding: 12px 16px;
font-size: 16px;
border: none;
cursor: pointer;
display: block;
width: 100%;
text-align: left;
}
/* The container <div> - needed to position the submenu content */
.dropdown-submenu-left {
position: relative;
}
/* Submenu Content (hidden by default) */
.submenu-content-left {
display: none;
position: absolute;
left: 100%;
top: 0;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* Links inside the submenu */
.submenu-content-left .toc-link {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of submenu links on hover */
.submenu-content-left .toc-link:hover {
background-color: #f1f1f1;
}
/* Show the submenu on hover */
.dropdown-submenu-left:hover .submenu-content-left {
display: block;
}
</style>
</head>
<body>
<header>
<h3 class="title">Q4 History Comp Review D&D</h3>
<p class="author">By: Teresa Jiang, Ashley Huang, Amy Chen, Benjamin Dai, Jacky Zeng</p>
<br>
<p class="author"><font size="1">Special Thanks for the following Contributors: Morax Cheng, Bryant Wong, Carson Zhang</font></p>
</header>
<!-- Dropdown Menu for Table of Contents -->
<section class="toc">
<div class="dropdown dropdown-left">
<button class="dropbtn dropbtn-left">Table of Contents</button>
<div class="dropdown-content dropdown-content-left">
<a class="toc-link" href="chapter1.html">Chapter 1: Guidance from the Night – the year of 1597 </a>
<a class="toc-link" href="chapter2.html">Chapter 2: Road to the Shogunate</a>
<a class="toc-link" href="chapter3.html">Chapter 3: The Hidden Ones</a>
<a class="toc-link" href="chapter4.html">Chapter 4: The Battle of Seikigahara</a>
<a class="toc-link" href="FinalDungeon.html">Final Dungeon</a>
<a class="toc-link" href="Arsenal1.html">Arsenal 1</a>
<a class="toc-link" href="appendix.html">Appendix (Map, Player's handout, etc.)</a>
<div class="dropdown-submenu dropdown-submenu-left">
<button class="submenu-btn submenu-btn-left">NPC Datasheet</button>
<div class="submenu-content submenu-content-left">
<a class="toc-link" href="Ashigaru(No firearm).html">Ashigaru (No Firearm)</a>
<a class="toc-link" href="Ashigaru(Firearm).html">Ashigaru (Firearm)</a>
<a class="toc-link" href="TokugawaIeyasu.html">Tokugawa Ieyasu</a>
<a class="toc-link" href="ToyotomiHideyoshi.html">Toyotomi Hideyoshi</a>
<a class="toc-link" href="Guide.html">Guide</a>
<a class="toc-link" href="LightCavalry.html">Light Cavalry</a>
<a class="toc-link" href="HeavyCavalry.html">Heavy Cavalry</a>
<a class="toc-link" href="ToyotomiHideyori.html">Toyotomi Hideyori</a>
<a class="toc-link" href="Samurai.html">Samurai</a>
</div>
</div>
</div>
</div>
</section>
<main>
<section class="chapter">
<h1><font size="5">Chapter 1: Guidance from the Night – the year of 1597 </font></h1>
<ol>
<ul>
<!-- Content of Chapter 1 -->
Character back story: you can set your own appearance, personality, etc.
<br>
<br>
3 groups
<br>
<br>
<strong>Japan:</strong><br>
You are a spy for Tokugawa Ieyasu in the Toyotomi Hideyoshi’s base, you are sending information and message about him to your master, so he’ll know when the best chance will be to take over Japan
But recently, according to your remarkable performance, Toyotomi Hideyoshi) had just raised you to a higher job with higher salary but stronger control – he appointed a servant with you to set an eye on you
<br><br>
<strong>China:</strong><br>
You were originally a scholar, but Chinese government doubted that Japan intended to invade them, so they asked you to spy for them and to seek Japan’s real goal. You’ve come to TH’s base as an employee that was responsible for recording, you thought this could provide you access or clues to Toyotomi Hideyoshi’s key plans...
<br>
<br>
But recently as Toyotomi Hideyoshi intended to invade Korea again after the first time, he asked you to be responsible for trade of saltpeter and lead (important material for building weapons) - Japan didn’t produce natural saltpeter themselves, this means that you have to gather materials from elsewhere.... Maybe... China? But don’t forget, the Ming court had strengthened the prohibition of trading voyage to Japan, so you have to smuggle......
<br><br>
<strong>Korea:</strong><br>
You might be the youngest and have the least experience among this party, Korea government appointed you to be the spy for them: steal Toyotomi Hideyoshi’s invasion plan, but your ultimate goal is to stop Japan’s invasion of Korea, you started to doubt if stealing plans is really enough...
<br>
<br>
<strong><font size="5">Day 1: </font></strong>
<br>
<br>
DM read the following:
<br>
<br>
You are at a meeting room where Toyotomi Hideyoshi just announced his plan to invade and conquer Korea
<br>
<br>
<strong>FOR THE SECOND TIME</strong>
<br>
“Minister, shouldn’t we think after we make the step? To the experience of the first invasion on Korea we already lost so many soldiers, why can’t we just give up Korea first and focus more on local problems?”
A young man shouted out his suggestion but didn’t lose his respectfulness to the minister.
Toyotomi Hideyoshi ignored that suggestion, although many people started to nod
“If we don’t invade Korea, the dream of conquering the Da Ming could never been put down to reality! Haven’t you ever thought about it?
<br>
<br>
<strong>Appearance description of Toyotomi Hideyoshi: </strong>
<br>
<br>
A man with age around 40 who wears extremely thick white clothes
<br>
<br>
Refer to: <a href="https://visit-omi.com/people/article/toyotomi-hideyoshi">Toyotomi Hideyoshi’s Description</a>
<br>
<br>
<strong><font size = "4">Main introduction (basic cognition the whole party knows about him):</font></strong>
<br>
<br>
He is the samurai warlords of current Sengoku Japan, also the chancellor and imperial regent
<br>
<br>
If player(s) succeed on History [INT,DC15] Check
<br>
<br>
<ul>
<li>    [Player(s) who belonged to China / Japan group gain +4 bonus in Japan’s history]</li>
<li>    [Player(s) who belonged to Korea group gain –2 disadvantage in Japan’s history] </li>
</ul>
<br>
<br>
If they succeed, DM read the following:
<br>
<br>
<ul>
<li>    
You remembered a short piece of history that happened less than half of a century ago,
there used to be another samurai warlord called Oda Nobunaga, he used to unify half of Japan.
If he was that strong, what had happened to him? What is his relationship with Toyotomi Hideyoshi?
“Minister, shouldn’t we think after we make the step? To the experience of the first invasion on Korea we already lost so many soldiers, why can’t we just give up Korea first and focus more on local problems?”
A young man shouted out his suggestion but didn’t lose his respectfulness to the minister.
Toyotomi Hideyoshi ignored that suggestion, although many people started to nod </li>
</ul>
<br>
<br>
<font size = "4"><strong>To DM: Please give the character from China a FOLDED PIECE OF A4 PAPER containing the following:</strong></font>
<br>
<br>
[Character's Name], you can put aside your trade with China for now and assist me to deal with saltpeter-buying and storage,
we need these to develop more advanced weapons and stronger ships to dominate those Koreans. Sadly, we don’t produce natural saltpeter here, you could consider importing them abroad,
Ming is a good buying place to consider, short distance and cheap in prices, though you have to smuggle them carefully.
<br>
<br>
<br>
<br>
<br>
<strong><font size="5">Day 1 Late Night: </font></strong>
<br>
<br>
DM read the following:
<br>
<br>
Toyotomi Hideyoshi had used the whole night persuading the crowd to concentrate on conquering Korea,
although he could’ve just used his military force to solve all of these disagreements,
but he still used his mouth anyway: 0 (Maybe he just wanted to sound kinder meh)
<br>
<br>
Most of the people had left the meeting room when Toyotomi Hideyoshi had finished giving his speech, there are only the party and another man staying in the room
<br>
<br>
[The party] looked around, (of course everyone in the party is staying) You guys still didn’t think this whatever Korea
invasion wasn’t a good idea and weren’t confident to put it down to reality. Despite the party, there is also a man around 40, he looked each of you and then...
<br>
<br>
The party can make a Insight (WIS, DC 12) check, people who successed found out that the man was somehow nodding a little bit, but he will only do this for 1 round.
<br>
<br>
<strong>If they succeed the check, DM read the following:</strong>
<br>
<br>
<li>    
The man realized the party noticed him, he said “Well,” he points at the party, “you guys are clever people.”
He starts walking around and then closes the room’s door, later, he continued:” Of course, you people weren’t sure about this invasion, or even, disagreeing?” </li>
</ul>
<br>
<br>
<strong>Party can choose to communicate with this man by succeeding on a DC10 Deception (CHA) check</strong>
<br>
<br>
<ul>
<li>
    
If they fails, DM read the following:
<br>
        
You guys are not trustworthy enough, I will not tell you.
<ul>
<li>
            
Players can do the Deception (CHA) check until they succeed
</li>
</ul>
</li>
<li>
<strong>If they succeed, DM read the following</strong>
<br>
<br>
DM read the following:
<br>
<br>
The man said
<br>
<br>
“Let me tell you why this invasion of Korea is so ridiculous and nonsense. 5 years ago, the minister mobilized a massive force and invaded Choson Korea.
The army troops there slaughtered almost all Koreans they could find in the fort of Pusan – an atrocity they called “a festival of blood”.
Later in the June of 1593, the troops attacked Chinju and killed thousands of Koreans in it – you think they had a good start?
Huh, the combined operations of the Korean navy led by Admiral Yi Sun-sin, a large land army from Ming China, and well-organized local rebels proved that the invasion is just a failure. “
<br>
<br>
“After all of this explanation, you still think that working for minister to achieve his unreasonable dreams of conquering Korea is possible and beneficial?
I’m sure you know the answer, so that’s the reason why I’m here to ask you to give up these nonsense and work for minster’s opponent instead to stop this foolish invasion.”
</li>
</ul>
<strong><font size="5">Party has 1 min to decide (They have to agree!!!) </font></strong>
<br>
<strong>After the party agrees [DM read the following]:</strong>
<br>
<br>
The man nods with approval.
<br>
<br>
“Then I believe from now me and you have the same goal.
By the way, you can call me <strong>Aseraki Denda</strong> – I believe that’s how everyone calls me”
<br>
<br>
“Our plan to crush the Korea invasion will be further explained when you meet the manager, another daimyo named Tokugawa Ieyasu.”
<br>
<br>
<strong>Milestone to Level 3</strong>
</ul>
</ol>
</section>
</main>
<div class="button-wrapper">
<a href="chapter2.html" class="button">Next Chapter</a>
</div>
<script src="script.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var submenuBtn = document.querySelector('.submenu-btn-left');
var submenuContent = document.querySelector('.submenu-content-left');
submenuBtn.addEventListener('click', function(e) {
e.stopPropagation();
submenuContent.style.display = submenuContent.style.display === 'block' ? 'none' : 'block';
});
// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.submenu-btn-left')) {
if (submenuContent.style.display === 'block') {
submenuContent.style.display = 'none';
}
}
};
});
</script>
</body>
</html>