-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathcreate.html
137 lines (121 loc) · 5.49 KB
/
create.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
<!DOCTYPE html>
<html>
<head>
<title>Bans.Create</title>
<meta name="description" content="The Bans Page. Create a custom stagelist." />
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Twitter Card data -->
<meta name="twitter:card" value="summary">
<!-- Open Graph data -->
<meta property="og:title" content="Bans.Page" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://bans.page" />
<meta property="og:image" content="https://bans.page/img/preview.png" />
<meta property="og:description" content="The Bans Page. Ban stages from premade or custom stagelists." />
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/custom.css">
<script src="./js/constants.js"></script>
<script src="./js/create.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-129285594-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-129285594-1');
</script>
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://bans.page">
<img src="img/Logo.png" width="112" height="28">
</a>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasic">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasic" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="./index.html">Home</a>
<a class="navbar-item" href="./create.html">Stagelist Builder</a>
<a class="navbar-item" href="./about.html">About</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">Presets</a>
<div class="navbar-dropdown" id="presets">
</div>
</div>
<a class="navbar-item" href="./nasb2/index.html">NASB2</a>
</div>
</nav>
<main>
<section class="container">
<div class="container has-text-centered">
<h1 class="title is-2">Create Your Own Stagelist!</h1>
<p>Welcome to the Bans.Page Stagelist creator! When you're happy with your selection, click "Create Stagelist"!<br />Once viewing your Stagelist, you can share it with others by copying the URL.</p>
<br/><h2 class="subtitle is-4 has-text-weight-bold">The ¬ symbol means a stage should only be played without Stage Hazards.</p><br />
</div>
</section>
</main>
<div id="buckets" class="container has-text-centered"></div>
</br>
<section class="container has-text-centered">
<a class="button" href="javascript:addBucket()">Add Stage Bucket</a>
</section>
<br />
<section class="container has-text-centered">
<hr />
<label for="name">Your Name: </label><input maxlength="35" class="input" type="text" id="name" onchange="generateCode()" /><br /><br />
<a href="javascript:createStagelist()" class="button is-large is-primary">Create Stagelist</a>
<hr />
<a href="./create.html" class="button">Reset</a>
<br /><br />
<div id="limited" class="card">
<small>This page is currently displaying a more limited list of stages based on what might likely be considered a competitive stage by the community.<br /><br />To view the full list of 103 stages, press the button below.</small>
<br /><br />
<a class="button" href="./create.html?nolimits=1">View Full Stage Options</a>
</div>
<div id="unlimited" class="card hidden">
<small>This page is currently displaying all stages in SSBU.<br /><br />To view a more limited list of likely competitive stages, press the button below.</small>
<br /><br />
<a class="button" href="./create.html">View Limited Stage Options</a>
</div>
</section>
<br />
<footer class="footer has-text-centered">
<div class="container">
<div class="columns">
<div class="column is-8-desktop is-offset-2-desktop">
<p>
<strong class="has-text-weight-semibold">
<a href="https://bans.page">Bans.Page</a>
</strong>
</p>
<p>
<small>
<p>Created by <a href="https://twitter.com/WaveParadigm">WaveParadigm</a> and <a href="https://twitter.com/VGInvis">Invis</a></p>
</small>
</p>
<p style="margin-top: 1rem;">
<a href="http://bulma.io">
<img src="./img/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
</a>
</p>
</div>
</div>
</div>
</footer>
</body>
<script>
enableNavbarBurgers();
populateCommunityList();
setLimits(); //read ?nolimits and toggle settings if needed
loadSelects(); //populate all existing dropdowns on screen. will redirect to nolimits if stage ID not found in whitelist
loadFromURL(); //try to populate from URL
</script>
</html>