Updated html structures

This commit is contained in:
maximstewart 2020-12-15 23:22:52 -06:00
parent c50ca8747e
commit a132e0ff85
5 changed files with 171 additions and 156 deletions

View File

@ -1,13 +1,29 @@
<div class="container" style="position: fixed; bottom: 2em;"> <nav class="navbar navbar-expand-lg bg-dark navbar-dark justify-content-center text-center fixed-bottom">
<div class="row"> <div class="col col-lg-auto">
<div class="col justify-content-center text-center"> <ul class="navbar-nav">
<nav> <li class="nav-item">
<a href="mailto:"><i title="Send Us an Email" class="fas fa-envelope"></i></a> <a class="nav-link" href="mailto:">
<a href="https://twitter.com/"><i title="Find Us on Twitter" class="fab fa-twitter"></i></a> <i title="Send Us an Email" class="fas fa-envelope"></i>
<a href="https://www.linkedin.com/"><i title="Find Us on LinkedIn" class="fab fa-linkedin"></i></a> Mail
<br/> </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> <i class="fas fa-map-marker-alt">US, Earth</i>
</span>
</li>
</ul>
</div>
</nav> </nav>
</div>
</div>
</div>

View File

@ -51,14 +51,7 @@
</head> </head>
{% endblock %} {% endblock %}
<body> <body>
{% block body_header %} <div class="container">
<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! --> <!-- System flashed messages! -->
{% with messages = get_flashed_messages(with_categories=true) %} {% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %} {% if messages %}
@ -71,7 +64,15 @@
{% endwith %} {% endwith %}
<div class="container"> {% 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 class="row">
<div id="page-alert-zone" class="col"> <div id="page-alert-zone" class="col">
</div> </div>
@ -80,7 +81,6 @@
{% block body_content_additional %} {% block body_content_additional %}
{% endblock body_content_additional%} {% endblock body_content_additional%}
{% endblock %} {% endblock %}
</div>
{% block body_footer %} {% block body_footer %}
@ -89,6 +89,7 @@
{% block body_footer_additional %} {% block body_footer_additional %}
{% endblock body_footer_additional%} {% endblock body_footer_additional%}
{% endblock %} {% endblock %}
</div>
{% block body_scripts %} {% block body_scripts %}

View File

@ -14,7 +14,6 @@
{% endblock body_header_additional %} {% endblock body_header_additional %}
{% block body_content_additional %} {% block body_content_additional %}
<div class="container">
<div class="row"> <div class="row">
<div class="col justify-content-center text-center"> <div class="col justify-content-center text-center">
<p>Using dark themed Bootstrap 4 CSS files...</p> <p>Using dark themed Bootstrap 4 CSS files...</p>
@ -23,7 +22,6 @@
<p>Icons:&nbsp;<a href="https://fontawesome.com/icons/" target="_blank">Font Awesome</a></p> <p>Icons:&nbsp;<a href="https://fontawesome.com/icons/" target="_blank">Font Awesome</a></p>
</div> </div>
</div> </div>
</div>
{% endblock body_content_additional %} {% endblock body_content_additional %}
{% block body_footer_additional %} {% block body_footer_additional %}