add footer, fix layout of index, fix active nav links

This commit is contained in:
Vicky Steeves 2022-05-22 13:00:08 -04:00
parent 8b08abb23f
commit 50f501e955
3 changed files with 19 additions and 13 deletions

View File

@ -6,8 +6,8 @@
<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 active"> <li class="nav-item">
<a class="nav-link" href="{{url_for('form')}}">RSVP <span class="sr-only">(current)</span></a> <a class="nav-link active" href="{{url_for('form')}}">RSVP <span class="visually-hidden">(current)</span></a>
</li> </li>
{% endblock %} {% endblock %}

View File

@ -1,8 +1,8 @@
{% extends "layout.html" %} {% extends "layout.html" %}
{% block navitems %} {% block navitems %}
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" href="#">Info <span class="sr-only">(current)</span></a> <a class="nav-link active" href="#">Info <span class="visually-hidden">(current)</span></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
@ -12,15 +12,18 @@
{% block content %} {% block content %}
<h1>Rémi &amp; Vicky sont </h1> <h1>Rémi &amp; Vicky are renewing their vows! </h1>
<h3><i class="bi bi-geo-alt"></i> La Chapelle-Taillefert</h3> <p>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>
<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> <a class="btn btn-outline-dark btn-lg mb-3" href="{{url_for('form')}}" role="button">RSVP <i class="bi bi-heart-arrow"></i></a>
<h3> Itininerary </h3> <h4><i class="bi bi-geo-alt "></i> La Chapelle-Taillefert</h4>
<h4><i class="bi bi-calendar-heart"></i> 30 Julliet 2022</h4>
<div class="container">
<div class="row">
<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">
@ -84,5 +87,8 @@
</li> </li>
</ul> </ul>
</div>
</div>
</div>
{% endblock %} {% endblock %}

View File

@ -4,7 +4,7 @@
{% block head %} {% block head %}
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='/css/bootstrap-icons.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='/css/bootstrap-icons.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='/css/custom.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='/css/custom.css') }}">
<title>{% block title %}{% endblock %} Rémi &amp; Vicky</title> <title>{% block title %}{% endblock %} Rémi &amp; Vicky</title>
@ -13,7 +13,7 @@
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container"> <div class="container">
<span class="navbar-text">Rémi &amp; Vicky</span> <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> <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>
@ -30,7 +30,7 @@
</div> </div>
<div id="footer"> <div id="footer">
{% block footer %}{% endblock %} <div class="text-center container mb-2">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>