rampin
/
vicky-remi-wedding-website
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix indentation

This commit is contained in:
Remi Rampin 2022-05-22 22:51:32 -04:00
parent 3959e46afe
commit 0c71f45e66
7 changed files with 138 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
france/france_rsvp/static/css/custom.css
View File

@ -1,33 +1,33 @@
/* timeline from https://mdbootstrap.com/docs/standard/extended/timeline/ */ /* timeline from https://mdbootstrap.com/docs/standard/extended/timeline/ */
.timeline-with-icons { .timeline-with-icons {
border-left: 3px solid hsl(0, 0%, 90%); border-left: 3px solid hsl(0, 0%, 90%);
position: relative; position: relative;
list-style: none; list-style: none;
margin-top:1.3rem; margin-top:1.3rem;
} }
.timeline-with-icons .timeline-item { .timeline-with-icons .timeline-item {
position: relative; position: relative;
} }
.timeline-with-icons .timeline-item:after { .timeline-with-icons .timeline-item:after {
position: absolute; position: absolute;
display: block; display: block;
top: 0; top: 0;
} }
.timeline-with-icons .timeline-icon { .timeline-with-icons .timeline-icon {
position: absolute; position: absolute;
left: -48px; left: -48px;
background-color: hsl(217, 88.2%, 90%); background-color: hsl(217, 88.2%, 90%);
color: hsl(217, 88.8%, 35.1%); color: hsl(217, 88.8%, 35.1%);
border-radius: 60%; border-radius: 60%;
height: 38px; height: 38px;
width: 38px; width: 38px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
body { body {

32
france/france_rsvp/templates/form.html
View File

@ -3,34 +3,34 @@
{% block navitems %} {% block navitems %}
<li class="nav-item"> <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>
<li class="nav-item"> <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> </li>
{% endblock %} {% endblock %}
{% block content %} {% block content %}
{% if error %} {% if error %}
<p class="error text-danger">{{ error }}</p> <p class="error text-danger">{{ error }}</p>
{% endif %} {% 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="row g-3 align-items-center">
<div class="col-auto"> <div class="col-auto">
<label for="code" class="col-form-label text-dark">Code sur l'invitation:</label> <label for="code" class="col-form-label text-dark">Code sur l'invitation:</label>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<input type="text" name="code" id="code" class="form-control" placeholder="ABCD"> <input type="text" name="code" id="code" class="form-control" placeholder="ABCD">
</div> </div>
</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 %} {% endblock %}

102
france/france_rsvp/templates/index.html
View File

@ -6,7 +6,7 @@
</li> </li>
<li class="nav-item"> <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> </li>
{% endblock %} {% endblock %}
@ -16,7 +16,7 @@
<p class="text-dark">Rémi &amp; 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> <p class="text-dark">Rémi &amp; 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-geo-alt"></i> La Chapelle-Taillefert</h4>
<h4><i class="bi bi-calendar-heart"></i> 30 Julliet 2022</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"> <div class="col offset-sm-1 align-self-end">
<ul class="timeline-with-icons"> <ul class="timeline-with-icons">
<li class="timeline-item mb-5"> <li class="timeline-item mb-5">
<span class="timeline-icon"> <span class="timeline-icon">
<i class="bi bi-house-heart"></i> <i class="bi bi-house-heart"></i>
</span> </span>
<h4 class="fw-bold">Cérémonie mairie</h4> <h4 class="fw-bold">Cérémonie mairie</h4>
<p class="mb-2 fw-bold">11h</p> <p class="mb-2 fw-bold">11h</p>
<p class="text-muted mb-2 fw-bold">La Mairie de La Chapelle-Taillefert</p> <p class="text-muted mb-2 fw-bold">La Mairie de La Chapelle-Taillefert</p>
</li> </li>
<li class="timeline-item mb-5"> <li class="timeline-item mb-5">
<span class="timeline-icon"> <span class="timeline-icon">
<i class="bi bi-person-hearts"></i> <i class="bi bi-person-hearts"></i>
</span> </span>
<h4 class="fw-bold">Vin d'honneur</h4> <h4 class="fw-bold">Vin d'honneur</h4>
<p class="mb-2 fw-bold">11h30</p> <p class="mb-2 fw-bold">11h30</p>
<p class="text-muted mb-2 fw-bold">La venue</p> <p class="text-muted mb-2 fw-bold">La venue</p>
</li> </li>
<li class="timeline-item mb-5"> <li class="timeline-item mb-5">
<span class="timeline-icon"> <span class="timeline-icon">
<i class="bi bi-egg-fried"></i> <i class="bi bi-egg-fried"></i>
</span> </span>
<h4 class="fw-bold">Repas</h4> <h4 class="fw-bold">Repas</h4>
<p class="mb-2 fw-bold">12h30</p> <p class="mb-2 fw-bold">12h30</p>
<p class="text-muted mb-2 fw-bold">La venue</p> <p class="text-muted mb-2 fw-bold">La venue</p>
</li> </li>
<li class="timeline-item mb-5"> <li class="timeline-item mb-5">
<span class="timeline-icon"> <span class="timeline-icon">
<i class="bi bi-dribbble"></i> <i class="bi bi-dribbble"></i>
</span> </span>
<h4 class="fw-bold">Décontraction et pétanque</h4> <h4 class="fw-bold">Décontraction et pétanque</h4>
<p class="mb-2 fw-bold">16h00</p> <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> <p class="text-muted mb-2 fw-bold">La venue. Bring your own boules de pétanque !</p>
</li> </li>
<li class="timeline-item mb-5"> <li class="timeline-item mb-5">
<span class="timeline-icon"> <span class="timeline-icon">
<i class="bi bi-balloon-heart"></i> <i class="bi bi-balloon-heart"></i>
</span> </span>
<h4 class="fw-bold">Apéro et BBQ</h4> <h4 class="fw-bold">Apéro et BBQ</h4>
<p class="mb-2 fw-bold">19h30</p> <p class="mb-2 fw-bold">19h30</p>
<p class="text-muted mb-2 fw-bold">La venue</p> <p class="text-muted mb-2 fw-bold">La venue</p>
</li> </li>
<li class="timeline-item mb-5"> <li class="timeline-item mb-5">
<span class="timeline-icon"> <span class="timeline-icon">
<i class="bi bi-speaker"></i> <i class="bi bi-speaker"></i>
</span> </span>
<h4 class="fw-bold">Karaoké et musique et danse</h4> <h4 class="fw-bold">Karaoké et musique et danse</h4>
<p class="mb-2 fw-bold">21h30</p> <p class="mb-2 fw-bold">21h30</p>
<p class="text-muted mb-2 fw-bold">La venue</p> <p class="text-muted mb-2 fw-bold">La venue</p>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>

38
france/france_rsvp/templates/rsvp.html
View File

@ -2,9 +2,9 @@
{% block title %}RSVP -{% endblock %} {% block title %}RSVP -{% endblock %}
{% block navitems %} {% block navitems %}
<li class="nav-item"> <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>
{% endblock %} {% endblock %}
{% block content %} {% block content %}
@ -20,12 +20,16 @@
<label for="adults" class="col-form-label text-dark">Adultes :</label> <label for="adults" class="col-form-label text-dark">Adultes :</label>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<input type="number" class="form-control" name="adults" id="adults" min="1" max="5" <input
{% if adults is not none %} type="number" class="form-control"
value="{{ adults }}" name="adults" id="adults"
{% else %} min="1" max="5"
value="1" {% if adults is not none %}
{% endif %}> value="{{ adults }}"
{% else %}
value="1"
{% endif %}
/>
</div> </div>
</div> </div>
<div class="row g-3 align-items-center"> <div class="row g-3 align-items-center">
@ -33,12 +37,16 @@
<label for="children" class="col-form-label text-dark">Enfants :</label> <label for="children" class="col-form-label text-dark">Enfants :</label>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<input type="number" class="form-control" name="children" id="children" min="0" max="5" <input
{% if children is not none %} type="number" class="form-control"
value="{{ children }}" name="children" id="children"
{% else %} min="0" max="5"
value="0" {% if children is not none %}
{% endif %}> value="{{ children }}"
{% else %}
value="0"
{% endif %}
/>
</div> </div>
</div> </div>

8
france/france_rsvp/templates/thanks.html
View File

@ -1,15 +1,15 @@
{% extends "layout.html" %} {% extends "layout.html" %}
{% block title %}MERCI -{% endblock %} {% block title %}MERCI -{% endblock %}
{% block navitems %} {% block navitems %}
<li class="nav-item"> <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>
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1>Merci !</h1> <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 %} {% endblock %}

2
france/france_rsvp/web.py
View File

@ -9,10 +9,12 @@ logger = logging.getLogger(__name__)
app = Flask('france_rsvp') app = Flask('france_rsvp')
@app.route('/france/') @app.route('/france/')
def index(): def index():
return render_template('index.html') return render_template('index.html')
@app.route('/france/rsvp', methods=['GET', 'POST']) @app.route('/france/rsvp', methods=['GET', 'POST'])
def form(): def form():
error = None error = None