AdamAnt/ClockworkAprilFools2017
1
0
Fork 0
mirror of https://github.com/Adam-Ant/ClockworkAprilFools2017 synced 2025-06-13 10:01:12 +00:00
Code Issues Releases Wiki Activity

Repo refactor

Browse Source
This commit is contained in:
Joe Groocock
2017-03-31 20:35:16 +01:00
parent 166308ad01
commit 4c44f0a141
13 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
templates/buy.html Normal file
View File

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

36
templates/index.html Normal file
View File

@ -0,0 +1,36 @@
{% extends "layout.html" %}
{% block head %}
<style type="text/css">
body { background: #fff9f2 !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
</style>
{% endblock %}
{% block body %}
<div class="container">
<h1><b>Clockwork Gaming PLUS!</b></h1>
<div class="media">
<div class="media-body">
<h2><b> What is Clockwork Gaming Plus? </b></h2> <br>
Clockwork Gaming Plus is a brand new premium service that allows you to get more out of Clockwork Gaming!<br>
<p>
<h3>Features include:</h3>
<ul>
<li>Full VR Support<i>*</i></li>
<li>Premuim Flare!</li>
<li>Free Downtime!</li>
<li>Wideband Codec Support!</li>
<li>Longer Move Timeouts!</li>
<li> And <b> MORE</b><i>*</i></li>
</ul>
</p>
<a class="btn btn-success btn-lg" href="/activate">Click Here to purchase Clockwork Plus! </a>
</div>
<div class="media-right"><img src="https://i.imgur.com/1vLD5FK.png" class="media-object"></div>
</div>
<h6><small>*VR Support and 'MORE' available mid summer 2032</small></h6>
{% endblock %}

58
templates/layout.html Normal file
View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Clockwork Gaming PLUS!</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Bootstrap core JavaScript
================================================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
{% block head %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-inverse" style="border-radius: 0">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="/" class="navbar-brand"><span class="glyphicon glyphicon-cog"></span> Clockwork <b>PLUS!</b></a>
</div>
<div class="collapse navbar-collapse" id="mainNavbar">
</div>
</div>
</nav>
<div class="container">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
{% set splitmessage = message.split(" ", 1) %}
<div class="alert alert-{{ category }} alert-dismissable">
<a href="#" class="close" data-dismiss="alert" aria-label="close"> <span class="glyphicon glyphicon-remove"></span></a>
<strong>{{ splitmessage[0] }}</strong> {{ splitmessage[1] }}
</div>
{% endfor %}
{% endif %}
{% endwith %}
</div>
{% block body %}{% endblock %}
<footer class="footer">
<p>&copy; Adam Dodman 2017</p>
</footer>
</div>
</body>
</html>

21
templates/payment.html Normal file
View File

@ -0,0 +1,21 @@
{% extends "layout.html" %}
{% block head %}
<style type="text/css">
body { background: #fff9f2 !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
.btn { padding: 40px; margin:10px;}
</style>
{% endblock %}
{% block body %}
<div class="container">
<div class="jumbotron">
<h1> Select a Payment Method: </h1>
<button type="button" class="btn btn-info disabled"><h2><span class="glyphicon glyphicon-credit-card"></span><br>Card</h2></button>
<button type="button" class="btn btn-info disabled"><h2><span class="glyphicon glyphicon-btc"></span><br>Bitcoin</h2></button>
<button type="button" class="btn btn-info disabled"><h2><span class="glyphicon glyphicon-grain"></span><br>Magic Beans</h2></button>
<a href="/collectsunlight"><button type="button" class="btn btn-info" ><h2><span class="glyphicon glyphicon-tree-deciduous"></span><br>Sunlight</h2></button></a>
</div>
</div>
{% endblock %}

61
templates/wait.html Normal file
View File

@ -0,0 +1,61 @@
<meta http-equiv="refresh" content="29; 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: '#ED6A5A'},
to: {color: '#76FF03'},
// Set default step function for all animate calls
step: (state, bar) => {
bar.path.setAttribute('stroke', state.color);
var value = Math.round(bar.value() * 100);
if (value === 0) {
bar.setText('');
} else {
bar.setText(value);
}
bar.text.style.color = state.color;
}
});
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>