add bootstrap 5 style and icons, base template

This commit is contained in:
Vicky Steeves 2022-05-22 12:13:14 -04:00
parent 33d9f2ef3d
commit de1f935831
14 changed files with 27942 additions and 62 deletions

File diff suppressed because it is too large Load Diff

11600
france/france_rsvp/static/css/bootstrap.css vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -1,18 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>RSVP - Vicky &amp; Remi</title>
</head>
<body>
{% extends "layout.html" %}
{% 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 active">
<a class="nav-link" href="{{url_for('form')}}">RSVP <span class="sr-only">(current)</span></a>
</li>
{% endblock %}
{% block content %}
{% if error %}
<p class="error">{{ error }}</p>
{% endif %}
<form action="{{ url_for('form') }}" method="POST">
<p>
Code sur l'invitation:
<input type="text" name="code" placeholder="ABCD" />
</p>
<p><input type="submit" value="RSVP" /></p>
<div class="row g-3 align-items-center">
<div class="col-auto">
<label for="code" class="col-form-label">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">RSVP</button>
</form>
</body>
</html>
{% endblock %}

View File

@ -0,0 +1,88 @@
{% extends "layout.html" %}
{% block navitems %}
<li class="nav-item active">
<a class="nav-link" href="#">Info <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{url_for('form')}}">RSVP</a>
</li>
{% endblock %}
{% block content %}
<h1>Rémi &amp; Vicky sont </h1>
<h3><i class="bi bi-geo-alt"></i> La Chapelle-Taillefert</h3>
<h3><i class="bi bi-calendar-heart"></i> 30 Julliet 2022</h3>
<a class="btn btn-outline-primary btn-lg" href="{{url_for('form')}}" role="button">RSVP <i class="bi bi-heart-arrow"></i></a>
<h3> Itininerary </h3>
<ul class="timeline-with-icons">
<li class="timeline-item mb-5">
<span class="timeline-icon">
<i class="bi bi-house-heart"></i>
</span>
<h5 class="fw-bold">Cérémonie mairie</h5>
<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>
<h5 class="fw-bold">Vin d'honneur</h5>
<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>
<h5 class="fw-bold">Repas</h5>
<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>
<h5 class="fw-bold">Décontraction et pétanque</h5>
<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>
<h5 class="fw-bold">Apéro et BBQ</h5>
<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>
<h5 class="fw-bold">Karaoké et musique et danse</h5>
<p class="mb-2 fw-bold">21h30</p>
<p class="text-muted mb-2 fw-bold">La venue</p>
</li>
</ul>
{% endblock %}

View File

@ -0,0 +1,38 @@
<!doctype html>
<html lang="fr">
<head>
{% block head %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="stylesheet" href="{{ url_for('static', filename='/css/bootstrap.css') }}"> -->
<link rel="stylesheet" href="{{ url_for('static', filename='/css/bootstrap-icons.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='/css/custom.css') }}">
<title>{% block title %}{% endblock %} Rémi &amp; Vicky</title>
{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container">
<span class="navbar-text">Rémi &amp; Vicky</span>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
{% block navitems %}{% endblock %}
</ul>
</div>
</div>
</nav>
<div id="content" class="container mt-2">
{% block content %}{% endblock %}
</div>
<div id="footer">
{% block footer %}{% endblock %}
</div>
<script src="{{ url_for('static', filename='/js/bootstrap.bundle.js') }}"></script>
</body>
</html>

View File

@ -1,40 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<title>RSVP - Vicky &amp; Remi</title>
</head>
<body>
{% if error %}
{% extends "layout.html" %}
{% block title %}RSVP -{% endblock %}
{% block navitems %}
<li class="nav-item">
<a class="nav-link" href="{{url_for('index')}}">INFO</a>
</li>
{% endblock %}
{% block content %}
{% if error %}
<p class="error">{{ error }}</p>
{% endif %}
<form action="" method="POST">
<p>
<label for="adults">Adultes :</label>
<input
type="number"
name="adults" id="adults"
min="1" max="5"
{% endif %}
<form action="" method="POST">
<div class="row g-3 align-items-center">
<div class="col-auto">
<label for="adults" class="col-form-label">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 %}
/>
</p>
<p>
<label for="children">Enfants :</label>
<input
type="number"
name="children" id="children"
min="0" max="5"
{% endif %}>
</div>
</div>
<div class="row g-3 align-items-center">
<div class="col-auto">
<label for="children" class="col-form-label">Enfants :</label>
</div>
<div class="col-auto">
<input type="number" class="form-control" name="children" id="children" min="1" max="5"
{% if children is not none %}
value="{{ children }}"
value="{{ adults }}"
{% else %}
value="0"
{% endif %}
/>
</p>
<p><input type="submit" value="RSVP" /></p>
</form>
</body>
</html>
value="1"
{% endif %}>
</div>
</div>
<button type="submit" value="RSVP" class="btn btn-primary">RSVP</button>
</form>
{% endblock %}

View File

@ -1,9 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<title>RSVP - Vicky &amp; Remi</title>
</head>
<body>
<h1>Merci !</h1>
</body>
</html>
{% extends "layout.html" %}
{% block title %}MERCI -{% endblock %}
{% block navitems %}
<li class="nav-item">
<a class="nav-link" href="{{url_for('index')}}">INFO</a>
</li>
{% endblock %}
{% block content %}
<h1>Merci !</h1>
{% endblock %}

View File

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