-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinventory.html
107 lines (102 loc) · 5.61 KB
/
inventory.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
<!doctype html>
<html lang="en">
<head>
<title>Inventory - Welcomers' Guild | Versutian Federation</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/png" href="versutian-square.png">
<meta property="og:title" content="Welcomers' Guild Inventory">
<meta property="og:site_name" content="Versutian Federation">
<meta property="og:type" content="website">
<meta property="og:url" content="https://welcomers.versutian.site/">
<meta property="og:image" content="https://welcomers.versutian.site/img/versutian-og.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1261">
<meta property="og:image:height" content="492">
<meta property="og:image:alt" content="The Versutian Federation flag banner">
<meta property="og:description" content="Access your Welcomers' Guild inventory and open lootboxes for rewards.">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container" id="navbar-cont">
<a class="navbar-brand" href="#"><b>Versutian</b></a>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="navbarDropdownLinkSpan">Welcomers' Guild</span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="https://auth.versutian.site">Sign In</a>
<a class="dropdown-item" href="https://forums.versutian.site">Forums</a>
<a class="dropdown-item disabled" href="#">Elections</a>
<a class="dropdown-item active" href="#">Welcomers' Guild</a>
<a class="dropdown-item disabled" href="#">Polls</a>
</div>
</li>
</ul>
</div>
</nav>
<header id="header" class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-3"><b class="thick">Versutian</b> Welcomers' Guild Inventory</h1>
<div id="header-additional">
<p class="lead">Access your Welcomers' Guild inventory and open lootboxes for rewards.</p>
</div>
</div>
</header>
<section id="subnav" class="container">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link" href="/">Leaderboard</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">Inventory</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/winterpass2017">Winter Pass <span class="badge badge-pill badge-primary">NEW</span></a>
</li>
</ul>
</section>
<section id="content" class="container">
<div class="text-center" id="spinner">
<span class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></span>
<span class="sr-only">Loading...</span>
</div>
</section>
<br><br>
<!-- Lootbox modal -->
<div class="modal fade" id="lootboxModal" tabindex="-1" role="dialog" aria-labelledby="lootboxModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="lootboxModalLabel">Unboxing your loot...</h5>
</div>
<div class="modal-body">
<img class="img-fluid" src="img/crate.png" id="crate-img">
<div id="close-unbox" style="display: none">
<hr>
<p><b>You received</b></p>
<p id="loot-tier"></p>
<p class="lead" id="loot-item"></p>
</div>
</div>
<div class="modal-footer" id="close-box" style="display: none">
<button type="button" class="btn btn-secondary" data-dismiss="modal" id="close-button">Close</button>
</div>
</div>
</div>
</div>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-auth.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsrsasign/8.0.4/jsrsasign-all-min.js" integrity="sha256-bHtNW3ZefiN5Vi/pDfiO+4ULXNHNx+ZMh/iiHqBeqZM=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.5/howler.core.min.js" integrity="sha256-Z8I+EOFdoBhpDMBkwRmLJ1S/f0TK8SxMz8Zd1K6r7Q4=" crossorigin="anonymous"></script>
<script src="js/app.js"></script>
</body>
</html>