-
Notifications
You must be signed in to change notification settings - Fork 1
/
smash_intro.html
146 lines (132 loc) · 9.39 KB
/
smash_intro.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>CB Smash Club - Intro to Smash</title>
<!-- Bootstrap CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<!-- Theme CSS -->
<link href="css/SmashClub.css" rel="stylesheet">
<link href="css/scGallery-lightbox.css" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-custom navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="https://cbsmashclub.github.io/">
<i class="fa fa-gamepad"></i> <span class="light">CB</span> SMASH CLUB
</a>
</div>
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li class="hidden">
<a href="https://cbsmashclub.github.io/"></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Tutorials & Guides <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#page-top" class="page-scroll">Intro</a></li>
<li><a href="characters">Characters</a></li>
<li><a href="neutral_and_combo">Neutral & Combo</a></li>
<li><a href="basic_tech">Basic Tech</a></li>
</ul>
</li>
<li>
<a href="ruleset">Ruleset</a>
</li>
<li>
<a href="about">About</a>
</li>
<li>
<a href="extras">Extras</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="intro_smash_intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h1>Intro to Smash</h1>
<p class="light_text">Super Smash Bros. is a series of platform fighting games. It can be thought of as “king of the hill”, where you and your opponent try not to fall off the hill (the stage), as doing so results in the loss of a life (or stock) when the boundaries of the stage (blast lines, which is a large box surrounding the stage) are reached. To make your opponent reach the blast lines, you attack them. Attacks deal damage in the form of percent and knocks them back. Percent is unlike health in traditional fighters in that lower percent is more desirable, as having more percent increases the distance you get knocked back by, increasing the chance that the blast lines will be crossed, resulting in the loss of your stock. Upon the loss of your stock, your percent resets back to zero. Once the number of stocks of a player reaches zero, the other player wins.</p>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-4 col-lg-offset-2">
<a href="https://www.youtube.com/watch?v=NHNq5eab1D8" data-toggle="lightbox" data-title="Nintendo's How To Play Melee Video">
<img src="https://i1.ytimg.com/vi/NHNq5eab1D8/mqdefault.jpg" alt="" class="img-responsive">
</a>
<p class="light_text">Above is Nintendo's video on how to play Melee.</p>
</div>
<div class="col-lg-5 col-md-8 col-sm-8 col-xs-8">
<img src="img/melee_hud.png" alt="" class="img-responsive">
<p class="light_text">Here, Peach has 3 stocks and 0% while Marth has 4 stocks and 128%. Peach has less lives than Marth so she's losing, but Marth will likely lose his stock soon because his percent is too high.</p>
</div>
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 col-lg-offset-2">
<p class="light_text">Competitive Melee (the main competitive game of the Super Smash Bros. series) is played with a timer of eight minutes and four stocks each, often in best of three matches (best of five for grand finals, top eights, or top thirty-twos in some cases). It can be played one-on-one (singles), or two-on-two (doubles) with friendly fire on. Only some stages are permitted for play as others can have random elements, stage hazards, or abusable properties (ground leading into blast lines (walkoffs), large enough for stalling to occur).</p>
<a href="img/gallery/blast_zones/blast_zone_battlefield.png" data-toggle="lightbox" data-gallery="blast_zones-gallery" data-title="Blast Zones of Tournament Legal Stages - Battlefield">
<img src="img/gallery/blast_zones/blast_zone_battlefield.png" alt="" class="img-responsive">
</a>
<div data-toggle="lightbox" data-gallery="blast_zones-gallery" data-remote="img/gallery/blast_zones/blast_zone_final.png" data-title="Blast Zones of Tournament Legal Stages - Final Destination"></div>
<div data-toggle="lightbox" data-gallery="blast_zones-gallery" data-remote="img/gallery/blast_zones/blast_zone_fountain.png" data-title="Blast Zones of Tournament Legal Stages - Fountain of Dreams"></div>
<div data-toggle="lightbox" data-gallery="blast_zones-gallery" data-remote="img/gallery/blast_zones/blast_zone_dreamland.png" data-title="Blast Zones of Tournament Legal Stages - Dreamland"></div>
<div data-toggle="lightbox" data-gallery="blast_zones-gallery" data-remote="img/gallery/blast_zones/blast_zone_stadium.png" data-title="Blast Zones of Tournament Legal Stages - Pokemon Stadium"></div>
<div data-toggle="lightbox" data-gallery="blast_zones-gallery" data-remote="img/gallery/blast_zones/blast_zone_story.png" data-title="Blast Zones of Tournament Legal Stages - Yoshi's Story"></div>
<p>In the above gallery is all of the legal stages in Melee with a red box representing the blast zone.</p>
</div>
</div>
</div>
</div>
</header>
<section id="smash_intro_gamecube_annotation" class="container content-section text-left">
<div class="row">
<div class="container">
<div class="gamecube_annotation-section">
<div class="col-lg-8 col-lg-offset-2">
<h2>How do I play?</h2>
<p>In most cases, you'll be using a GameCube Controller (unless you're playing the original Super Smash Bros. for the Nintendo 64).</p>
</div>
<div class="col-lg-8 col-lg-offset-2">
<h2> </h2>
<img src="img/annotated_gc_controller.png" alt="" class="img-responsive">
</div>
<div class="col-lg-8 col-lg-offset-2">
<p>*Can only be used in doubles when your partner has more than one stock and you have zero stocks. Will otherwise pause the game.</p>
<p>While it might seem that there's a lot you need to learn (which is very true), there are only a couple important things you need to know: the control stick is to move, Y and X (and tapping up on the control stick) are for jumping, L and R are for shielding or dodging, and A, B, and C-stick are for attacking. To perform different attacks, hold a different direction on the control stick. Everything else is used for more advanced play.</p>
</div>
</div>
</div>
</div>
</section>
<footer>
</footer>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/SmashClub.js"></script>
<script>
$(document).on('click', '[data-toggle="lightbox"]', function(event)
{
event.preventDefault();
$(this).galleryLightbox();
});
</script>
<script src="js/scGallery-lightbox.js"></script>
</body>
</html>