Font Awesome Changes

This commit is contained in:
Maxim Stewart 2020-01-12 18:17:55 -06:00
parent c1b7f2c115
commit e9bc0c6837
16 changed files with 98 additions and 17 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -2,9 +2,11 @@
<div class="row">
<div class="col justify-content-center text-center">
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Donate</a>
<a href="mailto:"><i title="Send Us an Email" class="fas fa-envelope"></i></a>
<a href="#"><i title="Find Us on Twitter" class="fab fa-twitter"></i></a>
<a href="#"><i title="Find Us on LinkedIn" class="fab fa-linkedin"></i></a>
<br/>
<i class="fas fa-map-marker-alt">US, Earth</i>
</nav>
</div>
</div>

View File

@ -1,11 +1,74 @@
<div class="container">
<div class="row">
<div class="col justify-content-center text-center">
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Donate</a>
</nav>
<nav class="navbar navbar-expand-lg bg-dark navbar-dark sticky-top">
<div class="col-sm">
<!-- Branding -->
<div class="navbar-brand justify-content-center text-center">
<div class="site-branding">
<h1 class="site-title">
<a href="#" title="TITLE" rel="home">
Hello World!
</a>
</h1>
<h2 class="site-description">Your Slogan...</h2>
</div>
</div>
</div>
</div>
<div class="col col-lg-auto">
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fab fa-youtube"></i>&nbsp;&nbsp;Home</a>
</li>
<!-- Dropdowns -->
<!-- Others Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Projects
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">
<i class="fas fa-code"></i>&nbsp;&nbsp;Code</a>
</div>
</li>
<!-- Socials Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Social
</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>
<a class="dropdown-item" href="#">
<i title="Find Us on Twitter" class="fab fa-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>
</div>
</li>
<!-- Donation Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
<i class="fa fa-coin"></i>
Donate
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">
<i title="Find Us on LinkedIn" class="fab fa-patreon"></i> Patreon</a>
<a class="dropdown-item" href="#">
<i title="Find Us on LinkedIn" class="fab fa-paypal"></i> Paypal</a>
</div>
</li>
<!-- End Dropdowns -->
<li class="nav-item">
<a class="nav-link" href="#">
<i class="far fa-address-card"></i> About</a>
</li>
</ul>
</div>
</nav>

View File

@ -8,9 +8,10 @@
<div class="container">
<div class="row">
<div class="col justify-content-center text-center">
<h1>Hello World!</h1>
<p>Using dark themed Bootstrap 4 css files...</p>
<p>Using dark themed Bootstrap 4 CSS files...</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>
</div>
</div>
</div>

View File

@ -10,11 +10,21 @@
{% block header_css %}
<!-- Bootstrap CSS -->
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<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/bootstrap-datepicker.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')}}">
<!-- Site CSS -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome-all-v5.7.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css')}}">
{% block header_css_additional %}
{% endblock header_css_additional %}