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 {
|
||||
|
|
@ -37,7 +37,7 @@ body {
|
|||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
||||
body > nav > div {
|
||||
font-size:1.5rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
||||
<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="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>
|
||||
|
||||
</form>
|
||||
|
||||
{% if error %}
|
||||
<p class="error text-danger">{{ error }}</p>
|
||||
{% endif %}
|
||||
|
||||
<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="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>
|
||||
|
||||
</form>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -6,17 +6,17 @@
|
|||
</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 %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<h1>Rémi & Vicky are renewing their vows! </h1>
|
||||
|
||||
<h1>Rémi & Vicky are renewing their vows! </h1>
|
||||
|
||||
<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>
|
||||
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-person-hearts"></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">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-person-hearts"></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>
|
||||
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-dribbble"></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">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-egg-fried"></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>
|
||||
|
||||
<li class="timeline-item mb-5">
|
||||
<span class="timeline-icon">
|
||||
<i class="bi bi-speaker"></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">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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,9 +10,9 @@
|
|||
<title>{% block title %}{% endblock %} Rémi & Vicky</title>
|
||||
{% endblock %}
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||
<div class="container">
|
||||
<span class="navbar-text pe-3">Rémi & Vicky</span>
|
||||
|
|
@ -24,15 +24,15 @@
|
|||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<div id="content" class="container mt-2">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
|
||||
|
||||
<div id="footer" class="mt-3">
|
||||
<div class="text-center container mb-2 text-dark">If you encounter any problems, email Rémi at <a href="mailto:remi@rampin.org">remi@rampin.org</a></div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="{{ url_for('static', filename='/js/bootstrap.bundle.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
|
@ -12,20 +12,24 @@
|
|||
{% if error %}
|
||||
<p class="error">{{ error }}</p>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<form action="" method="POST">
|
||||
|
||||
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-auto">
|
||||
<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,17 +37,21 @@
|
|||
<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>
|
||||
|
||||
|
||||
<button type="submit" value="RSVP" class="btn btn-lg btn-primary mt-3">RSVP</button>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -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