1
0
mirror of https://github.com/Adam-Ant/ClockworkAprilFools2017 synced 2024-11-05 03:26:22 +00:00

Style the buy page somewhat

This commit is contained in:
Joe Groocock 2017-04-01 00:00:50 +01:00
parent a16cd5d2ba
commit fc8493a557
Signed by untrusted user: frebib
GPG Key ID: E0B16BEACFBB6A86

View File

@ -1,8 +1,29 @@
{% extends "layout.html" %}
{% block body %}
<form method="post">
Username: <input type="text" name="username" required>
<button type="submit">Get me that juicy Plus!</button>
</form>
{% block style %}
.jumbotron { text-align: center; }
h1.label {
display: inline-block;
margin-bottom: 0.3em;
}
form input, form button {
display: block;
margin: 0 auto;
}
.form-control {
width: 40%;
min-width: 280px;
}
{% endblock %}
{% block body %}
<div class="container">
<div class="jumbotron">
<form method="post">
<h1 class="label">What's yer username?</h1>
<input class="username form-group form-control" type="text" name="username" required>
<button class="btn btn-success form-group form-control" type="submit">Get me that juicy Plus!</button>
</form>
</div>
</div>
{% endblock %}