diff --git a/portfolio/templates/index.html b/portfolio/templates/index.html new file mode 100644 index 0000000000000000000000000000000000000000..0a488f2d51925ecd65cd7e9076c6af3656bb578b --- /dev/null +++ b/portfolio/templates/index.html @@ -0,0 +1,34 @@ +{% 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="container text-center"> + <div class="row"> + <div class="col-md-6 offset-md-3 form-container"> + <form method="POST" action="{{ url_for('passwordSubmit') }}"> + {{ form.csrf_token }} + <div class="form-group text-center"> + <h3 class="form-title" style="margin-bottom: 30px;">Please enter website password</h3> + <label for="password" style="font-size: 1.2em;">Password:</label> + {{ form.password(class="form-control", style="margin-top: 10px; padding: 12px 20px; font-size: 1.2em;") }} + </div> + <div class="form-group text-center"> + {{ form.submit(class="btn btn-primary btn-block", style="margin-top: 20px; padding: 12px 20px; font-size: 1.2em;") }} + </div> + </form> + </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 %}