1
0
mirror of https://github.com/Adam-Ant/ClockworkAprilFools2017 synced 2025-06-15 18:51:12 +00:00

Initial version of website and python script for teamspeak integration

This commit is contained in:
Adam Dodman
2017-03-14 23:32:55 +00:00
parent 5175d05afa
commit 56592b9764
7 changed files with 143 additions and 0 deletions

View File

@ -0,0 +1,8 @@
<html>
<body>
<form method="post">
Username: <input type="text" name="username">
<button type="submit">Get me that juicy Plus!</button>
</form>
</body>
</html>

View File

@ -0,0 +1,4 @@
<html>
<body>
<h1>Welcome to this clockwork gaming debug page!</h1>
<a href="/activate">Click Here</a> to activate your membership!

View File

@ -0,0 +1,58 @@
<meta http-equiv="refresh" content="31; url=/activate">
<script src="/static/progressbar.js"></script>
<link href="https://fonts.googleapis.com/css?family=Raleway:400,300,600,800,900" rel="stylesheet" type="text/css">
<style>
body {
background-image: url("/static/bg.jpg");
background-repeat: repeat;
}
#container{
width: 300px;
margin: 0 auto;
top: 55%;
}
</style>
<div id="container" class="container"></div>
<script>
// progressbar.js@1.0.0 version is used
// Docs: http://progressbarjs.readthedocs.org/en/1.0.0/
var bar = new ProgressBar.SemiCircle(container, {
strokeWidth: 30,
color: '#FBDB0C',
trailColor: '#000000',
trailWidth: 2,
easing: 'easeInOut',
duration: 30000,
svgStyle: null,
text: {
value: '',
alignToBottom: false
},
from: {color: '#000000'},
to: {color: '#ED6A5A'},
// Set default step function for all animate calls
step: (state, bar) => {
var value = Math.round(bar.value() * 100);
if (value === 0) {
bar.setText('Please Wait...');
} else {
bar.setText(value);
}
}
});
bar.text.style.fontFamily = '"Raleway", Helvetica, sans-serif';
bar.text.style.fontSize = '2rem';
bar.animate(1.0); // Number from 0.0 to 1.0
</script>