From 075762875d6d7e3b21b97a08e78bb325251444c4 Mon Sep 17 00:00:00 2001
From: davegson <3080765+davegson@users.noreply.github.com>
Date: Fri, 8 Nov 2019 18:32:22 +0100
Subject: [PATCH] Beautify new html

---
 _includes/new/about-short.html | 18 +++----
 _includes/new/cast.html        | 80 +++++++++++++--------------
 _includes/new/features.html    | 70 ++++++++++++------------
 _includes/new/footer.html      | 62 ++++++++++-----------
 _includes/new/header.html      | 73 ++++++++++++-------------
 _includes/new/map.html         | 26 ++++-----
 _includes/new/nav.html         | 25 ++++-----
 _includes/new/overview.html    | 98 +++++++++++++++++-----------------
 _layouts/page_column.html      |  3 +-
 9 files changed, 223 insertions(+), 232 deletions(-)

diff --git a/_includes/new/about-short.html b/_includes/new/about-short.html
index cccc7ef..e4a6bb0 100644
--- a/_includes/new/about-short.html
+++ b/_includes/new/about-short.html
@@ -1,10 +1,10 @@
 <content>
-    <div class="about-short">
-        <h1>For us, privacy isn't just a feature</h1>
-        <p>
-            it's the foundation we build our products on. We make 
-            sacrifices on  all other fronts to protect your privacy and 
-            push the limits of technology to do so.
-        </p>
-    </div>
-</content>
\ No newline at end of file
+  <div class="about-short">
+    <h1>For us, privacy isn't just a feature</h1>
+    <p>
+      it's the foundation we build our products on. We make
+      sacrifices on all other fronts to protect your privacy and
+      push the limits of technology to do so.
+    </p>
+  </div>
+</content>
diff --git a/_includes/new/cast.html b/_includes/new/cast.html
index c9027b2..94c5c95 100644
--- a/_includes/new/cast.html
+++ b/_includes/new/cast.html
@@ -1,42 +1,42 @@
-<content >
-    <div class="cast">   
-        <div class="c-l">
-            <a href="">
-                <img src="{{ site.img_url }}podcast.png" alt="">
-                <div>
-                    <span>How to evaluate and trust a business?</span>
-                    <p>#004</p>
-                </div>
-            </a>
-            <a href="">
-                <img src="{{ site.img_url }}podcast.png" alt="">
-                <div>
-                    <span>How to evaluate and trust a business?</span>
-                    <p>#004</p>
-                </div>
-            </a>
-            <a href="">
-                <img src="{{ site.img_url }}podcast.png" alt="">
-                <div>
-                    <span>How to evaluate and trust a business?</span>
-                    <p>#004</p>
-                </div>
-            </a>
-            <a href="">
-                <img src="{{ site.img_url }}podcast.png" alt="">
-                <div>
-                    <span>How to evaluate and trust a business?</span>
-                    <p>#004</p>
-                </div>
-            </a>
+<content>
+  <div class="cast">
+    <div class="c-l">
+      <a href="">
+        <img src="{{ site.img_url }}podcast.png" alt="">
+        <div>
+          <span>How to evaluate and trust a business?</span>
+          <p>#004</p>
         </div>
-        <div class="c-r">
-            <h1>Stay up to dat with whats been going on</h1>
-            <p>
-                it's the foundation we build our products on. We make
-                sacrifices on  all other fronts to protect your privacy and
-                push the limits of technology to do so.
-            </p>
-        </div>    
+      </a>
+      <a href="">
+        <img src="{{ site.img_url }}podcast.png" alt="">
+        <div>
+          <span>How to evaluate and trust a business?</span>
+          <p>#004</p>
+        </div>
+      </a>
+      <a href="">
+        <img src="{{ site.img_url }}podcast.png" alt="">
+        <div>
+          <span>How to evaluate and trust a business?</span>
+          <p>#004</p>
+        </div>
+      </a>
+      <a href="">
+        <img src="{{ site.img_url }}podcast.png" alt="">
+        <div>
+          <span>How to evaluate and trust a business?</span>
+          <p>#004</p>
+        </div>
+      </a>
     </div>
-</content>
\ No newline at end of file
+    <div class="c-r">
+      <h1>Stay up to dat with whats been going on</h1>
+      <p>
+        it's the foundation we build our products on. We make
+        sacrifices on all other fronts to protect your privacy and
+        push the limits of technology to do so.
+      </p>
+    </div>
+  </div>
+</content>
diff --git a/_includes/new/features.html b/_includes/new/features.html
index 4130091..e5e038d 100644
--- a/_includes/new/features.html
+++ b/_includes/new/features.html
@@ -1,37 +1,37 @@
 <content>
-    <div class="features">
-        <div>
-            <img src="{{ site.icons_url }}lock.svg" alt="">
-            <div>
-                <span>True Privacy</span>
-                <p>
-                    Stay private while surfing the Web with 
-                    you are in charge of where your traffic 
-                    handle connections
-                </p>
-            </div>
-        </div>
-        <div>
-            <img src="{{ site.icons_url }}shield.svg" alt="">
-            <div>
-                <span>True Privacy</span>
-                <p>
-                    Stay private while surfing the Web with 
-                    you are in charge of where your traffic 
-                    handle connections
-                </p>
-            </div>
-        </div>
-        <div>
-            <img src="{{ site.icons_url }}community.svg" alt="">
-            <div>
-                <span>True Privacy</span>
-                <p>
-                    Stay private while surfing the Web with 
-                    you are in charge of where your traffic 
-                    handle connections
-                </p>
-            </div>
-        </div>
+  <div class="features">
+    <div>
+      <img src="{{ site.icons_url }}lock.svg" alt="">
+      <div>
+        <span>True Privacy</span>
+        <p>
+          Stay private while surfing the Web with
+          you are in charge of where your traffic
+          handle connections
+        </p>
+      </div>
     </div>
-</content>  
\ No newline at end of file
+    <div>
+      <img src="{{ site.icons_url }}shield.svg" alt="">
+      <div>
+        <span>True Privacy</span>
+        <p>
+          Stay private while surfing the Web with
+          you are in charge of where your traffic
+          handle connections
+        </p>
+      </div>
+    </div>
+    <div>
+      <img src="{{ site.icons_url }}community.svg" alt="">
+      <div>
+        <span>True Privacy</span>
+        <p>
+          Stay private while surfing the Web with
+          you are in charge of where your traffic
+          handle connections
+        </p>
+      </div>
+    </div>
+  </div>
+</content>
diff --git a/_includes/new/footer.html b/_includes/new/footer.html
index 4b2e1e9..a33eab3 100644
--- a/_includes/new/footer.html
+++ b/_includes/new/footer.html
@@ -1,32 +1,32 @@
 <footer class="f-bg">
-    <div class="list">
-        <ul>
-            <span>Company</span>
-            <li><a href="{{ site.community_hub_url }}">Community Hub</a></li>
-            <li><a href="{{ site.jobs_url }}">Jobs</a></li>
-        </ul>
-        <ul>
-            <span>Podcast</span>
-            <li><a href="{{ site.podcast_url }}">Overview</a></li>
-            <li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
-        </ul>
-        <ul>
-            <span>Resources</span>
-            <li><a href="{{ site.technology_url }}">Technology</a></li>
-            <li><a href="{{ site.contact_url }}">Contact Us</a></li>
-        </ul>
-        <ul>
-            <span>Social</span>
-            <li><a href="{{ site.podcast_url }}">Overview</a></li>
-            <li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
-        </ul>
-    </div>
-    <div class="legal">
-        <ul>
-            <li><a href="{{ site.terms_url }}">Terms</a></li>
-            <li><a href="{{ site.privacy_url }}">Privacy</a></li>
-            <li><a href="{{ site.contact_url }}">Contact & Legal</a></li>
-            <li>Safing NOC © 2019</li>
-        </ul>
-    </div>
-</footer>
\ No newline at end of file
+  <div class="list">
+    <ul>
+      <span>Company</span>
+      <li><a href="{{ site.community_hub_url }}">Community Hub</a></li>
+      <li><a href="{{ site.jobs_url }}">Jobs</a></li>
+    </ul>
+    <ul>
+      <span>Podcast</span>
+      <li><a href="{{ site.podcast_url }}">Overview</a></li>
+      <li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
+    </ul>
+    <ul>
+      <span>Resources</span>
+      <li><a href="{{ site.technology_url }}">Technology</a></li>
+      <li><a href="{{ site.contact_url }}">Contact Us</a></li>
+    </ul>
+    <ul>
+      <span>Social</span>
+      <li><a href="{{ site.podcast_url }}">Overview</a></li>
+      <li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
+    </ul>
+  </div>
+  <div class="legal">
+    <ul>
+      <li><a href="{{ site.terms_url }}">Terms</a></li>
+      <li><a href="{{ site.privacy_url }}">Privacy</a></li>
+      <li><a href="{{ site.contact_url }}">Contact & Legal</a></li>
+      <li>Safing NOC © 2019</li>
+    </ul>
+  </div>
+</footer>
diff --git a/_includes/new/header.html b/_includes/new/header.html
index 99739a2..334417d 100644
--- a/_includes/new/header.html
+++ b/_includes/new/header.html
@@ -1,43 +1,38 @@
 <header class="h-bg">
-    <div class="h-l">
-        <div class="h-l-i">
-            <img src="{{ site.img_url }}video-placeholder.png" alt="">
-        </div>
-        <!--<div class="h-l-v">
-            <button><img src="{{ site.assets_url }}/assets/icons/play.svg" alt=""></button>
-            <video src="https://v.kickstarter.com/1572651585_3012d9a6f389c4f2e04ac2fe654ffa38ac2b6044/projects/3796355/video-994941-h264_high.mp4"></video>        </div>
-        <div>-->
-            <span>Supported by</span>
-            <ul>
-                <li><img src="{{ site.img_url }}esa.png" alt=""></li>
-                <li><img src="{{ site.img_url }}netidee.png" alt=""></li>
-                <li><img src="{{ site.img_url }}excellence.png" alt=""></li>
-                <li><img src="{{ site.img_url }}ffg.png" alt=""></li>
-            </ul>
-        </div>
+  <div class="h-l">
+    <div class="h-l-i">
+      <img src="{{ site.img_url }}video-placeholder.png" alt="">
     </div>
-    <div class="h-r">
-        <span>Take back controll</span>
-        <h1>Privacy Network</h1>
-        <p>
-            Stay private while surfing the Web with Gate17. Now 
-            you are in charge of where your traffic is going: you can 
-            handle connections separately, choosing where each 
-            shall leave  the network.
-        </p>
-        <ul>
-            <li>
-                <span>917,188</span>
-                <p>Raised</p>
-            </li>
-            <li>
-                <span>7,188</span>
-                <p>Backers</p>
-            </li>
-        </ul>
-        <div>
-            <button><img src="{{ site.icons_url }}kickstarter.svg" alt=""><span>kickstarter</span></button>
-            <span>or <a href="#">sign up for beta</a></span>
-        </div>
+    <span>Supported by</span>
+    <ul>
+      <li><img src="{{ site.img_url }}esa.png" alt=""></li>
+      <li><img src="{{ site.img_url }}netidee.png" alt=""></li>
+      <li><img src="{{ site.img_url }}excellence.png" alt=""></li>
+      <li><img src="{{ site.img_url }}ffg.png" alt=""></li>
+    </ul>
+  </div>
+  <div class="h-r">
+    <span>Take back controll</span>
+    <h1>Privacy Network</h1>
+    <p>
+      Stay private while surfing the Web with Gate17. Now
+      you are in charge of where your traffic is going: you can
+      handle connections separately, choosing where each
+      shall leave the network.
+    </p>
+    <ul>
+      <li>
+        <span>917,188</span>
+        <p>Raised</p>
+      </li>
+      <li>
+        <span>7,188</span>
+        <p>Backers</p>
+      </li>
+    </ul>
+    <div>
+      <button><img src="{{ site.icons_url }}kickstarter.svg" alt=""><span>kickstarter</span></button>
+      <span>or <a href="#">sign up for beta</a></span>
     </div>
+  </div>
 </header>
diff --git a/_includes/new/map.html b/_includes/new/map.html
index 5826a47..e80ff6f 100644
--- a/_includes/new/map.html
+++ b/_includes/new/map.html
@@ -1,15 +1,15 @@
 <content>
-    <div class="map">
-        <div class="m-l">
-            <img src="{{ site.img_url }}map.gif" alt="">
-        </div>
-        <div class="m-r">
-            <h1>The next evolution of the internet</h1>
-            <p>
-                it's the foundation we build our products on. We make 
-                sacrifices on  all other fronts to protect your privacy and 
-                push the limits of technology to do so.
-            </p>
-        </div>
+  <div class="map">
+    <div class="m-l">
+      <img src="{{ site.img_url }}map.gif" alt="">
     </div>
-</content>
\ No newline at end of file
+    <div class="m-r">
+      <h1>The next evolution of the internet</h1>
+      <p>
+        it's the foundation we build our products on. We make
+        sacrifices on all other fronts to protect your privacy and
+        push the limits of technology to do so.
+      </p>
+    </div>
+  </div>
+</content>
diff --git a/_includes/new/nav.html b/_includes/new/nav.html
index 8b1a3b0..909960b 100644
--- a/_includes/new/nav.html
+++ b/_includes/new/nav.html
@@ -1,16 +1,13 @@
 <nav>
-    <a href="">
-        <div>
-            <img src="{{ site.img_url }}logo.png" alt="">
-            <p>Safing<span>.io</span></p>
-        </div>
-    </a>
-    <ul>        
-        <li><a href="#">Community</a></li>
-        <li><a href="#">Jobs</a></li>
-        <li><a href="#">About</a></li>   
-    </ul>
+  <a href="">
+    <div>
+      <img src="{{ site.img_url }}logo.png" alt="">
+      <p>Safing<span>.io</span></p>
+    </div>
+  </a>
+  <ul>
+    <li><a href="#">Community</a></li>
+    <li><a href="#">Jobs</a></li>
+    <li><a href="#">About</a></li>
+  </ul>
 </nav>
-
-
-
diff --git a/_includes/new/overview.html b/_includes/new/overview.html
index bb35eac..f829c3e 100644
--- a/_includes/new/overview.html
+++ b/_includes/new/overview.html
@@ -1,51 +1,51 @@
 <content>
-    <div class="overview">
-        <div class="o-l">
-            <h1>Explore user behavior on an individual level of detail</h1>
-            <p>
-                it's the foundation we build our products on. We make 
-                sacrifices on  all other fronts to protect your privacy and 
-                push the limits of technology to do so.
-            </p>
-        </div>
-        <div class="o-r">
-            <div class="left">
-                <div>
-                    <img src="{{ site.icons_url }}lock.svg" alt="">
-                    <div>
-                        <span>True Privacy</span>
-                        <p>
-                            Stay private while surfing the Web with 
-                            you are in charge of where your traffic 
-                            handle connections
-                        </p>
-                    </div>
-                </div>
-                <div>
-                    <img src="{{ site.icons_url }}shield.svg" alt="">
-                    <div>
-                        <span>True Privacy</span>
-                        <p>
-                            Stay private while surfing the Web with 
-                            you are in charge of where your traffic 
-                            handle connections
-                        </p>
-                    </div>
-                </div>
-            </div>
-            <div>
-                <div class="right">
-                    <img src="{{ site.icons_url }}community.svg" alt="">
-                    <div>
-                        <span>True Privacy</span>
-                        <p>
-                            Stay private while surfing the Web with 
-                            you are in charge of where your traffic 
-                            handle connections
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
+  <div class="overview">
+    <div class="o-l">
+      <h1>Explore user behavior on an individual level of detail</h1>
+      <p>
+        it's the foundation we build our products on. We make
+        sacrifices on all other fronts to protect your privacy and
+        push the limits of technology to do so.
+      </p>
     </div>
-</content>
\ No newline at end of file
+    <div class="o-r">
+      <div class="left">
+        <div>
+          <img src="{{ site.icons_url }}lock.svg" alt="">
+          <div>
+            <span>True Privacy</span>
+            <p>
+              Stay private while surfing the Web with
+              you are in charge of where your traffic
+              handle connections
+            </p>
+          </div>
+        </div>
+        <div>
+          <img src="{{ site.icons_url }}shield.svg" alt="">
+          <div>
+            <span>True Privacy</span>
+            <p>
+              Stay private while surfing the Web with
+              you are in charge of where your traffic
+              handle connections
+            </p>
+          </div>
+        </div>
+      </div>
+      <div>
+        <div class="right">
+          <img src="{{ site.icons_url }}community.svg" alt="">
+          <div>
+            <span>True Privacy</span>
+            <p>
+              Stay private while surfing the Web with
+              you are in charge of where your traffic
+              handle connections
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</content>
diff --git a/_layouts/page_column.html b/_layouts/page_column.html
index 8d3fdba..95d9bcf 100644
--- a/_layouts/page_column.html
+++ b/_layouts/page_column.html
@@ -7,5 +7,4 @@ layout: page
       {{ content }}
     </div>
   </div>
-  
-</content>
\ No newline at end of file
+</content>