AdamAnt/ClockworkAprilFools2017
1
0
Fork 0
mirror of https://github.com/Adam-Ant/ClockworkAprilFools2017 synced 2024-12-20 11:04:35 +00:00
Code Issues Releases Wiki Activity

Start making things look pretty...

Browse Source
This commit is contained in:
Adam Dodman 2017-03-31 12:13:02 +01:00
parent bb79b0747b
commit c59e2e87fc
4 changed files with 125 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
website/templates/index.html
View File

@ -1,4 +1,36 @@
<html>
<body>
<h1>Welcome to this clockwork gaming debug page!</h1>
<a href="/activate">Click Here</a> to purchase Clockwork Plus!
{% 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>Test</small></h6>
{% endblock %}

58
website/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
website/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>
<button type="button" class="btn btn-info" ><h2><span class="glyphicon glyphicon-tree-deciduous"></span><br>Sunlight</h2></button>
</div>
</div>
{% endblock %}

12
website/webinterface.py
View File

@ -41,6 +41,14 @@ def index():
def wait():
return render_template("wait.html")
@app.route("/pay")
def payment():
if "username" in session:
return render_template("payment.html")
else:
return redirect(url_for("buy"))
@app.route("/activate")
def activate():
if "username" in session:
@ -56,9 +64,9 @@ def activate():
def buy():
if request.method == 'POST':
session['username'] = request.form['username']
return redirect(url_for("wait"))
return redirect(url_for("payment"))
return render_template("buy.html")
if __name__ == '__main__':
app.run(host='0.0.0.0')
app.run(host='0.0.0.0',debug=True)