-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (89 loc) · 5.27 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Super Smash Stats</title>
<link rel="icon" href="/image/SSB_Icon.png">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style/reset.css"/>
<link rel="stylesheet" type="text/css" href="style/styles.css"/>
<link rel="stylesheet" type="text/css" href="style/mobi.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="/script/home.js"></script>
</head>
<body>
<div class="content">
<!-- NAVIGATION -->
<nav class="mobi">
<div class="nav_wrapper">
<ul>
<li><a href="/index.html" class="logo"><img src="/image/SSB4logo.png" class="homelogo"/></a></li>
<li><a href="/versus.html">Versus</a></li>
<li><a href="/characters.html">Characters</a></li>
</ul>
</div>
</nav>
<nav class="norm">
<div class="nav_wrapper">
<ul>
<li><a href="/versus.html">Versus Calculator</a></li>
<li><a href="/index.html" class="logo"><img src="/image/SSB4logo.png" class="homelogo"/></a></li>
<li><a href="/characters.html">Meet the Characters</a></li>
</ul>
</div>
</nav>
<!-- PAGE LAYOUT -->
<div class="flex page filled">
<div class="left">
<ul id="blurbOptions">
<li class="char_option" id="welcome"><button class="char_button bigger">Welcome</button></li>
<li class="char_option" id="under"><button class="char_button bigger">Under the Hood</button></li>
<li class="char_option" id="about"><button class="char_button bigger">About Us</button></li>
</ul>
</div>
<div class="right" id="home">
<h1 id="homeWelcome">Welcome to Super Smash Stats!</h1>
<div id="slideShow">
<img class="mySlides" src="/image/DDD.jpg" style="width:60%">
<img class="mySlides" src="/image/DKMegaman.jpg" style="width:60%">
<img class="mySlides" src="/image/luigikick.jpg" style="width:60%">
<img class="mySlides" src="/image/wiiFit.jpg" style="width:60%">
<img class="mySlides" src="/image/marioKick.jpg" style="width:60%">
<img class="mySlides" src="/image/yoshi.jpg" style="width:60%">
</div>
<div class="blurb" id="welcome">
<h1>Welcome</h1>
<p> This is Super Smash Stats! Using the FrannHammer API, we bring you the character data for Super Smash Brothers WiiU/3DS. The character data is all real, and based off of data presented by KuroganeHammer, a moderator on Smashboards. All the data you see on this site originates from <a href="http://kuroganehammer.com">here</a> along with character data being gathered from several other games! the FrannHammer API is currently under development, and so still receives updates from time to time. luckily, the updates for Smash 4 seem to be finished!
</div>
<div class="blurb" id="under">
<h1>Under the Hood</h1>
<p> The Characters page works by immediately calling on the API to populate the list of available characters (on the left in the full site, and in the dropdown on mobile), then when you select a character, the site runs a cross-reference on the json provided by the original call to find the URLs for the moves list and attributes list for the selected character. The page then makes two API calls for those lists and populates the tables you see on the page. The images for the characters are also provided by the API.
 The Versus page works in a similar fashion. the immediate API call populates the list of characters in both dropdowns, and when a character is selected, the image for them changes based on the json results of the initial call. When you click FIGHT!, the page randomly chooses who would win in a theoretical fight between these two characters.</p>
</div>
<div class="blurb" id="about">
<h1>About us</h1>
<p> Both Evan and Jeff grew up playing Super Smash Brothers as kids, and still continue to love the game today. Jeff's favorite entry in the series is Super Smash Brothers Melee, and Evan's is Project M (A brawl fan mod). Winning is the name of the game, and we hope this website gives you a competitive edge!</p>
<p></p>
</div>
</div>
</div>
<!-- FOOTER ELEMENT -->
<div class = "push"></div>
<footer class="mobi">
<ul>
<li><a href="http://beta-api-kuroganehammer.azurewebsites.net/swagger/ui/index#!">API</a></li>
<li><a href="https://github.com/hiltonjp/creative2">Repository</a></li>
<li><a href="http://smashbros.com/us/">SSB4</a></li>
</ul>
</footer>
<footer class="norm">
<ul>
<li><a href="http://beta-api-kuroganehammer.azurewebsites.net/swagger/ui/index#!">FrannHammer API</a></li>
<li><a href="https://github.com/hiltonjp/creative2">GitHub Repository</a></li>
<li><a href="http://smashbros.com/us/">SSB4 Official Site</a></li>
</ul>
</footer>
</div>
</body>
</html>