Updated bootstrap and theme

This commit is contained in:
itdominator 2022-06-17 00:04:14 -05:00
parent a1ea0a07d1
commit 8343dbaf00
10 changed files with 21 additions and 62 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -10,25 +10,25 @@
<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>
<i title="Send Us an Email" class="bi bi-envelope-heart-fill"></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>
<i title="Find Us on Twitter" class="bi bi-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>
<i title="Find Us on LinkedIn" class="bi bi-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="bi bi-geo-alt-fill">US, Earth</i>
</span>
</li>
</ul>

View File

@ -25,7 +25,7 @@
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="{{ url_for('home') }}">
<i class="fas fa-home"></i>&nbsp;&nbsp;Home</a>
<i class="bi bi-house-fill"></i>&nbsp;&nbsp;Home</a>
</li>
<!-- Dropdowns -->
@ -38,9 +38,9 @@
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="{{ url_for('login') }}">
<i title="Login" class="fas fa-user"></i>&nbsp;&nbsp;Login</a>
<i title="Login" class="bi bi-person-circle"></i>&nbsp;&nbsp;Login</a>
<a class="dropdown-item" href="{{ url_for('register') }}">
<i title="Register A User..." class="fas fa-user-plus"></i>&nbsp;&nbsp;Register</a>
<i title="Register A User..." class="bi bi-person-plus-fill"></i>&nbsp;&nbsp;Register</a>
</div>
</li>
{% endif %}
@ -51,7 +51,7 @@
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">
<i class="fas fa-code"></i>&nbsp;&nbsp;Code</a>
<i class="bi bi-code-slash"></i>&nbsp;&nbsp;Code</a>
</div>
</li>
@ -62,11 +62,11 @@
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="mailto:">
<i title="Send Us an Email" class="fas fa-envelope"></i>&nbsp;&nbsp;Email</a>
<i title="Send Us an Email" class="bi bi-envelope-fill"></i>&nbsp;&nbsp;Email</a>
<a class="dropdown-item" href="#">
<i title="Find Us on Twitter" class="fab fa-twitter"></i>&nbsp;&nbsp;Twitter</a>
<i title="Find Us on Twitter" class="bi bi-twitter"></i>&nbsp;&nbsp;Twitter</a>
<a class="dropdown-item" href="#">
<i title="Find Us on LinkedIn" class="fab fa-linkedin"></i>&nbsp;&nbsp;LinkedIn</a>
<i title="Find Us on LinkedIn" class="bi bi-linkedin"></i>&nbsp;&nbsp;LinkedIn</a>
</div>
</li>
@ -78,9 +78,9 @@
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">
<i title="Donate via Patreon" class="fab fa-patreon"></i> Patreon</a>
<i title="Donate via Paypal" class="bi bi-paypal"></i> Paypal</a>
<a class="dropdown-item" href="#">
<i title="Donate via Paypal" class="fab fa-paypal"></i> Paypal</a>
<i title="Donate via Credit Card" class="bi bi-credit-card-2-front-fill"></i> Credit Card</a>
</div>
</li>
@ -88,13 +88,13 @@
<li class="nav-item">
<a class="nav-link" href="{{ url_for('about') }}">
<i class="far fa-address-card"></i> About</a>
<i class="bi bi-file-earmark-person-fill"></i> About</a>
</li>
{% if current_user.is_authenticated or oidc_loggedin() %}
<li class="nav-item">
<a class="nav-link" href="{{ url_for('logout') }}">
<i class="fas fa-sign-out-alt"></i> Logout</a>
<i class="bi bi-box-arrow-left"></i> Logout</a>
</li>
{% endif %}
</ul>

View File

@ -26,18 +26,11 @@
{% block header_css %}
<!-- Bootstrap CSS -->
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/mdb.dark.min.css')}}">
<!-- Font Awesome CSS Notes -->
<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous"> -->
<!-- https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-regular-400.woff2 -->
<!-- https://use.fontawesome.com/releases/v5.7.0/webfonts/ -->
<!-- Site Font Awesome CSS -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome/font-awesome-all-v5.7.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome/font-awesome-min-v4.7.0.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome/font-awesome-woff2.css')}}">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap5/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap5/bootstrap-dark.min.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-icons/bootstrap-icons.css')}}">
<!-- Site CSS -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css')}}">
@ -115,9 +108,7 @@
<script src="{{ url_for('static', filename='js/libs/jquery-3.6.0.min.js')}}"></script>
<!-- For Bootstrap in this exact order... -->
<script src="{{ url_for('static', filename='js/libs/bootstrap/popper.min.js')}}"></script>
<script src="{{ url_for('static', filename='js/libs/bootstrap/bootstrap.min.js')}}"></script>
<script src="{{ url_for('static', filename='js/libs/bootstrap/mdb.min.js')}}"></script>
<script src="{{ url_for('static', filename='js/libs/bootstrap5/bootstrap.bundle.min.js')}}"></script>
<!-- For React -->
<script src="{{ url_for('static', filename='js/libs/react/react.production.min.js')}}"></script>

View File

@ -16,10 +16,8 @@
{% block body_content_additional %}
<div class="row">
<div class="col justify-content-center text-center">
<p>Using dark themed Bootstrap 5 CSS files...</p>
<p>Using Bootstrap 5 Themeing...</p>
<p>Themes:&nbsp;<a href="https://bootswatch.com/" target="_blank">Bootswatch</a></p>
<p>Using Font Awesome CSS files...</p>
<p>Icons:&nbsp;<a href="https://fontawesome.com/icons/" target="_blank">Font Awesome</a></p>
<p>With React available...</p>
<p>A React Example Page:&nbsp;
<a href="{{ url_for('react_page') }}">