Update features

spn/index.html

@@ -95,7 +95,7 @@ layout: page
     <div class="general-layout">
         <div class="showcase-one-container-reverse">
             <div class="showcase-one-left" style="max-width: 850px;">
-                <img src="{{ site.img_url }}page-specific/spn/layers.gif" alt="">
+                <img src="{{ site.img_url }}page-specific/spn/multiple-identities-for-each-app.png" alt="">
             </div>
             <div class="showcase-one-right">
                 <div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
@@ -103,7 +103,7 @@ layout: page
                     <span>Alpha Software: the SPN is in active development </span>
                 </div>
                 <h2 class="showcase-one-right-title" style="max-width: 450px;">
-                    Onion Layer Encryption
+                    Multiple Identities for Each App
                 </h2>
                 <p class="showcase-one-right-desc">
                   Re-route all your connections through our multi-hop network
@@ -119,7 +119,7 @@ layout: page
         </div>
         <div class="showcase-one-container">
             <div class="showcase-one-left" style="max-width: 850px;">
-                <img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
+                <img src="{{ site.img_url }}page-specific/spn/access-regional-content-easily.png" alt="">
             </div>
             <div class="showcase-one-right">
                 <div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
@@ -127,7 +127,57 @@ layout: page
                     <span>Alpha Software: the SPN is in active development </span>
                 </div>
                 <h2 class="showcase-one-right-title" style="max-width: 450px;">
-                    Distributed Multi Identity Network
+                    Access Regional Content Easily
+                </h2>
+                <p class="showcase-one-right-desc">
+                  Instead of exiting all your traffic at one place, route every
+                  connection individually to spread your connections across the
+                  globe. Use vast amounts of identities (IP addresses) and limit
+                  your visibility in the "open" web.
+                </p>
+                <a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-vpns/">
+                  Compare the SPN to VPNs
+                </a>
+                <a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-community.png">
+                  View explainer-image
+                </a>
+            </div>
+        </div>
+        <div class="showcase-one-container-reverse">
+            <div class="showcase-one-left" style="max-width: 850px;">
+                <img src="{{ site.img_url }}page-specific/spn/built-from-the-ground-up.png" alt="">
+            </div>
+            <div class="showcase-one-right">
+                <div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
+                    <i class="icon-info text-md"></i>
+                    <span>Alpha Software: the SPN is in active development </span>
+                </div>
+                <h2 class="showcase-one-right-title" style="max-width: 450px;">
+                    Built From The Ground Up
+                </h2>
+                <p class="showcase-one-right-desc">
+                  Re-route all your connections through our multi-hop network
+                  to decouple your identity from the destination. With onion-
+                  encryption, no single party knows who you are and where you
+                  are going to. Inspired by Tor.
+                </p>
+                <a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-tor/">Compare the SPN to Tor</a>
+                <a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-core.png">
+                  View explainer-image
+                </a>
+            </div>
+        </div>
+        <div class="showcase-one-container">
+            <div class="showcase-one-left" style="max-width: 850px;">
+                <img src="{{ site.img_url }}page-specific/spn/easily-control-your-privacy.png" alt="">
+            </div>
+            <div class="showcase-one-right">
+                <div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
+                    <i class="icon-info text-md"></i>
+                    <span>Alpha Software: the SPN is in active development </span>
+                </div>
+                <h2 class="showcase-one-right-title" style="max-width: 450px;">
+                    Easily Control Your Privacy
                 </h2>
                 <p class="showcase-one-right-desc">
                   Instead of exiting all your traffic at one place, route every
@@ -162,29 +212,9 @@ layout: page
             </div>
             <div class="showcase-bg"></div>
         </div>
-        <div class="showcase-one-container-reverse">
-            <div class="showcase-one-left" style="max-width: 850px;">
-                <img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
-            </div>
-            <div class="showcase-one-right">
-                <div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
-                    <i class="icon-info text-md"></i>
-                    <span>Alpha Software: the SPN is in active development </span>
-                </div>
-                <h2 class="showcase-one-right-title" style="max-width: 450px;">
-                    Minimize Your Meta‑Data
-                </h2>
-                <p class="showcase-one-right-desc">
-                    With the SPN, your meta-data is stripped to a minimum.
-                    Abstracting even the size of outgoing packets to diminish
-                    what information third parties, like your ISP or the Wi-Fi
-                    operator of your local coffee place, can gather about you.
-                </p>
-            </div>
-        </div>
         <div class="showcase-one-container">
             <div class="showcase-one-left" style="max-width: 850px;">
-                <img src="{{ site.img_url }}page-specific/spn/switch.gif" alt="">
+                <img src="{{ site.img_url }}page-specific/spn/bye-bye-vpns.png" alt="">
             </div>
             <div class="showcase-one-right">
                 <div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
@@ -192,17 +222,18 @@ layout: page
                     <span>Alpha Software: the SPN is in active development </span>
                 </div>
                 <h2 class="showcase-one-right-title" style="max-width: 450px;">
-                    No Kill Switch Needed
+                    Bye Bye, VPNs
                 </h2>
                 <p class="showcase-one-right-desc">
-                    Get peace of mind instead of fearing data-leakage.
+                  Re-route all your connections through our multi-hop network
-                    <br>
+                  to decouple your identity from the destination. With onion-
-                    <br>
+                  encryption, no single party knows who you are and where you
-                    With the open source Portmaster, all your network connections are
+                  are going to. Inspired by Tor.
-                    intercepted at the kernel-level, putting an end to accidental data
-                    exposure.
                 </p>
-                <a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
+                <a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-tor/">Compare the SPN to Tor</a>
+                <a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-core.png">
+                  View explainer-image
+                </a>
             </div>
         </div>
         <div class="showcase-two-container" id="pricing">