Updated bootstrap and theme
This commit is contained in:
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> Home</a>
|
||||
<i class="bi bi-house-fill"></i> 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> Login</a>
|
||||
<i title="Login" class="bi bi-person-circle"></i> Login</a>
|
||||
<a class="dropdown-item" href="{{ url_for('register') }}">
|
||||
<i title="Register A User..." class="fas fa-user-plus"></i> Register</a>
|
||||
<i title="Register A User..." class="bi bi-person-plus-fill"></i> 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> Code</a>
|
||||
<i class="bi bi-code-slash"></i> 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> Email</a>
|
||||
<i title="Send Us an Email" class="bi bi-envelope-fill"></i> Email</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
<i title="Find Us on Twitter" class="fab fa-twitter"></i> Twitter</a>
|
||||
<i title="Find Us on Twitter" class="bi bi-twitter"></i> Twitter</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
<i title="Find Us on LinkedIn" class="fab fa-linkedin"></i> LinkedIn</a>
|
||||
<i title="Find Us on LinkedIn" class="bi bi-linkedin"></i> 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: <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>
|
||||
<p>With React available...</p>
|
||||
<p>A React Example Page:
|
||||
<a href="{{ url_for('react_page') }}">
|
||||
|
|
Loading…
Reference in New Issue