-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (83 loc) · 3.42 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
<!DOCTYPE html>
<html>
<head>
<title>CSGO Inventor Valuator ❤ | Shane McGowan </title>
<meta charset="UTF-8">
<meta name="description" content="CSGO Inventory Valutaor by Shane McGowan ❤">
<meta name="author" content="Shane McGowan">
<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script src="./scroll.js"></script>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<!-- SEARCH -->
<section id="search" class="container-v padding header ">
<div class="col-12 fade">
<div class="heading">
<span class="title">
CSGO Inventory Valuator
</span>
<span class="signature">
by <a href="https://shanemcgowan.me">Shane McGowan</a>
</span>
</div>
</div>
<!-- Bit Skins API area -->
<div class="col-12 center input m-top-5 fade hidden">
<input id="tbxBitSkinsAPIKey" value="" type="text" spellcheck="false" class="text-box"
placeholder="BitSkins API Key (optional)">
<input id="tbxBitSkinsOAuthKey" type="text" spellcheck="false" class="text-box border-left"
placeholder="BitSkins OAuth Code (optional)">
</div>
<!-- Input -->
<div class="col-12 center input m-top-5 fade">
<input id="tbxId" value="http://steamcommunity.com/id/YOUR_STEAM_NAME_HERE" type="text" spellcheck="false"
class="text-box" placeholder="Enter your Steam URL, Custom Url or Steam64ID">
<button id="btnGo" class="button border-left">Go!</button>
</div>
<!-- Input Error -->
<div id="tbxError" class="col-12 center input-error-message m-top-5 hidden"></div>
<!-- Input Loading -->
<div id="inputLoading" class="col-12 center input input-loading m-top-5 spinner hidden"></div>
<svg class="arrows" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"></path>
</svg>
</section>
<!-- ABOUT -->
<section id="about" class="container padding divider">
<div class="col-12">
<span class="title center">
CS:GO Inventory Valuator
</span>
<span class="subtitle">
A simple, easy to use Inventory valuator for CS:GO items, giving up to date prices from the most popular
online market places.
</span>
</div>
<div class="col-4">
<a href="https://steamcommunity.com/market/search?appid=730" target="_blank">
<img id="logo-steam" class="img-icon center" src="./images/logos/logo-steam.png">
</a>
<span class="subtitle">Steam</span>
</div>
<div class="col-4">
<a href="https://opskins.com" target="_blank">
<img id="logo-opskins" class="img-icon center" src="./images/logos/logo-opskins.jpg">
</a>
<span class="subtitle">OpSkins</span>
</div>
<div class="col-4">
<a href="https://bitskins.com" target="_blank">
<img id="logo-bitskins" class="img-icon center" src="./images/logos/logo-bitskins.png">
</a>
<span class="subtitle">BitSkins</span>
</div>
</section>
<!-- FOOTER -->
<section class="footer padding divider title">
<a href="https://www.github.com/shanemcgowan" target="_blank">github</a>
</section>
<script type="module" src="./index.js"></script>
</body>
</html>