-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
281 lines (281 loc) · 17.6 KB
/
index.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
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
<!DOCTYPE html>
<html>
<head>
<title>All-in-One Minecraft Guide</title>
<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=Montserrat:ital,wght@1,800&family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./style.css"
</head>
<body>
<div class="header-container">
<h1>The All-in-One Minecraft Guide</h1>
<nav>
<ul>
<li><a class="visited" href="./index.html">Quick Start</a></li>
<li><a href="./newsletter.html">Newsletter</a></li>
<li><a href="./resources.html">Resources</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./about.html">About</a></li>
</ul>
</nav>
<h3 class="fansite-banner">This site is a fansite, it is NOT officially associated with either Mojang or Microsoft!</h3>
</div>
<div class="content-container">
<article>
<header>
<h2>What is Minecraft?</h2>
</header>
<p>
Minecraft is a 3D sandbox game that is focused on manipulating
different blocks. These blocks are representative of real-life
elements (if you exclude physics) such as dirt, stone,
oak wood, etc. Build and shape the world wherever your imagination
leads you.
</p>
</article>
<article class="world-generation-instruction">
<header>
<h2>Generating the World</h2>
</header>
<div class="flex-break"></div>
<div class="instruction-paragraph">
<p>
Generate a world by clicking 'singleplayer' on the main menu. There are
many options to tweak your world. For this tutorial, select survival
and use the default settings.
</p>
</div>
<figure class="instruction-image">
<img alt="Minecraft singleplayer world generation menu" src="/images/mc-singleplayer-world-generation.png">
<div class="flex-break"></div>
<figcaption>
<em>
This guide will be done in a singleplayer world. Version
1.19 at the time of writing this guide.
</em>
</figcaption>
</figure>
</article>
<article>
<header>
<h2>Surviving the First Night</h2>
</header>
<p>
Surviving the first night can be overwhelming with so much to do and night quickly
approaching. Follow this simple to-do list to get started on a successful
first day!
</p>
<ol>
<div class="first-night-instruction">
<li>Gather wood</li>
<div class="flex-break"></div>
<div class="instruction-paragraph">
<p>
Every Minecraft adventure begins by punching wood (yes punching...),
there is no need to worry about the tree falling over as the wood blocks will float!
Gather about 10 - 15 logs of any kind that are nearby!
</p>
<div class="flex-break"></div>
<p>
Move your character with the keys WASD: 'W' for forward movement, 'A' for
rightward movement, 'S' for backward movement, 'D' for leftward movement.
</p>
<p>
Move towards a tree, HOLD the LEFT MOUSE MUTTON (LMB) when you directly face a wood block to
"mine" the block. The item will drop and when you are near it you will pick it up.
</p>
<p>
<em>
These controls of mining and moving will remain the same, so it will be important
for you to remember and understand them.
</em>
</p>
</div>
<figure class="instruction-image">
<img alt="Punching a tree in Minecraft" src="images/gather-wood.png">
<div class="flex-break"></div>
<figcaption>Hold the LMB to "mine" the log from the tree</figcaption>
<div class="flex-break"></div>
</figure>
<div class="first-night-instruction">
<li>Craft the crafting table and a wooden pickaxe</li>
<div class="flex-break"></div>
<div class="instruction-paragraph">
<p>
You will need to craft a crafting table if you want to craft more advanced items.
</p>
<p>
Press the 'E' key to open your inventory, press the LMB to place at least one wood log in a crafting
grid. As you can see, the wood log can be used to craft 4 wooden planks.
</p>
<p>
Take your wooden planks and fill the crafting grid completely. Congratulations you have crafted
the crafting table!
</p>
<p>
To use blocks, you must drop them into your hotbar (the row of slots at the bottom of your
inventory seperated from the main grid). Depending on the context the RIGHT MOUSE BUTTON (RMB)
will either place the block, consume the block OR interact with the block directly facing you.
</p>
<p>
Crafting items involves arranging the ingredients in a shape resembling the final product.
Use the crafting table and place TWO wood planks atop of eachother to craft sticks.
Then place TWO sticks and THREE wooden planks in the shape of a 'T' as shown. It looks
similar to a pickaxe!
</p>
</div>
<figure class="instruction-image">
<img alt="Crafting recipe for wooden planks" src="images/craft-wood-plank.png">
<div class="flex-break"></div>
<figcaption>Place a wooden log into the crafting grid to craft a wooden plank</figcaption>
<div class="flex-break"></div>
<img alt="Crafting recipe for the crafting table" src="images/craft-crafting-table.png">
<div class="flex-break"></div>
<figcaption>Place FOUR wooden planks into the crafting grid for a crafting table</figcaption>
<div class="flex-break"></div>
<img alt="Placing the crafting table on the hotbar" src="images/hotbar.png">
<div class="flex-break"></div>
<figcaption>Place the crafting table into your hotbar so that you can place it down</figcaption>
<div class="flex-break"></div>
<img alt="Crafting recipe for a wooden pickaxe" src="images/craft-wooden-pickaxe.png">
<div class="flex-break"></div>
<figcaption>Interact with the crafting grid to make a wooden pickaxe</figcaption>
<div class="flex-break"></div>
</figure>
</div>
<div class="first-night-instruction">
<li>Craft stone tools and a furnace</li>
<div class="flex-break"></div>
<div class="instruction-paragraph">
<p>
Look for an open cave OR simply dig down until you reach grey stone blocks.
Take out that trusty wooden pickaxe you crafted and begin mining the
stone blocks. Aim for roughly 20 - 30 cobblestone blocks!
</p>
<p>
Once you have collected enough cobblestone, head back to the surface and
follow the recipes shown to craft a set of stone tools! After you should have a stone sword, stone
pickaxe, stone shovel, and stone axe.
</p>
<p>
Take 8 cobblestone blocks and form a "donut" in the crafting grid to create a furnace, the crafting
table and the furnace are the two foundational blocks to progressing in the game!
</p>
</div>
<figure class="instruction-image">
<img alt="Mining cobblestone in Minecraft" src="images/mine-stone.png">
<div class="flex-break"></div>
<figcaption>Mine stone blocks to acquire cobblestone</figcaption>
<div class="flex-break"></div>
<img alt="Crafting recipe for a stone sword" src="images/craft-stone-sword.png">
<div class="flex-break"></div>
<figcaption>Crafting recipe for a stone sword</figcaption>
<div class="flex-break"></div>
<img alt="Crafting recipe for a stone pickaxe" src="images/craft-stone-pickaxe.png">
<div class="flex-break"></div>
<figcaption>Crafting recipe for a stone pickaxe</figcaption>
<div class="flex-break"></div>
<img alt="Crafting recipe for a stone shovel" src="images/craft-stone-shovel.png">
<div class="flex-break"></div>
<figcaption>Crafting recipe for a stone shovel</figcaption>
<div class="flex-break"></div>
<img alt="Crafting recipe for a stone axe" src="images/craft-stone-axe.png">
<div class="flex-break"></div>
<figcaption>Crafting recipe for a stone axe</figcaption>
<div class="flex-break"></div>
<img alt="Crafting recipe for a furnace" src="images/craft-furnace.png">
<div class="flex-break"></div>
<figcaption>Crafting recipe for a furnace</figcaption>
<div class="flex-break"></div>
<img alt="Placing crafting table and furance beside eachother" src="images/furnace&table.png">
<div class="flex-break"></div>
<figcaption>The crafting table and furance are both essential blocks</figcaption>
<div class="flex-break"></div>
</figure>
</div>
<div class="first-night-instruction">
<li>Hunt for food</li>
<div class="flex-break"></div>
<div class="instruction-paragraph">
<p>
You will need a source of food! Look for any animals nearby and hunt them with your stone sword, they
will drop food items and may drop additional blocks (for example, chickens will drop feathers and sheep
will drop wool)
</p>
<p>
You will need to cook food to get the most out of them. Use your furnace
and place the food item on the topmost slot and a source of fuel (either a wood plank, log or coal)
at the bottommost slot. Your food will begin cooking. Add the food item onto your hotbar to eat
whenever your hunger bar is not full.
</p>
</div>
<figure class="instruction-image">
<img alt="Hunting animals for food" src="images/hunt-food.png">
<div class="flex-break"></div>
<figcaption>Cows, sheeps, pigs and chickens are great early food sources</figcaption>
<div class="flex-break"></div>
<img alt="Cooking mutton on a furnace" src="images/cook-food.png">
<div class="flex-break"></div>
<figcaption>Cooking your food will let you restore more hunger</figcaption>
<div class="flex-break"></div>
</figure>
</div>
<div class="first-night-instruction">
<li>Find sheep and gather wool</li>
<div class="flex-break"></div>
<div class="instruction-paragraph">
<p>
The night presents many dangerous creatures that want to hurt you! It is a good idea to skip the night. Begin
looking for sheep and hunting them down, you will need THREE wool blocks. If it is almost night you
can immediately skip to the next step and reattempt this task the next minecraft day!
</p>
</div>
<figure class="instruction-image">
<img alt="A herd of sheep in the plains biome" src="images/sheep.png">
<div class="flex-break"></div>
<figcaption>Sheep are especially important as they drop wool for beds</figcaption>
<div class="flex-break"></div>
</figure>
</div>
<div class="first-night-instruction">
<li>Craft a bed and create a home</li>
<div class="flex-break"></div>
<div class="instruction-paragraph">
<p>
If you have enough wool blocks, follow the recipe shown to craft your bed! Place it down somewhere, this will
be where you respawn whenever you health bar reaches zero (remember to interact with it to set it as your spawnpoint).
</p>
<p>Immediately create a box by either digging it out the wall of a mountain or shoveling dirt and building the box.</p>
<p>
Leave a two block vertical gap, this will be where you place your door. Follow the crafting recipe shown to create a
door block and place it down to fill the gap.
</p>
</div>
<figure class="instruction-image">
<img alt="Crafting recipe for a bed" src="images/craft-bed.png">
<div class="flex-break"></div>
<figcaption>Crafting recipe for a bed</figcaption>
<div class="flex-break"></div>
<img alt="Crafting recipe for a door" src="images/craft-door.png">
<div class="flex-break"></div>
<figcaption>Crafting recipe for a door</figcaption>
<div class="flex-break"></div>
<img alt="Placing down a door at the entrance of my shelter" src="images/place-door.png">
<div class="flex-break"></div>
<figcaption>Place a wooden door to allow easier entrance to your house</figcaption>
<div class="flex-break"></div>
</figure>
</div>
</ol>
</article>
</div>
<div class="footer-container">
<p class="closing-paragraph">
Congratulations! You have successfully survived your first night! To find out more information on what to do next,
I recommend you check the 'resources' tab of this website for external resources with more information!
</p>
<a class="top-of-page" href="#">Top of Page</a>
</div>
</body>
</html>