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"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="mailto:"> <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 Mail
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://twitter.com/"> <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 Twitter
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://www.linkedin.com/"> <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 linkedIn
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<span class="nav-link"> <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> </span>
</li> </li>
</ul> </ul>

View File

@ -25,7 +25,7 @@
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{ url_for('home') }}"> <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> </li>
<!-- Dropdowns --> <!-- Dropdowns -->
@ -38,9 +38,9 @@
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
<a class="dropdown-item" href="{{ url_for('login') }}"> <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') }}"> <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> </div>
</li> </li>
{% endif %} {% endif %}
@ -51,7 +51,7 @@
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
<a class="dropdown-item" href="#"> <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> </div>
</li> </li>
@ -62,11 +62,11 @@
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
<a class="dropdown-item" href="mailto:"> <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="#"> <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="#"> <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> </div>
</li> </li>
@ -78,9 +78,9 @@
</a> </a>
<div class="dropdown-menu"> <div class="dropdown-menu">
<a class="dropdown-item" href="#"> <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="#"> <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> </div>
</li> </li>
@ -88,13 +88,13 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{ url_for('about') }}"> <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> </li>
{% if current_user.is_authenticated or oidc_loggedin() %} {% if current_user.is_authenticated or oidc_loggedin() %}
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{ url_for('logout') }}"> <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> </li>
{% endif %} {% endif %}
</ul> </ul>

View File

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

View File

@ -16,10 +16,8 @@
{% block body_content_additional %} {% block body_content_additional %}
<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 5 CSS files...</p> <p>Using Bootstrap 5 Themeing...</p>
<p>Themes:&nbsp;<a href="https://bootswatch.com/" target="_blank">Bootswatch</a></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>With React available...</p>
<p>A React Example Page:&nbsp; <p>A React Example Page:&nbsp;
<a href="{{ url_for('react_page') }}"> <a href="{{ url_for('react_page') }}">