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

38
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 {
@ -37,7 +37,7 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
body > nav > div { body > nav > div {
font-size:1.5rem; font-size:1.5rem;
} }

44
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 %}
<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 %} {% endblock %}

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

@ -6,17 +6,17 @@
</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 %}
{% block content %} {% block content %}
<h1>Rémi &amp; Vicky are renewing their vows! </h1> <h1>Rémi &amp; Vicky are renewing their vows! </h1>
<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">
<span class="timeline-icon">
<i class="bi bi-person-hearts"></i>
</span>
<h4 class="fw-bold">Vin d'honneur</h4> <li class="timeline-item mb-5">
<p class="mb-2 fw-bold">11h30</p> <span class="timeline-icon">
<p class="text-muted mb-2 fw-bold">La venue</p> <i class="bi bi-person-hearts"></i>
</li> </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> <h4 class="fw-bold">Vin d'honneur</h4>
<p class="mb-2 fw-bold">12h30</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">
<span class="timeline-icon">
<i class="bi bi-dribbble"></i>
</span>
<h4 class="fw-bold">Décontraction et pétanque</h4> <li class="timeline-item mb-5">
<p class="mb-2 fw-bold">16h00</p> <span class="timeline-icon">
<p class="text-muted mb-2 fw-bold">La venue. Bring your own boules de pétanque !</p> <i class="bi bi-egg-fried"></i>
</li> </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> <h4 class="fw-bold">Repas</h4>
<p class="mb-2 fw-bold">19h30</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">
<span class="timeline-icon">
<i class="bi bi-speaker"></i>
</span>
<h4 class="fw-bold">Karaoké et musique et danse</h4> <li class="timeline-item mb-5">
<p class="mb-2 fw-bold">21h30</p> <span class="timeline-icon">
<p class="text-muted mb-2 fw-bold">La venue</p> <i class="bi bi-dribbble"></i>
</li> </span>
</ul> <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> </div>
</div> </div>

10
france/france_rsvp/templates/layout.html
View File

@ -10,9 +10,9 @@
<title>{% block title %}{% endblock %} Rémi &amp; Vicky</title> <title>{% block title %}{% endblock %} Rémi &amp; Vicky</title>
{% endblock %} {% endblock %}
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container"> <div class="container">
<span class="navbar-text pe-3">Rémi &amp; Vicky</span> <span class="navbar-text pe-3">Rémi &amp; Vicky</span>
@ -24,15 +24,15 @@
</div> </div>
</div> </div>
</nav> </nav>
<div id="content" class="container mt-2"> <div id="content" class="container mt-2">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
<div id="footer" class="mt-3"> <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 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> </div>
<script src="{{ url_for('static', filename='/js/bootstrap.bundle.js') }}"></script> <script src="{{ url_for('static', filename='/js/bootstrap.bundle.js') }}"></script>
</body> </body>
</html> </html>

46
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 %}
@ -12,20 +12,24 @@
{% if error %} {% if error %}
<p class="error">{{ error }}</p> <p class="error">{{ error }}</p>
{% endif %} {% endif %}
<form action="" method="POST"> <form action="" 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="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,17 +37,21 @@
<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>
<button type="submit" value="RSVP" class="btn btn-lg btn-primary mt-3">RSVP</button> <button type="submit" value="RSVP" class="btn btn-lg btn-primary mt-3">RSVP</button>
</form> </form>
{% endblock %} {% endblock %}

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