splatood.github.io/index.htm at master · SplatooD/splatood.github.io · GitHub

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
<!doctype>
<html>
	<head>

		<title>NES - SplatooD - Instruction Manual</title>

		<meta charset="utf-8">

		<style>
			body {
				background-color: #000;
				width: 100%;
				padding: 0px;
				margin: 0px;
			}
			.page-wrap {
				padding-top: 1in;
				margin: 0 auto;
				width: 133.5mm;
			}
			.page {
				background-color: #ffe;
				width: 133.5mm;
				height: 102.6mm;
				font-family: sans-serif;
				font-size: 4mm;
				position: relative;
			}
			.page-inner-padding {
				padding-top: 5mm;
			}
			.page-inner-padding-sides {
				padding-left: 10mm;
				padding-right: 10mm;
			}
			.justify {
				text-align: justify;
				text-justify: inter-word;
				line-height: 6mm;
			}
			.heading {
				font-size: 7mm;
				font-weight: bold;
				color: blue;
			}
			.title {
				padding-top: 40mm;
				font-weight: bold;
				transform: skewY(-10deg);
				font-size: 14mm;
				color: #fff;
			}
			.manual {
				padding-top: 30mm;
				transform: skewY(-10deg);
				font-size: 7mm;
				color: #000;
			}
			.box {
				border: 0.1mm solid #000;
				background-color: #eee;
				margin: 4mm;
				padding: 2mm;
				font-size: 3.5mm;
			}
			.page-left {
				position: absolute;
				bottom: 5mm;
				right: 10mm;
			}
			.page-right {
				position: absolute;
				bottom: 5mm;
				left: 10mm;
			}
		</style>

	</head>

	<body>

		<div class="page-wrap">
			<div class="page" style="background-color: #888; text-align: center;">
				<div class="title">SPLATOOD</div>
				<div class="manual">INSTRUCTION MANUAL</div>
			</div>
		</div>

		<div class="page-wrap">
			<div class="page">
				<div class="page-inner-padding page-inner-padding-sides">
					Thank you for selecting the Nintendo® Entertainment System™ SPLATOOD™ Pak.
				</div>
				<div class="box">
					Please read this instruction booklet to ensure proper handling of your new game, and then save the booklet for future reference.
				</div>
				<div class="page-inner-padding-sides">
					<div class="heading">Table of Contents</div>
					SplatooD: A Salty Tale........... 2<br>
					Controls................................. 3<br>
					Menus.................................... 3<br>
				</div>
				<div class="page-left">1</div>
			</div>
		</div>

		<div class="page-wrap">
			<div class="page">
				<div class="page-inner-padding page-inner-padding-sides">
					<div class="heading">SplatooD: A Salty Tale</div>
					<div class="justify" style="font-style: oblique;">
						A thousand years ago, humans ruled the world, but after a great flood destroyed their cities, creatures of the sea took over.
						Now the squid have become the dominant life form. The squid children, or "inklings", play a sport called "Turf War". Using
						their ability to produce colored ink, they battle to mark the playing field. Whoever covers more of the field is declared
						the victor.
					</div>
				</div>
				<div class="page-right">2</div>
			</div>
		</div>

		<div class="page-wrap">
			<div class="page">
				<div class="page-inner-padding page-inner-padding-sides">
					<div class="heading">Controls</div>
					<ul>
						<li>Move your character using the directional pad.
						<li>With a roller, press "A" to flick your roller.
						<li>With a charger, hold "A" to charge and fire.
						<li>Pause the game with "Start".
					</ul>
				</div>
				<div class="page-inner-padding page-inner-padding-sides">
					<div class="heading">Menus</div>
					<ul>
						<li>Use SELECT or UP and DOWN to pick from the menu.
						<li>Use START to confirm your selection or skip a screen.
					</ul>
				</div>
				<div class="page-left">3</div>
			</div>
		</div>

		<div class="page-wrap">
			<div class="page" style="background-color: #888; text-align: center;">
				<div style="bottom: 10mm; position: absolute; width: 100%; color: red;">SplatooD</div>
			</div>
		</div>

		<div style="height: 30mm">&nbsp;</div>

	</body>
</html>