Merge pull request #173 from safing/maintenance/spn-goes-alpha

SPN goes alpha website adoptions
2025-09-01 10:39:03 +00:00 · 2021-12-06 16:05:38 +01:00 · 2021-12-06 16:05:38 +01:00 · f3e0a94e29
commit f3e0a94e29
parent 27fa0002f8 dd12305191
6 changed files with 113 additions and 27 deletions
--- a/_data/faq.yml
+++ b/_data/faq.yml
@ -1,14 +1,14 @@
 spn:
-  - q: Is the SPN out yet?
-    a: "On the 12th of October 2021, the SPN has migrated to the \"Broader Testing\" phase."
+  - q: Can I use the SPN?
+    a: "Yes! Everybody who pays for the SPN can directly enjoy its privacy protections."
    link:
-      text: Find out more about the SPN's current goals and status
-      url: https://docs.safing.io/spn/broader-testing/status
-  - q: When can I use the SPN?
-    a: "Everyone who pre-ordered before September 30th, 2021 can join the \"Broader Testing\" phase free of charge. We are doing our best to push the SPN further so everybody will be able to enjoy their SPN subscription."
+      text: "Look at the current status and capabilities of the SPN"
+      url: https://docs.safing.io/spn/alpha/status
+  - q: "What does \"Alpha\" mean for the SPN?"
+    a: "It means the SPN is available to everyone. But as the SPN is in an early stage, you should still expect bugs here and there, even as a paying customer. We are working hard on making things better!"
    link:
-      text: "Find out more about the \"Broader Testing\" phase"
-      url: https://safing.io/blog/2021/10/01/spn-enters-broader-testing-phase/
+      text: "Check out the current status and capabilities of the SPN"
+      url: https://docs.safing.io/spn/alpha/status
  - q: Is the SPN like Tor?
    a: The SPN is heavily inspired by Tor, but the mission is different. Next to tightly integrating with other privacy modules, the main focus of the SPN is easy protection for your whole computer, not just your browser. Additionally it spreads your connections across the globe instead of routing everything through the same circuit.
    link:
@ -39,7 +39,7 @@ spn:
  - q: What platforms will you support?
    a: Since the SPN is integrated into the Portmaster, we support the same platforms as the Portmaster software. Currently these are Windows and Linux. Mac and Mobile are planned, but are further down the road.
  - q: Is there a free trial version for people interested in the SPN?
-    a: No. Providing the network costs us money, so we charge accordingly. However, the privacy filter and DNS Resolver, which add a great value to your privacy, are and will remain free to use.
+    a: No. Providing the network costs us money, so we charge accordingly. However, the Portmaster with its many local privacy features are and will remain free to use.
 portmaster:
  - q: How do you make money? What is the catch?
    a: In short, our business model is Freemium. First provide local privacy for free, forever. Then let happy users support us by paying for a powerful VPN alternative. Finally reinvest earnings into making all our products better.
--- a/_includes/nav.html
+++ b/_includes/nav.html
@ -27,6 +27,11 @@
            Portmaster
          </a>
        </li>
+        <li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
+          <a href="{{ site.spn_url }}" class="ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-55  transition duration-150 ease-in-out opacity-100">
+            SPN
+          </a>
+        </li>
        <li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
          <a href="{{ site.docs_url }}" class=" ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-55  transition duration-150 ease-in-out opacity-100">
            Docs
--- a/_publications/2021-10-01-spn-enters-broader-testing-phase.md
+++ b/_publications/2021-10-01-spn-enters-broader-testing-phase.md
@ -9,6 +9,9 @@ custom_thumbnail_name: spn-enters-broader-testing-phase
 portmaster_plug: true
 ---

+> **Note December 2nd 2021:**  
+> This blog post is outdated. [Check out the SPNs latest status.](https://docs.safing.io/spn/alpha/status)
+
 ## On October 12th, the SPN reached the "Broader Testing"

 ### What Does It Cost?
@ -55,7 +58,7 @@ We are super glad the SPN finally achieved this milestone and are hard at work p

 ## SPN "Broader Testing" Status and Goals

-As we are heavily iterating and improving the SPN, all goals, issues and next steps will change over the next weeks. [Visit the SPN Status Page in our docs](https://docs.safing.io/spn/broader-testing/status) for an up-to-date version.
+As we are heavily iterating and improving the SPN, all goals, issues and next steps will change over the next weeks. [Visit the SPN Status Page in our docs](https://docs.safing.io/spn/alpha/status) for an up-to-date version.

 ### Snapshot as of October 11th

--- a/_publications/2021-12-06-spn-reaches-alpha.md
+++ b/_publications/2021-12-06-spn-reaches-alpha.md
@ -0,0 +1,49 @@
+---
+# possible values: blog video podcast
+category: blog
+layout:   blog
+title: "Safing Privacy Network Reaches \"Alpha\""
+date: 2021-12-06
+author: david
+custom_thumbnail_name: spn-reaches-alpha
+---
+
+In October 2020 one of our supporters joked around and said he would gift us a video game if he got access to the SPN before Christmas. I am happy to announce we technically made it.
+
+### All Customers Now Get SPN Access 🎉
+
+Yes, as of today, all customers get access to the SPN. Whether you pre-ordered the SPN a while ago or are going to purchase it today. You are in!
+
+### To Celebrate, All Customers Can Use the SPN For Free in December
+
+This is an exciting moment for all of us. To celebrate and to say thanks, all customers can [use the SPN for free](http://account.safing.io/spn-reaches-alpha) throughout December 2021. Every paying person, new or old, gets automatic access.
+
+Of course the free SPN access will not charge for your paid subscription. Only after the free period you will decide when to start your paid subscription.
+
+### Check Out the SPN's Current Status
+
+Since the SPN is in "Alpha", we highly recommend you [check out the current status and capabilities of the SPN](https://docs.safing.io/spn/alpha/status).
+
+#### Switch Your Release Channel to Get the Newest Updates
+
+Both the Portmaster and the SPN receive stable updates every few weeks. But in reality, improvements and fixes are pushed even faster. You can switch your [Release Channel](https://docs.safing.io/portmaster/settings#core/releaseChannel) to "Beta" in the Portmaster settings to get access to all improvements sooner.
+
+#### How To Report Bugs
+
+If you stumble across bugs, please report them to the [SPN repository on GitHub](https://github.com/safing/spn/issues) or send us an email to <support@safing.io>.
+
+### A Long, Research-Heavy Chapter Concludes
+
+The Portmaster and the SPN have been years in the making. Safing is nearing its 5th anniversary, and concepts of these privacy solutions go even further back. Needless to say we are excited for this new chapter.
+
+#### Expect Lots of Incremental Updates From Here On Out
+
+In this new chapter, we no longer have to _build new products_, but we can _improve existing products_. The products still have their quirks, and our research is not done, but now we can focus our efforts on improving the tools.
+
+So expect plenty of bug fixes, better technical stability and user experience, and of course some cool new features. Especially the SPN has a lot to see forward to; we decided to hide most of its features and only make them visible once we know how to properly present them.
+
+As always, we will keep you in the loop with everything that is happening on the [What's Next? page]({{ site.next_page_url }}) as well as via [our newsletter]({{ site.newsletter_url }}).
+
+#### Thanks to Everyone Who Is Part of the Journey
+
+We are super glad the SPN finally achieved this milestone and are hard at work pushing both the SPN and Portmaster into "Beta" and beyond. Thank you for your patience, your excitement, your support and your trust.
--- a/assets/img/thumbnails/blog/spn-reaches-alpha.png
+++ b/assets/img/thumbnails/blog/spn-reaches-alpha.png
--- a/spn/index.html
+++ b/spn/index.html
@ -5,10 +5,16 @@ layout: page

 <div class="notification w-full text-center text-white p-2" style="background-color: #6188ff;">
  <div class="mx-auto flex">
+    <!-- use this disclaimer after the free month
    <img src="{{ site.img_url }}icons/info.svg" class="ml-auto h-4 w-4 self-center mr-2">
    <div class="mr-auto">
-      <span class="w-auto text-sm">SPN is in the "Broader Testing" phase. That is why there are no screenshots of the software on this page.</span>
-      <a href="/spn/#faq" class="underline text-sm self-center ml-2 ">Read FAQ</a>
+      <span class="w-auto text-sm">SPN is in Alpha - expect hickups here and there, even as a customer.</span>
+    </div>
+    -->
+    <div class="mx-auto">
+      <a data-method="get" href="https://account.safing.io/spn-reaches-alpha">
+        <span class="w-auto text-sm">SPN reached "Alpha". To celebrate, all customers can <span class="underline">use the SPN for FREE</span> in December 🎉</span>
+      </a>
    </div>
  </div>
 </div>
@ -42,11 +48,11 @@ layout: page
            <div class="py-10 sm:py-10 md:flex text-center">
              <a href="#pricing">
                <button type="button" style="background-color: #6188ff;" class="mb-5 md:mb-0 transform hover:scale-95 inline-flex items-center px-5 px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
-                  <span class="pr-3 text-2xl wiggle">🎉</span>Pre-order SPN
+                  Get Started
                </button>
              </a>
              <br>
-              <a href="{{ site.portmaster_url }}" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">Built on the Portmaster</a>
+              <a href="{{ site.portmaster_url }}" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">Built into the Portmaster</a>
            </div>
          </div>
        </div>
@ -70,6 +76,10 @@ layout: page
          <img src="{{ site.img_url }}page-specific/spn/layers.gif" alt="">
        </div>
        <div class="inline-block max-w-lg">
+          <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
+            <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
+            Alpha Software: the SPN is in active development
+          </div>
          <h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-2/3">
            Onion Layer Encryption
          </h2>
@ -97,6 +107,10 @@ layout: page
          <img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
        </div>
        <div class="inline-block max-w-lg">
+          <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
+            <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
+            Alpha Software: the SPN is in active development
+          </div>
          <h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold py-10 lg:w-auto">
            Minimize Your Meta&#8209;Data
          </h2>
@ -117,6 +131,10 @@ layout: page
          <img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
        </div>
        <div class="inline-block max-w-lg">
+          <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
+            <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
+            Alpha Software: the SPN is in active development
+          </div>
          <h2 style="max-width: 470px; line-height: 60px;" class="text-5xl  tracking-tight font-extrabold leading-none py-10">
            Distributed Multi Identity Network
          </h2>
@ -147,6 +165,10 @@ layout: page
          <img src="{{ site.img_url }}page-specific/spn/switch.gif" alt="">
        </div>
        <div class="inline-block max-w-lg">
+          <div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
+            <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
+            Alpha Software: the SPN is in active development
+          </div>
          <h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-2/3">
            No Kill Switch Needed
          </h2>
@ -171,21 +193,28 @@ layout: page
 <section class="mt-16 lg:mt-48">
  <div class="items-center h-full">
    <div>
-      <div class="max-w-full mx-auto px-4 sm:px-6">
+      <div class="max-w-full mx-auto px-4 sm:px-6" id="pricing">
        <div class="py-12 bg-white">
-          <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8" id="pricing">
+          <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center">
-              <h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
-                Pre-Order the SPN
+              <a data-method="get" href="https://account.safing.io/spn-reaches-alpha">
+                <button class="w-full h-auto md:h-12 text-sm md:text-md rounded-lg text-center p-3 transform hover:scale-105 duration-150 ease-in-out text-white pointer-cursor" style="background-color: #436ded; margin-bottom: 4em;">
+                  SPN reached "Alpha". To celebrate, all customers can
+                  <span class="underline">use the SPN for FREE</span>
+                  in December 🎉
+                </button>
+              </a>
+              <h2 class="text-5xl tracking-tight font-extrabold leading-none px-10 py-6 text-center">
+                Protect Your Connections Today
              </h2>
-              <p class="text-md opacity-55">
-                Lock in the lower prices forever and join the waitlist to become one of the first SPN users.
+              <p class="text-md opacity-55 pb-8">
+                Subscribe to the SPN and lock in the lower Alpha prices forever.
              </p>
            </div>
-            <div class="mt-16">
+            <div class="">
              <ul class="md:grid md:grid-cols-2 lg:grid-cols-2 md:col-gap-8 md:row-gap-10 max-w-4xl mr-auto ml-auto">
                <li class="text-center md:text-left">
-                  <div class="block transform hover:scale-105 duration-150 ease-in-out hover p-16 rounded-lg">
+                  <div class="block transform hover:scale-105 duration-150 ease-in-out hover px-16 py-10 rounded-lg">
                    <span class="text-2xl">Early Adopter Monthly</span>
                    <div class="block pb-6">
                      <h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">9.90€ <span class="opacity-55" style="font-size: 1.1rem; font-weight: 500;">/ per month</span></h1>
@ -199,16 +228,16 @@ layout: page
                      <li class="pt-4 opacity-55">17% off compared to Beta-Prices</li>
                    </ul>
                    <div class="pt-16">
-                      <a href="{{ site.account_server_url }}pricing">
+                      <a href="{{ site.account_server_url }}plans/1/subscribe">
                        <button type="button" style="background-color: #000;" class="w-full text-center items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white transition duration-150 ease-in-out uppercase">
-                          Pre-Order
+                          Subscribe
                        </button>
                      </a>
                    </div>
                  </div>
                </li>
                <li class="mt-10 md:mt-0 text-center md:text-left">
-                  <div class="block transform hover:scale-105 duration-150 ease-in-out hover p-16 rounded-lg">
+                  <div class="block transform hover:scale-105 duration-150 ease-in-out hover px-16 py-10 rounded-lg">
                    <span class="text-2xl">Early Adopter Yearly</span>
                    <div class="block pb-6">
                      <h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">99.00€ <span class="opacity-55" style="font-size: 1.1rem; font-weight: 500;">/ per year</span></h1>
@ -222,9 +251,9 @@ layout: page
                      <li class="pt-4 opacity-55">30% off compared to Beta-Prices</li>
                    </ul>
                    <div class="pt-16">
-                      <a href="{{ site.account_server_url }}pricing">
+                      <a href="{{ site.account_server_url }}plans/2/subscribe">
                        <button type="button" style="background-color: #000;" class="w-full text-center items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white transition duration-150 ease-in-out uppercase">
-                          Pre-Order
+                          Subscribe
                        </button>
                      </a>
                    </div>