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">
|
<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>
|
||||||
|
|
|
@ -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> Home</a>
|
<i class="bi bi-house-fill"></i> 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> Login</a>
|
<i title="Login" class="bi bi-person-circle"></i> 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> Register</a>
|
<i title="Register A User..." class="bi bi-person-plus-fill"></i> 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> Code</a>
|
<i class="bi bi-code-slash"></i> 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> Email</a>
|
<i title="Send Us an Email" class="bi bi-envelope-fill"></i> Email</a>
|
||||||
<a class="dropdown-item" href="#">
|
<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="#">
|
<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>
|
</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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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: <a href="https://bootswatch.com/" target="_blank">Bootswatch</a></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>With React available...</p>
|
||||||
<p>A React Example Page:
|
<p>A React Example Page:
|
||||||
<a href="{{ url_for('react_page') }}">
|
<a href="{{ url_for('react_page') }}">
|
||||||
|
|
Loading…
Reference in New Issue