Updated html structures
This commit is contained in:
parent
c50ca8747e
commit
a132e0ff85
|
|
@ -1,13 +1,29 @@
|
|||
<div class="container" style="position: fixed; bottom: 2em;">
|
||||
<div class="row">
|
||||
<div class="col justify-content-center text-center">
|
||||
<nav>
|
||||
<a href="mailto:"><i title="Send Us an Email" class="fas fa-envelope"></i></a>
|
||||
<a href="https://twitter.com/"><i title="Find Us on Twitter" class="fab fa-twitter"></i></a>
|
||||
<a href="https://www.linkedin.com/"><i title="Find Us on LinkedIn" class="fab fa-linkedin"></i></a>
|
||||
<br/>
|
||||
<i class="fas fa-map-marker-alt">US, Earth</i>
|
||||
</nav>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg bg-dark navbar-dark justify-content-center text-center fixed-bottom">
|
||||
<div class="col col-lg-auto">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="mailto:">
|
||||
<i title="Send Us an Email" class="fas fa-envelope"></i>
|
||||
Mail
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://twitter.com/">
|
||||
<i title="Find Us on Twitter" class="fab fa-twitter"></i>
|
||||
Twitter
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://www.linkedin.com/">
|
||||
<i title="Find Us on LinkedIn" class="fab fa-linkedin"></i>
|
||||
linkedIn
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<span class="nav-link">
|
||||
<i class="fas fa-map-marker-alt">US, Earth</i>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -51,46 +51,47 @@
|
|||
</head>
|
||||
{% endblock %}
|
||||
<body>
|
||||
{% block body_header %}
|
||||
<img id="bg" src="{{ url_for('static', filename='imgs/backgrounds/background.jpg')}}" alt="{{title}} Background Logo" />
|
||||
{% include "body-header.html" %}
|
||||
|
||||
{% block body_header_additional %}
|
||||
{% endblock body_header_additional%}
|
||||
{% endblock %}
|
||||
|
||||
<!-- System flashed messages! -->
|
||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||
{% if messages %}
|
||||
<div class="flashes">
|
||||
{% for category, message in messages %}
|
||||
<li class="alert alert-{{ category }}">{{ message }}</li>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
|
||||
|
||||
<div class="container">
|
||||
<!-- System flashed messages! -->
|
||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||
{% if messages %}
|
||||
<div class="flashes">
|
||||
{% for category, message in messages %}
|
||||
<li class="alert alert-{{ category }}">{{ message }}</li>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
|
||||
|
||||
{% block body_header %}
|
||||
<img id="bg" src="{{ url_for('static', filename='imgs/backgrounds/background.jpg')}}" alt="{{title}} Background Logo" />
|
||||
{% include "body-header.html" %}
|
||||
|
||||
{% block body_header_additional %}
|
||||
{% endblock body_header_additional%}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div id="page-alert-zone" class="col">
|
||||
</div>
|
||||
</div>
|
||||
{% block body_content %}
|
||||
{% block body_content_additional %}
|
||||
{% endblock body_content_additional%}
|
||||
{% endblock %}
|
||||
{% block body_content %}
|
||||
{% block body_content_additional %}
|
||||
{% endblock body_content_additional%}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block body_footer %}
|
||||
{% include "body-footer.html" %}
|
||||
|
||||
{% block body_footer_additional %}
|
||||
{% endblock body_footer_additional%}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
|
||||
{% block body_footer %}
|
||||
{% include "body-footer.html" %}
|
||||
|
||||
{% block body_footer_additional %}
|
||||
{% endblock body_footer_additional%}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block body_scripts %}
|
||||
<!-- For Bootstrap in this exact order... -->
|
||||
<script src="{{ url_for('static', filename='js/libs/bootstrap/jquery-3.3.1.slim.min.js')}}"></script>
|
||||
|
|
|
|||
|
|
@ -14,14 +14,12 @@
|
|||
{% endblock body_header_additional %}
|
||||
|
||||
{% block body_content_additional %}
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col justify-content-center text-center">
|
||||
<p>Using dark themed Bootstrap 4 CSS files...</p>
|
||||
<p>Themes: <a href="https://bootswatch.com/" target="_blank">Bootswatch</a></p>
|
||||
<p>Using Font Awesome CSS files...</p>
|
||||
<p>Icons: <a href="https://fontawesome.com/icons/" target="_blank">Font Awesome</a></p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col justify-content-center text-center">
|
||||
<p>Using dark themed Bootstrap 4 CSS files...</p>
|
||||
<p>Themes: <a href="https://bootswatch.com/" target="_blank">Bootswatch</a></p>
|
||||
<p>Using Font Awesome CSS files...</p>
|
||||
<p>Icons: <a href="https://fontawesome.com/icons/" target="_blank">Font Awesome</a></p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock body_content_additional %}
|
||||
|
|
|
|||
|
|
@ -14,48 +14,48 @@
|
|||
{% endblock body_header_additional %}
|
||||
|
||||
{% block body_content_additional %}
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<!-- <div class="col justify-content-center text-center"> -->
|
||||
<form action="" method="POST">
|
||||
{{ form.hidden_tag() }}
|
||||
<fieldset class="form-group">
|
||||
<legend class="border-bottom mb-4">Login</legend>
|
||||
<a href="/register">Register</a>
|
||||
<div class="form-group">
|
||||
{{ form.username.label(class="form-control-label") }}
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<!-- <div class="col justify-content-center text-center"> -->
|
||||
<form action="" method="POST">
|
||||
{{ form.hidden_tag() }}
|
||||
<fieldset class="form-group">
|
||||
<legend class="border-bottom mb-4">Login</legend>
|
||||
<a href="/register">Register</a>
|
||||
<div class="form-group">
|
||||
{{ form.username.label(class="form-control-label") }}
|
||||
|
||||
{% if form.username.errors %}
|
||||
<div class="invalid-feedback">
|
||||
{{ form.username(class="form-control form-control-sm is-invalid", autocomplete="off", autofocus=true) }}
|
||||
{% for error in form.username.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{{ form.username(class="form-control form-control-sm", autocomplete="off", autofocus=true) }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{ form.password.label(class="form-control-label") }}
|
||||
|
||||
{% if form.password.errors %}
|
||||
{{ form.password(class="form-control form-control-sm is-invalid", autocomplete="off") }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.password.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ form.password(class="form-control form-control-sm", autocomplete="off") }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="form-group justify-content-right text-right">
|
||||
{{ form.submit(class="btn btn-success") }}
|
||||
{% if form.username.errors %}
|
||||
<div class="invalid-feedback">
|
||||
{{ form.username(class="form-control form-control-sm is-invalid", autocomplete="off", autofocus=true) }}
|
||||
{% for error in form.username.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{{ form.username(class="form-control form-control-sm", autocomplete="off", autofocus=true) }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{ form.password.label(class="form-control-label") }}
|
||||
|
||||
{% if form.password.errors %}
|
||||
{{ form.password(class="form-control form-control-sm is-invalid", autocomplete="off") }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.password.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ form.password(class="form-control form-control-sm", autocomplete="off") }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="form-group justify-content-right text-right">
|
||||
{{ form.submit(class="btn btn-success") }}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock body_content_additional %}
|
||||
|
||||
{% block body_footer_additional %}
|
||||
|
|
|
|||
|
|
@ -14,76 +14,76 @@
|
|||
{% endblock body_header_additional %}
|
||||
|
||||
{% block body_content_additional %}
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<!-- <div class="col justify-content-center text-center"> -->
|
||||
<form action="" method="POST">
|
||||
{{ form.hidden_tag() }}
|
||||
<fieldset class="form-group">
|
||||
<legend class="border-bottom mb-4">Create Account</legend>
|
||||
<div class="form-group">
|
||||
{{ form.username.label(class="form-control-label") }}
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<!-- <div class="col justify-content-center text-center"> -->
|
||||
<form action="" method="POST">
|
||||
{{ form.hidden_tag() }}
|
||||
<fieldset class="form-group">
|
||||
<legend class="border-bottom mb-4">Create Account</legend>
|
||||
<div class="form-group">
|
||||
{{ form.username.label(class="form-control-label") }}
|
||||
|
||||
{% if form.username.errors %}
|
||||
{{ form.username(class="form-control form-control-sm is-invalid", autocomplete="off", autofocus=true) }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.username.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{{ form.username(class="form-control form-control-sm", autocomplete="off", autofocus=true) }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{ form.email.label(class="form-control-label") }}
|
||||
|
||||
{% if form.email.errors %}
|
||||
{{ form.email(class="form-control form-control-sm is-invalid", autocomplete="off") }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.email.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ form.email(class="form-control form-control-sm", autocomplete="off") }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{ form.password.label(class="form-control-label") }}
|
||||
|
||||
{% if form.password.errors %}
|
||||
{{ form.password(class="form-control form-control-sm is-invalid", autocomplete="off") }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.password.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ form.password(class="form-control form-control-sm", autocomplete="off") }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{ form.confirm_password.label(class="form-control-label") }}
|
||||
|
||||
{% if form.confirm_password.errors %}
|
||||
{{ form.confirm_password(class="form-control form-control-sm is-invalid", autocomplete="off") }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.confirm_password.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ form.confirm_password(class="form-control form-control-sm", autocomplete="off") }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="form-group justify-content-right text-right">
|
||||
{{ form.submit(class="btn btn-success") }}
|
||||
{% if form.username.errors %}
|
||||
{{ form.username(class="form-control form-control-sm is-invalid", autocomplete="off", autofocus=true) }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.username.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{{ form.username(class="form-control form-control-sm", autocomplete="off", autofocus=true) }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
<div class="border-top pt-3">
|
||||
<small>Already Have An Account? <a class="ml-2" href="{{ url_for('login') }}">Login!</a></small>
|
||||
<div class="form-group">
|
||||
{{ form.email.label(class="form-control-label") }}
|
||||
|
||||
{% if form.email.errors %}
|
||||
{{ form.email(class="form-control form-control-sm is-invalid", autocomplete="off") }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.email.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ form.email(class="form-control form-control-sm", autocomplete="off") }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{ form.password.label(class="form-control-label") }}
|
||||
|
||||
{% if form.password.errors %}
|
||||
{{ form.password(class="form-control form-control-sm is-invalid", autocomplete="off") }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.password.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ form.password(class="form-control form-control-sm", autocomplete="off") }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{ form.confirm_password.label(class="form-control-label") }}
|
||||
|
||||
{% if form.confirm_password.errors %}
|
||||
{{ form.confirm_password(class="form-control form-control-sm is-invalid", autocomplete="off") }}
|
||||
<div class="invalid-feedback">
|
||||
{% for error in form.confirm_password.errors %}
|
||||
<span class="">{{ error }}</span>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{{ form.confirm_password(class="form-control form-control-sm", autocomplete="off") }}
|
||||
{% endif %}
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="form-group justify-content-right text-right">
|
||||
{{ form.submit(class="btn btn-success") }}
|
||||
</div>
|
||||
</form>
|
||||
<div class="border-top pt-3">
|
||||
<small>Already Have An Account? <a class="ml-2" href="{{ url_for('login') }}">Login!</a></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock body_content_additional %}
|
||||
|
||||
{% block body_footer_additional %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue