-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
361 lines (328 loc) · 18.5 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
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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
<!DOCTYPE html>
<html ng-app="projectAltisApp">
<head>
<meta charset="utf-8">
<title>Project Altis » Home
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Search Engine -->
<meta name="description" content="A fan made parody of Disney's Toontown Online including brand new features and adaptations. Help us fight the cogs and save Toontown!">
<meta name="keywords" content="toontown, toontown project altis, project altis, toontown online, play toontown, toontastic, pa, project altis, free, f2p">
<meta name="image" content="https://projectaltis.com/_assets/_img/logo.png">
<!-- Schema.org for Google -->
<meta itemprop="name" content="Project Altis">
<meta itemprop="description" content="A fan made parody of Disney's Toontown Online including brand new features and adaptations. Help us fight the cogs and save Toontown!">
<meta itemprop="image" content="https://projectaltis.com/_assets/_img/logo.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Project Altis">
<meta name="twitter:description" content="A fan made parody of Disney's Toontown Online including brand new features and adaptations. Help us fight the cogs and save Toontown!">
<meta name="twitter:site" content="@project_altis">
<meta name="twitter:creator" content="@project_altis">
<meta name="twitter:image:src" content="https://projectaltis.com/_assets/_img/logo.png">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" content="Project Altis">
<meta name="og:description" content="A fan made reivial of Disney's Toontown Online including brand new features and adaptations. Help us fight the cogs and save Toontown!">
<meta name="og:image" content="https://projectaltis.com/_assets/_img/logo.png">
<meta name="og:url" content="https://projectaltis.com">
<meta name="og:site_name" content="Project Altis">
<meta name="og:locale" content="en_GB">
<meta name="og:type" content="website">
<!-- Theme -->
<meta name="theme-color" content="#ffbc09">
<meta name="msapplication-TileColor" content="#ffbc09">
<meta name="msapplication-navbutton-color" content="#ffbc09">
<meta name="apple-mobile-web-app-status-bar-style" content="#ffbc09">
<!-- Includes -->
<!-- Onesignal requires these to be in HEAD. Sorry.-->
<link rel="manifest" href="/manifest.json">
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push(["init", {
appId: "aba2158f-4a18-49f2-9a85-504a4905e971",
autoRegister: false,
notifyButton: {
enable: true /* Set to false to hide */
},
persistNotification: false
}]);
</script>
<link rel="stylesheet" href="css/bulma.css">
<link rel="stylesheet" href="css/projectaltis.css">
<link rel="stylesheet" href="css/sweetalerts2.css">
<link rel="stylesheet" href="css/cookieconsent.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<header class="alits-header">
<div class="banner"></div>
<div class="nav topbar has-shadow">
<div class="container">
<!-- DESKTOP TOPBAR ITEMS -->
<div class="nav-left">
<a class="nav-item topbar-item is-tab is-hidden-mobile" href="login">Log in</a>
<a class="nav-item topbar-item is-tab is-hidden-mobile" href="register">Register</a>
</div>
<!-- Using a <label /> here for a nice way to make the nav responsive without JS -->
<label class="nav-toggle" for="nav-toggle-state">
<span></span>
<span></span>
<span></span>
</label>
<!-- This checkbox is hidden -->
<input type="checkbox" id="nav-toggle-state" />
<!-- MOBILE TOPBAR ITEMS -->
<div class="nav-right nav-menu">
<a class="nav-item topbar-item is-tab is-hidden-mobile" href="https://status.projectalt.is">Project Altis Status: <span id="status" class="tag is-warning" style="margin-left: 5px;">Loading...</span></a>
<script type="text/javascript">
// script to change the status
// Non-blocking yay
var statusdom = $('#status')[0];
var updateStatus = function (worst_status) {
localStorage['altis_cachedstatus'] = worst_status.toString();
switch(worst_status){
case 1:
statusdom.className = "tag is-success";
statusdom.innerHTML = "ONLINE!";
break;
case 2:
statusdom.className = "tag is-warning";
statusdom.innerHTML = "Performance issues";
break;
case 3:
statusdom.className = "tag is-info";
statusdom.innerHTML = "Partial Outage";
break;
case 4:
statusdom.className = "tag is-danger";
statusdom.innerHTML = "Major Outage";
break;
default:
statusdom.className = "tag is-warning";
statusdom.innerHTML = "Unknown";
break;
}
};
// Cache stuff to not overload status API on every page load
var timestamp = Math.round((new Date()).getTime() / 1000);
var lasttimestamp = parseInt(localStorage['altis_lasttimestamp']) || 1;
// If it's been les than 5 minutes, use a cached status code
if(timestamp - lasttimestamp < 300){
console.log('Using cached status...');
var cachedStatus = parseInt(localStorage['altis_cachedstatus']) || 5; // 5 for the "unknown" case
updateStatus(cachedStatus);
}
else {
console.log('Downloading current status...');
// Update timestamp each time it gets from API
localStorage['altis_lasttimestamp'] = timestamp.toString();
$.getJSON('https://status.projectalt.is/api/v1/components', function (data) {
// 1 = operational
// 2 = performance
// 3 = partial outage
// 4 = major outage
var worst_status = 1;
data['data'].map(function (item) {
if(item['status'] > worst_status){
worst_status = item['status']
}
});
updateStatus(worst_status);
});
}
</script>
<a class="nav-item is-hidden-tablet" href="login">Log in</a>
<a class="nav-item is-hidden-tablet" href="register">Register</a>
</div>
</div>
</div>
<div class="container">
<div class="columns">
<div class="column">
<a href="/home"><div class="logo"></div></a>
</div>
</div>
</div>
</header>
<nav class="nav has-shadow">
<div class="container">
<!-- DESKTOP NAVBAR ITEMS -->
<div class="nav-left">
<a class="nav-item is-tab is-hidden-mobile" href="home">Home</a>
<a class="nav-item is-tab is-hidden-mobile" href="about">About</a>
<a class="nav-item is-tab is-hidden-mobile" href="changelog">Changelog</a>
<a class="nav-item is-tab is-hidden-mobile" href="apply">Applications</a>
<a class="nav-item is-tab is-hidden-mobile" href="hq">ToonHQ <span class="tag is-success" style="margin-left: 5px;">NEW!</span></a>
<a class="nav-item is-tab is-hidden-mobile" href="play">Play</a>
<!-- Really hacky dropdown
<a class="nav-item is-tab is-hidden-mobile" onmouseover="document.getElementById('toonhqdropdown').style.display='block';" onmouseout="document.getElementById('toonhqdropdown').style.display='none';" href="#!/applications">ToonHQ</a>
<div class="has-dropdown" onmouseover="document.getElementById('toonhqdropdown').style.display='block';" onmouseout="document.getElementById('toonhqdropdown').style.display='none';">
<div class="dropdown box" id="toonhqdropdown" style="margin-left: -90px; margin-top: 53px;">
<ul>
<li><a href="">Group Tracker</a></li>
<li><a>Invasion Tracker</a></li>
</ul>
</div>
</div> -->
</div>
<!-- Using a <label /> here for a nice way to make the nav responsive without JS -->
<label class="nav-toggle" for="nav-toggle-state-2">
<span></span>
<span></span>
<span></span>
</label>
<!-- This checkbox is hidden -->
<input type="checkbox" id="nav-toggle-state-2" />
<!-- MOBILE NAVBAR ITEMS -->
<div class="nav-right nav-menu" id="altis-nav">
<a class="nav-item is-hidden-tablet" href="home">Home</a>
<a class="nav-item is-hidden-tablet" href="about">About</a>
<a class="nav-item is-hidden-tablet" href="changelog">Changelog</a>
<a class="nav-item is-hidden-tablet" href="apply">Applications</a>
<a class="nav-item is-hidden-tablet" href="hq">ToonHQ</a>
<a class="nav-item is-hidden-tablet" href="play">Play</a>
</div>
</div>
</nav>
<section class="section">
<div class="container margin-bottom-rem">
<div class="columns">
<div class="column is-three-quarters is-hidden-mobile">
<!--
<div style="height: 43%" class="box">
<div class="twitter_box is-pulled-right" style="width: 100%; margin-bottom: 0px; padding-bottom: 0px; font-size:14px;">
<a class="twitter-timeline" href="https://twitter.com/Project_Altis" data-tweet-limit="1" data-height="103" data-chrome="nofooter noborders noheader transparent"></a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
-->
<div class="box">
<h1 class="title">Hey there!</h1>
<div class="content is-small">
<img src="" align="right" class="article-image"/>
<style>
.imgricky {
float: right;
margin: 0px 0px 0px 15px;
}
.imgapply {
float: left;
margin: 0px 20px 0px 0px;
}
.imgclub {
float: right;
margin: 0px 0px 15px 20px;
}
p {
margin-bottom: 1rem;
font-size: 18px;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
margin: 0;
padding: 0;
}
*, *::before, *::after {
box-sizing: inherit;
}
body{
font-family: Arial,Roboto,Helvetica,sans-serif;
}
</style>
<p>
<img src="https://cdn.discordapp.com/attachments/356856845857587201/380565424259203074/mczoop_says_hi_to_the_big_nerd_reading_this_file_name.png" width="160" class="imgricky">
Hey everyone! This is your one and only Community Manager, Ricky, here. It's been awhile since you've seen a blog post pop up, hasn't it? Well, don't expect a post to go up every once in a blue moon anymore. Why, you may ask? It’s because I'll be releasing a new blog-post every week! The blog will be used for showing off new features, the wacky events that pass through town for the holidays, and much more.
</p>
<br>
<br>
<p>
Let's begin by saying that we have some absolutely toontastic updates heading your way very soon! To stay up to date on the latest news, I would highly recommend joining the Project Altis Discord by clicking <a href="https://discord.me/ttprojectaltis">here!</a> Over there we post all sorts of sneak peeks and information. The Discord is also very useful for interacting with the community, as you can share your artwork for others to view and suggestions for the game. If you run into any issues in the game, be sure to DM the Altis Modmail bot on discord!
</p>
<br>
<br>
<p>
<img src="https://cdn.discordapp.com/attachments/356856845857587201/380565382982926358/tubby_begging_for_staff_i_mean_animators.png" width="160" class="imgapply">
As you may have heard, The Gag Factory has been awfully busy baking up some fresh pies. Bouncer Bongo has also been working hard on a new secret project which is almost nearing completion. So, to help speed up the process, we have officially opened up staff applications! We have our eyes wide open for talented individuals who will dedicate their time and hope to make Altis bigger and better than ever before. Whether you'd be a texture artist or a moderator we will gladly take all the help we can get! Click <a href="https://projectaltis.com/apply">here</a> to apply.
</p>
<br>
<br>
<p>
<img src="https://cdn.discordapp.com/attachments/356856845857587201/380565408429768704/mczoop_looking_at_an_orange_with_writing_on_it.png" width="200" class="imgclub">
Oh, and our efforts to reach out to our community do not stop there. It is confirmed Clubs will be included in the upcoming 1.3 update! Clubs are a terrific way to team up with friends to progress through the game more efficiently and rank up on the leaderboards. Every Club will receive it's own private chat channel in game so you can communicate with your fellow club mates. Now, here's the fun bit; Until the 24th Of November, we will be holding a Club Icon contest! Sound interested? Here are the details: Everyone will be allowed to submit one 100x100 circular icons throughout the week. The winner also gets the grand prize of 10,000 jellybeans -- The exact amount it costs to create a Club! If you would like to enter click <a href="https://projectalt.is/clubcontest">here</a>.
</p>
<br>
<br>
<p>
So, what are you waiting for? Join our Discord, submit an application, and give the Club Icon contest your very best shot. We've got big plans coming up for Toontown, and we don't plan on stopping anytime soon!
</p>
<br>
<center>
<p>
See you next week!
</p>
<img src="https://i.imgur.com/PQmNkWa.png">
</center>
<blockquote class="blockquote-margin">Posted by: Project Altis Team - 2017-11-17 22:00:17. <div style="float: right;">Category: </div></blockquote>
</div>
</div>
<div class="box">
<nav class="pagination is-centered">
<a class="pagination-previous" disabled>Previous</a>
<a class="pagination-next" href="http://projectaltis.com?page=2" rel="next">Next</a>
<ul class="pagination-list">
<li><a class="pagination-link is-current">1</a></li>
<li><a href="http://projectaltis.com?page=2" class="pagination-link">2</a></li>
<li><a href="http://projectaltis.com?page=3" class="pagination-link">3</a></li>
<li><a href="http://projectaltis.com?page=4" class="pagination-link">4</a></li>
<li><a href="http://projectaltis.com?page=5" class="pagination-link">5</a></li>
<li><a href="http://projectaltis.com?page=6" class="pagination-link">6</a></li>
<li><a href="http://projectaltis.com?page=7" class="pagination-link">7</a></li>
<li><a href="http://projectaltis.com?page=8" class="pagination-link">8</a></li>
<li><span class="pagination-ellipsis"><span>...</span></span></li>
<li><a href="http://projectaltis.com?page=15" class="pagination-link">15</a></li>
<li><a href="http://projectaltis.com?page=16" class="pagination-link">16</a></li>
</ul>
</nav>
</div>
</div>
<div class="column">
<div class="box">
<div class="content">
<h4>Looking for invasions?</h4>
<p>Just visit our <a href="hq/invasions">invasion tracker</a> and get started! You can also apply desktop notifications on invasions.</p>
</div>
</div>
<div class="box">
<div class="content">
<h4>Guess what?</h4>
<p>Here are some pretty cool stats for you check out!<br><hr>
<b>Version</b>: BETA 1.2.0<br>
<b>Accounts</b>: 26724<br>
<b>Names Accepted</b>: 6994<br>
<b>Toons</b>: 160344 </p>
</div>
</div>
<div class="box">
<div class="content">
<h4>Need some help?</h4>
<p>Join our <a href="https://discord.me/ttprojectaltis" target="_blank">discord</a> and message a staff member!</p>
</div>
</div>
<div class="box">
<div class="content">
<p class="small-font">Project Altis is a not-for-profit fanmade parody made under Fair Use. Project Altis is not affiliated with The Walt Disney Company and/or the Disney Interactive Media Group (collectively referred to as "Disney") by continuing to our website you herby agree that you acknowledge this fact.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript" src="js/sweetalerts2.js"></script>
<script type="text/javascript" src="js/cookieconsent.js"></script>
<script type="text/javascript" src="js/angular.js"></script>
<script type="text/javascript" src="js/projectaltis.js"></script>
</body>
</html>