replace 'Home' with a FA icon in navbar

This commit is contained in:
Samuel Shifterovich 2018-10-27 20:58:13 +02:00
parent aab3a9a8d3
commit 38e280759d
3 changed files with 37 additions and 35 deletions

View File

@ -77,11 +77,15 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
{% if active_page != "Home" %}
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
{% endif %}
</li>
{% if page.active_page %}
<li class="nav-item">
<a class="nav-link" href="index.html"><i class="fas fa-home"></i></a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="#top"><i class="fas fa-home"></i> <span class="sr-only">Home (current)</span></a>
</li>
{% endif %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="providerDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Provider
@ -167,9 +171,15 @@
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="donate.html">Donate <i class="fas fa-heart text-danger"></i></a>
</li>
{% if page.active_page == "donate" %}
<li class="nav-item active">
<a class="nav-link" href="#">Donate <i class="fas fa-heart text-danger"></i> <span class="sr-only">(current)</span></a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="donate.html">Donate <i class="fas fa-heart text-danger"></i></a>
</li>
{% endif %}
</ul>
</div>
</div>
@ -177,6 +187,8 @@
<!-- navigation ends here -->
<div class="py-4">
<h1 id="top"></h1>
<div class="mb-5"></div>
{{ content }}
</div>

View File

@ -1,26 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<title>Donate - privacytools.io</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="shortcut icon" href="favicon.ico" type="image/ico">
<!-- content security policy -->
<!-- <meta http-equiv='Content-Security-Policy' content="default-src 'self'; script-src https://privacytoolsio.github.io http://privacytoolsio.github.io; style-src 'self'"> -->
---
layout: default
active_page: donate
---
<!-- referrer policy -->
<meta http-equiv="Referrer-Policy" content="no-referrer">
</head>
<body>
<center>
<div class="col-12">
<div class="row">
<div class="mx-auto text-center">
<br>
<p>
<a href="https://www.privacytools.io/"><img src="img/layout/logo_smaller.png" class="img-responsive" alt="privacytools.io"></a>
<a href="https://www.privacytools.io/"><img src="img/layout/logo_smaller.png" class="img-fluid" alt="privacytools.io"></a>
</p>
@ -38,10 +28,10 @@
<a href="bitcoin:1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt?message=privacytools.io%20(Coffee,%20Beer%20and%20Pizza)" target="_blank"><img src="img/layout/qr.png"></a>
</p>
<p>
<input type="text" value="1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt" onclick="this.focus();this.select()" class="form-control input-lg" style="width:400px;">
<span class="help-block">For easy copy and paste. <a href="bitcoin:1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt?message=privacytools.io%20(Coffee,%20Beer%20and%20Pizza)">Or use this link.</a></span>
</p>
<div class="form-group">
<input id="address" type="text" value="1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt" onclick="this.focus();this.select()" class="form-control text-center">
<label for="address">For easy copy and paste. <a href="bitcoin:1N4bKCx3kpvUTBhsvbmthPDssN8ATPEhgt?message=privacytools.io%20(Coffee,%20Beer%20and%20Pizza)">Or use this link.</a></label>
</div>
</p>
@ -58,9 +48,9 @@
<p>
<img src="img/misc/smile.png" class="img-responsive" alt="Smile">
<img src="img/misc/smile.png" class="img-fluid" alt="Smile">
</p>
</center>
</body>
</html>
</div>
</div>
</div>

View File

@ -4,7 +4,7 @@ layout: default
<div class="container" role="main">
<div class="jumbotron mt-5 p-5">
<div class="jumbotron p-5">
<!-- header just below the navigation bar -->
<h1 class="display-4"><a href="https://www.privacytools.io/" title="privacytools.io"><img src="img/layout/logo.png" class="img-fluid" alt="privacytools.io"></a></h1>
<p class="lead">You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. privacytools.io provides knowledge and tools to protect your privacy against global mass surveillance.</p>