From 66e41908cf7c4526c5c9f43d862092a1b03d5603 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Mon, 22 Oct 2018 22:35:19 +0100
Subject: [PATCH] pihole help
---
webadmin/EN/help_pihole.html | 144 +++++++++++++++++++++++++++++++++++
1 file changed, 144 insertions(+)
create mode 100644 webadmin/EN/help_pihole.html
diff --git a/webadmin/EN/help_pihole.html b/webadmin/EN/help_pihole.html
new file mode 100644
index 000000000..9deb91adf
--- /dev/null
+++ b/webadmin/EN/help_pihole.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="en">
+ <meta charset="utf-8">
+ <style>
+ body {
+ margin: 0;
+ font-family: Arial;
+ background-color: white;
+ color: black;
+ }
+
+ * {
+ box-sizing: border-box;
+ }
+
+ a, u {
+ text-decoration: none;
+ color: #72a7cf;
+ font-weight: bold;
+ }
+
+ a:visited{
+ color: #72a7cf;
+ font-weight: bold;
+ }
+
+ #headerpic {
+ width: 60%;
+ height: auto;
+ margin-right : auto;
+ margin-left : auto;
+ min-width : 220px;
+ }
+
+ .header {
+ text-align: center;
+ padding: 32px;
+ }
+
+ .headertext {
+ text-align: center;
+ font-size: 120%;
+ font-weight: bold;
+ }
+
+ .subheadertext {
+ margin-left : 10%;
+ text-align: left;
+ font-size: 110%;
+ font-weight: bold;
+ }
+
+ .subheaderports {
+ margin-left : 10%;
+ text-align: left;
+ font-size: 110%;
+ font-weight: bold;
+ }
+
+ .helptext {
+ width: 80%;
+ text-align: left;
+ font-size: 100%;
+ margin-left : 10%;
+ }
+
+ .codetext {
+ font-family: Courier;
+ width: 80%;
+ text-align: left;
+ font-size: 100%;
+ margin-left : 10%;
+ }
+
+ .portstext {
+ width: 80%;
+ text-align: left;
+ font-size: 100%;
+ margin-left : 10%;
+ }
+
+ .row {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 0 4px;
+ }
+
+ .column {
+ -ms-flex: 25%;
+ flex: 15%;
+ max-width: 25%;
+ padding: 0 4px;
+ }
+
+ .column img {
+ margin-top: 8px;
+ vertical-align: middle;
+ }
+
+ @media screen and (max-width: 800px) {
+ .column {
+ -ms-flex: 50%;
+ flex: 50%;
+ max-width: 50%;
+ }
+ }
+
+ @media screen and (max-width: 200px) {
+ .column {
+ -ms-flex: 100%;
+ flex: 100%;
+ max-width: 100%;
+ }
+ }
+ </style>
+ <body>
+
+ <div class="header">
+ <a href="app_pihole.html"><img id="headerpic" class="img-responsive" src="images/logo.png" alt="Freedombone"></a>
+ </div>
+
+ <p class="headertext" translate="yes">pihole</p>
+
+ <p class="helptext" translate="yes">Unlike browser based ad blockers, pihole works at the domain name resolution level to block domains known to privide the ads appearing in web pages.</p>
+
+ <p class="helptext" translate="yes">Set your DNS IP address to the one shown and many ads will get blocked even before they're delivered to your laptop or mobile device. This can save a lot of bandwidth and generally speed up the loading of websites.</p>
+
+ <p class="helptext" translate="yes">On a GNU/Linux system the easiest way to set your DNS is:</p>
+
+ <p class="codetext" translate="yes">
+ sudo chattr -i /etc/resolv.conf
+ sudo nano /etc/resolv.conf
+ </p>
+
+ <p class="helptext" translate="yes">Remove or comment out any existing nameservers and add one with the IP address shown for the pihole app. Then save and exit and prevent the file from being automatically changed with:</p>
+
+ <p class="codetext" translate="yes">
+ sudo chattr +i /etc/resolv.conf
+ </p>
+
+ </body>
+</html>
--
GitLab