-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (114 loc) · 5.16 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="./public/assets/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./public/styles/reset.css">
<link rel="stylesheet" href="./public/styles/base.css">
<link rel="stylesheet" href="./public/styles/layout.css">
<link rel="stylesheet" href="./public/styles/module.css">
<title>Do You Even Steam</title>
<!-- Handlebars Templates -->
<!-- Shame view / stats template -->
<script type="text/x-handlebars-template" id="shame-template">
<section id="shame-details">
<h3>{{vanityUrl}}:</h3>
<div id="stats" class="left-align">
<p>Total hours played: <span>{{hours}} hrs</span></p>
<p>Total number of games owned: <span>{{gamesCount}}</span></p>
<p>At $15 per hour your could have made: <span>$ {{wage}}</span> </p>
<p>Current LeaderBoard Position: <span>{{rank}}</span>.</p>
</div>
<a href="/games">Click here to check out your game stats!</a>
</section>
</script>
<!-- Game view template -->
<script type="text/x-handlebars-template" id="game-details-template">
<li class="game-details">
<article >
<img src="http://media.steampowered.com/steamcommunity/public/images/apps/{{appid}}/{{img_logo_url}}.jpg">
<div class="game-stats">
<h3>{{name}}</h3>
<p>Hours played:<br/>{{playtime_forever}}</p>
</div>
</article>
</li>
</script>
<!-- End of templates -->
</head>
<body>
<nav>
<ul>
<li><a href="/">Search</a></li>
<li>|</li>
<li><a href="/steamer">Shame</a></li>
<li>|</li>
<li><a href="/games">Game Stats</a></li>
<li>|</li>
<li><a href="/leaderboard">Leaderboard</a></li>
<li>|</li>
<li><a href="/about">About Us</a></li>
</ul>
</nav>
<section id="home-view" class="page">
<h2>Search for Steamers!</h2>
<div id="signins">
<p id="invalid-user-error" class="error">Sorry, no results for that user. Enter either your Steam Id or your Vanity Url!</p>
<p>Want to see your Steam Stats? Login through Steam to see you stats!</p>
<!-- Oddly, this next line needs to be on 1 line, otherwise an underscore shows up. -->
<a href="https://dyes.herokuapp.com/auth/steam"><img id="steam-signin" src='./public/assets/sits_01.png'></a>
<p>You can also check anyone's stats here as long as their profiles are public!</p>
<form id="search-steamer">
<input type="text" name="steamer" placeholder="KillerTreat"><button type="submit">Submit</button>
</form>
</div>
</section>
<section id="shame-view" class="page">
<h2> Welcome to your Shame!</h2>
<div id="shame-attach"></div>
<p id="shame-nouser-error" class="error">You must input a user to begin!</p>
<p id="shame-localuser-error" class="error">
*This is a cached version of the last Steamer entered.<br/>
*To see current data, please re-enter the Steamer.</p>
</section>
<section id="games-view" class="page">
<h2>Game Stats!</h2>
<p>Here's a list of the Steamer's games! <br/> The list is ordered from most played to least played!</p>
<p id="game-nouser-error" class="error">You must input a user to begin!</p>
<p id="game-localuser-error" class="error">
*This is a cached version of the last Steamer entered.<br/>
*To see current data, please re-enter the Steamer.</p>
<ol id="games-attach"></ol>
</section>
<section id="leaderboard-view" class="page">
<h2>leaderboard-view</h2>
</section>
<section id="about-view" class="page">
<h2>about-view</h2>
</section>
<section id="help-view" class="page">
<h2>help-view</h2>
</section>
<!-- CDNS -->
<script src="https://cdn.rawgit.com/visionmedia/page.js/master/page.js"></script>
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js"></script>
<!-- Models -->
<script src="./public/scripts/model/app.js"></script>
<!-- Views -->
<script src="./public/scripts/view/home-view.js"></script>
<script src="./public/scripts/view/shame-view.js"></script>
<script src="./public/scripts/view/games-view.js"></script>
<script src="./public/scripts/view/leaderboard-view.js"></script>
<script src="./public/scripts/view/help-view.js"></script>
<script src="./public/scripts/view/about-view.js"></script>
<!-- Controller -->
<script src="./public/scripts/controller/routes.js"></script>
</body>
</html>