-
Notifications
You must be signed in to change notification settings - Fork 3
/
proSettings.html
176 lines (174 loc) · 9.86 KB
/
proSettings.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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-128441061-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-128441061-1');
</script>
<title>GameProxy</title>
<link rel="shortcut icon" href="media/Small.png">
<script async src="https://arc.io/widget.min.js#iwkiQdav"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono|Material+Icons">
<link rel="stylesheet" href="style.css">
<script src="lib/showdown.min.js"></script>
<meta name="theme-color" content="#6b29ef">
<link rel="apple-touch-icon" sizes="180x180" href="/media/apple-touch-icon.png">
<link rel="manifest" href="/media/site.webmanifest">
<link rel="mask-icon" href="/media/safari-pinned-tab.svg" color="#6b28ef">
<meta name="msapplication-TileColor" content="#9f00a7">
<meta name="msapplication-TileImage" content="/media/mstile-144x144.png">
<meta name="msapplication-config" content="/media/browserconfig.xml">
<script src="lib/jquery.min.js"></script>
<script src="lib/jscolor.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.5.4/firebase.js"></script>
<script>
var config = {
apiKey: "AIzaSyCgGrYsZ0R5Bg-Svoz4qh0CfcvGaG5xJNo",
authDomain: "gameproxy-web.firebaseapp.com",
databaseURL: "https://gameproxy-web.firebaseio.com",
projectId: "gameproxy-web",
storageBucket: "gameproxy-web.appspot.com",
messagingSenderId: "1085599545540",
appId: "1:1085599545540:web:5af7bc2297717b6449f191"
};
firebase.initializeApp(config);
</script>
<script src="script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<a class="skipTo" href="#content">Skip to content</a>
<a class="skipTo" href="#footer">Skip to footer</a>
<header>
<span class="desktop">
<a href="/" title="Go to main page" class="headerButton logo">
<img src="media/Large.png" alt="GameProxy logo" id="headerLogo" />
</a>
</span>
<span class="mobile">
<a href="/" title="Go to main page" class="headerButton logo">
<img src="media/Small.png" alt="GameProxy logo" id="headerLogo" />
</a>
</span>
<div class="headerRight">
<a href="/" class="headerButton">Games</a>
<a href="chat.html" class="headerButton">Chat</a>
<span class="proOnly"><a href="account" class="headerButton selected">Account</a></span>
</div>
</header>
<main id="content">
<h1 class="center">Settings</h1>
<div class="card center notSignedIn">
<h2>Sorry!</h2>
<p>To access settings for your account, please sign in.</p>
<button onclick="window.location.href = 'account'">Sign In</button>
</div>
<div class="card coloured proOnly">
Modify options for your GameProxy Pro subscription. <button onclick="window.location.href = 'account';" class="secondary">Back</button>
</div>
<aside class="signedIn">
<a href="settings">Profile</a>
<a href="accountSettings">Email and password</a>
<a href="proSettings" class="selected">GameProxy Pro</a>
</aside>
<div class="signedIn">
<div class="card center notProOnly">
<h2>Sorry!</h2>
<p>To access GameProxy Pro settings for your account, please sign in as a GameProxy Pro user.</p>
<button onclick="window.location.href = 'account'">Sign In</button>
</div>
<div class="card proOnly center">
<h2 class="noMargin">
<span class="proDays">--</span> days, <span class="proHours">--</span>:<span class="proMinutes">--</span>:<span class="proSeconds">--</span>
</h2>
<p class="noMargin">...The time until your GameProxy Pro subscription runs out.</p>
<button onclick="window.location.href = 'pro/getNow.html';">Upgrade</button>
</div>
<div class="card proOnly">
<h2 class="noMargin">Theme</h2>
<p class="noMargin">Choose from a lovely list of brilliant themes, curated for you!</p>
<br>
<div class="themeList">
<a href="javascript:setTheme(-1);" data-theme="-1" class="themeItem themeGameProxy">GameProxy</a>
<a href="javascript:setTheme(-2);" data-theme="-2" class="themeItem themeCustom">Custom</a>
<a href="javascript:setTheme(0);" data-theme="0" class="themeItem themeGameProxyPro">GameProxy Pro</a>
<a href="javascript:setTheme(1);" data-theme="1" class="themeItem themeElektro">Elektro</a>
<a href="javascript:setTheme(2);" data-theme="2" class="themeItem themeEighties">Eighties</a>
<a href="javascript:setTheme(3);" data-theme="3" class="themeItem themeNineties">Nineties</a>
<a href="javascript:setTheme(4);" data-theme="4" class="themeItem themeHotPink">Hot Pink</a>
<a href="javascript:setTheme(5);" data-theme="5" class="themeItem themeCommander">Commander</a>
</div>
</div>
<div class="card proCustomTheme">
<h2 class="noMargin">Modify custom theme</h2>
<p class="noMargin">Feel free to make your own theme! Be creative.</p>
<br>
<div class="center">
<label class="property left">
<span>Primary colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="primaryColour" value="6b29ef"><br>
</label>
<label class="property left">
<span>Primary text colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="lightAccentText" value="27ef70"><br>
</label>
<label class="property left">
<span>Secondary colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="secondaryColour" value="8449fc"><br>
</label>
<label class="property left">
<span>Link colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="secondaryLogoColour" value="b494f7"><br>
</label>
<label class="property left">
<span>Cancel button colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="badColour" value="666666"><br>
</label>
<label class="property left">
<span>Cancel button text colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="badColourText" value="ffffff"><br>
</label>
<label class="property left">
<span>Dangerous colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="reallyBadColour" value="ef2727"><br>
</label>
<label class="property left">
<span>Main background colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="primaryBackgroundColour" value="262626"><br>
</label>
<label class="property left">
<span>Secondary background colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="secondaryBackgroundColour" value="424242"><br>
</label>
<label class="property left">
<span>Text colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="lightMainText" value="ffffff"><br>
</label>
<label class="property left">
<span>Importance colour</span>
<input class="jscolor proCustomThemeProperty" data-css-value="highlightColour" value="27ef70"><br>
</label>
<br>
<button onclick="setCustomTheme();">Save</button>
</div>
</div>
</div>
<div class="floatSpacer"></div>
</main>
<div class="dialogBackground"></div>
<div class="dialog">
Hi!
</div>
<footer import="/footer.html" id="footer"></footer>
<script src="profanityFilter.js"></script>
<script src="staffList.js"></script>
<script src="gpProList.js"></script>
<script src="account.js"></script>
<script src="proSettings.js"></script>
<script src="pro/pro.js"></script>
</body>
</html>