Updated bootstrap and theme

master
itdominator 2 years ago
parent a1ea0a07d1
commit 8343dbaf00

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

@ -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>

@ -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>

@ -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>

@ -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') }}">

Loading…
Cancel
Save