Fix indentation
This commit is contained in:
parent
3959e46afe
commit
0c71f45e66
|
|
@ -1,33 +1,33 @@
|
|||
/* timeline from https://mdbootstrap.com/docs/standard/extended/timeline/ */
|
||||
|
||||
.timeline-with-icons {
|
||||
border-left: 3px solid hsl(0, 0%, 90%);
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin-top:1.3rem;
|
||||
border-left: 3px solid hsl(0, 0%, 90%);
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin-top:1.3rem;
|
||||
}
|
||||
|
||||
.timeline-with-icons .timeline-item {
|
||||
position: relative;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.timeline-with-icons .timeline-item:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.timeline-with-icons .timeline-icon {
|
||||
position: absolute;
|
||||
left: -48px;
|
||||
background-color: hsl(217, 88.2%, 90%);
|
||||
color: hsl(217, 88.8%, 35.1%);
|
||||
border-radius: 60%;
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: -48px;
|
||||
background-color: hsl(217, 88.2%, 90%);
|
||||
color: hsl(217, 88.8%, 35.1%);
|
||||
border-radius: 60%;
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
|
|||
|
|
@ -3,34 +3,34 @@
|
|||
|
||||
{% block navitems %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{url_for('index')}}">Info</a>
|
||||
<a class="nav-link" href="{{ url_for('index') }}">Info</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="{{url_for('form')}}">RSVP <span class="visually-hidden">(current)</span></a>
|
||||
<a class="nav-link active" href="{{ url_for('form') }}">RSVP <span class="visually-hidden">(current)</span></a>
|
||||
</li>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% if error %}
|
||||
<p class="error text-danger">{{ error }}</p>
|
||||
{% endif %}
|
||||
{% if error %}
|
||||
<p class="error text-danger">{{ error }}</p>
|
||||
{% endif %}
|
||||
|
||||
<form action="{{ url_for('form') }}" method="POST">
|
||||
<form action="{{ url_for('form') }}" method="POST">
|
||||
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label for="code" class="col-form-label text-dark">Code sur l'invitation:</label>
|
||||
</div>
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label for="code" class="col-form-label text-dark">Code sur l'invitation:</label>
|
||||
</div>
|
||||
|
||||
<div class="col-auto">
|
||||
<input type="text" name="code" id="code" class="form-control" placeholder="ABCD">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<input type="text" name="code" id="code" class="form-control" placeholder="ABCD">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" value="RSVP" class="btn btn-primary btn-lg mt-3">RSVP</button>
|
||||
<button type="submit" value="RSVP" class="btn btn-primary btn-lg mt-3">RSVP</button>
|
||||
|
||||
</form>
|
||||
</form>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{url_for('form')}}">RSVP</a>
|
||||
<a class="nav-link" href="{{ url_for('form') }}">RSVP</a>
|
||||
</li>
|
||||
{% endblock %}
|
||||
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
|
||||
<p class="text-dark">Rémi & Vicky were married in a small ceremony in Janaury 30, 2021. Exactly 1.5 years later, we can finally make it to France to renew our vows and celebrate with everyone! We hope to see you there.</p>
|
||||
|
||||
<a class="btn btn-primary btn-lg mb-3" href="{{url_for('form')}}" role="button">RSVP <i class="bi bi-heart-arrow"></i></a>
|
||||
<a class="btn btn-primary btn-lg mb-3" href="{{ url_for('form') }}" role="button">RSVP <i class="bi bi-heart-arrow"></i></a>
|
||||
|
||||
<h4><i class="bi bi-geo-alt"></i> La Chapelle-Taillefert</h4>
|
||||
<h4><i class="bi bi-calendar-heart"></i> 30 Julliet 2022</h4>
|
||||
|
|
@ -26,67 +26,67 @@
|
|||
<div class="col offset-sm-1 align-self-end">
|
||||
<ul class="timeline-with-icons">
|
||||
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-house-heart"></i>
|
||||
</span>
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-house-heart"></i>
|
||||
</span>
|
||||
|
||||
<h4 class="fw-bold">Cérémonie mairie</h4>
|
||||
<p class="mb-2 fw-bold">11h</p>
|
||||
<p class="text-muted mb-2 fw-bold">La Mairie de La Chapelle-Taillefert</p>
|
||||
</li>
|
||||
<h4 class="fw-bold">Cérémonie mairie</h4>
|
||||
<p class="mb-2 fw-bold">11h</p>
|
||||
<p class="text-muted mb-2 fw-bold">La Mairie de La Chapelle-Taillefert</p>
|
||||
</li>
|
||||
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-person-hearts"></i>
|
||||
</span>
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-person-hearts"></i>
|
||||
</span>
|
||||
|
||||
<h4 class="fw-bold">Vin d'honneur</h4>
|
||||
<p class="mb-2 fw-bold">11h30</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue</p>
|
||||
</li>
|
||||
<h4 class="fw-bold">Vin d'honneur</h4>
|
||||
<p class="mb-2 fw-bold">11h30</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue</p>
|
||||
</li>
|
||||
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-egg-fried"></i>
|
||||
</span>
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-egg-fried"></i>
|
||||
</span>
|
||||
|
||||
<h4 class="fw-bold">Repas</h4>
|
||||
<p class="mb-2 fw-bold">12h30</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue</p>
|
||||
</li>
|
||||
<h4 class="fw-bold">Repas</h4>
|
||||
<p class="mb-2 fw-bold">12h30</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue</p>
|
||||
</li>
|
||||
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-dribbble"></i>
|
||||
</span>
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-dribbble"></i>
|
||||
</span>
|
||||
|
||||
<h4 class="fw-bold">Décontraction et pétanque</h4>
|
||||
<p class="mb-2 fw-bold">16h00</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue. Bring your own boules de pétanque !</p>
|
||||
</li>
|
||||
<h4 class="fw-bold">Décontraction et pétanque</h4>
|
||||
<p class="mb-2 fw-bold">16h00</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue. Bring your own boules de pétanque !</p>
|
||||
</li>
|
||||
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-balloon-heart"></i>
|
||||
</span>
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-balloon-heart"></i>
|
||||
</span>
|
||||
|
||||
<h4 class="fw-bold">Apéro et BBQ</h4>
|
||||
<p class="mb-2 fw-bold">19h30</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue</p>
|
||||
</li>
|
||||
<h4 class="fw-bold">Apéro et BBQ</h4>
|
||||
<p class="mb-2 fw-bold">19h30</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue</p>
|
||||
</li>
|
||||
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-speaker"></i>
|
||||
</span>
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-speaker"></i>
|
||||
</span>
|
||||
|
||||
<h4 class="fw-bold">Karaoké et musique et danse</h4>
|
||||
<p class="mb-2 fw-bold">21h30</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue</p>
|
||||
</li>
|
||||
<h4 class="fw-bold">Karaoké et musique et danse</h4>
|
||||
<p class="mb-2 fw-bold">21h30</p>
|
||||
<p class="text-muted mb-2 fw-bold">La venue</p>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
{% block title %}RSVP -{% endblock %}
|
||||
|
||||
{% block navitems %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{url_for('index')}}">Info</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url_for('index') }}">Info</a>
|
||||
</li>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
|
@ -20,12 +20,16 @@
|
|||
<label for="adults" class="col-form-label text-dark">Adultes :</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<input type="number" class="form-control" name="adults" id="adults" min="1" max="5"
|
||||
{% if adults is not none %}
|
||||
value="{{ adults }}"
|
||||
{% else %}
|
||||
value="1"
|
||||
{% endif %}>
|
||||
<input
|
||||
type="number" class="form-control"
|
||||
name="adults" id="adults"
|
||||
min="1" max="5"
|
||||
{% if adults is not none %}
|
||||
value="{{ adults }}"
|
||||
{% else %}
|
||||
value="1"
|
||||
{% endif %}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-3 align-items-center">
|
||||
|
|
@ -33,12 +37,16 @@
|
|||
<label for="children" class="col-form-label text-dark">Enfants :</label>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<input type="number" class="form-control" name="children" id="children" min="0" max="5"
|
||||
{% if children is not none %}
|
||||
value="{{ children }}"
|
||||
{% else %}
|
||||
value="0"
|
||||
{% endif %}>
|
||||
<input
|
||||
type="number" class="form-control"
|
||||
name="children" id="children"
|
||||
min="0" max="5"
|
||||
{% if children is not none %}
|
||||
value="{{ children }}"
|
||||
{% else %}
|
||||
value="0"
|
||||
{% endif %}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
{% extends "layout.html" %}
|
||||
{% block title %}MERCI -{% endblock %}
|
||||
{% block navitems %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{url_for('index')}}">Info</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url_for('index') }}">Info</a>
|
||||
</li>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<h1>Merci !</h1>
|
||||
|
||||
<p class="text-dark">We are looking forward to seeing you there. The itinerary and addresses are on the <a href="{{url_for('index')}}">info page</a>.</p>
|
||||
<p class="text-dark">We are looking forward to seeing you there. The itinerary and addresses are on the <a href="{{ url_for('index') }}">info page</a>.</p>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -9,10 +9,12 @@ logger = logging.getLogger(__name__)
|
|||
|
||||
app = Flask('france_rsvp')
|
||||
|
||||
|
||||
@app.route('/france/')
|
||||
def index():
|
||||
return render_template('index.html')
|
||||
|
||||
|
||||
@app.route('/france/rsvp', methods=['GET', 'POST'])
|
||||
def form():
|
||||
error = None
|
||||
|
|
|
|||
Loading…
Reference in New Issue