diff --git a/portfolio/templates/index.html b/portfolio/templates/index.html index 0a488f2d51925ecd65cd7e9076c6af3656bb578b..d811897e6e9d2c3f3b554f0c8b444259619bc557 100644 --- a/portfolio/templates/index.html +++ b/portfolio/templates/index.html @@ -1,5 +1,27 @@ -{% block title %}<h1 class="text-center page-title" style="font-size: 2em; font-weight: bold; margin-bottom: 50px;">Password Protected Portfolio</h1>{% endblock title %} +<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}"> +{% block title %} +<h1 class="text-center page-title" style="font-size: 2em; font-weight: bold; margin-bottom: 50px;">Password Protected Portfolio</h1> +{% endblock title %} + {% block content %} +<div class="d-flex justify-content-center"> +<div class="alert alert-danger" role="alert"> +<div class="container mt-5"> + <div class="row"> + <div class="col-12"> + {% with messages = get_flashed_messages() %} + {% if messages %} + <div class="alert alert-danger" role="alert" style="margin-top: 20px;"> + {% for message in messages %} + {{ message }} + {% endfor %} + </div> + {% endif %} + {% endwith %} + </div> + </div> +</div> +</div> <div class="container text-center"> <div class="row"> <div class="col-md-6 offset-md-3 form-container"> @@ -17,18 +39,5 @@ </div> </div> </div> -<div class="container mt-5"> - <div class="row"> - <div class="col-12"> - {% with messages = get_flashed_messages() %} - {% if messages %} - <div class="alert alert-danger" role="alert" style="margin-top: 20px;"> - {% for message in messages %} - {{ message }} - {% endfor %} - </div> - {% endif %} - {% endwith %} - </div> - </div> + {% endblock content %}