Merge pull request #68 from ethersphere/Swarm-app

Swarm Desktop app

Author: significance

src/index.html

@@ -67,10 +67,10 @@
                   class="sr-only">(current)</span></a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="#section-why"><span class="navlink">Why</span></a>
+              <a class="nav-link" href="#section-how"><span class="navlink">How</span></a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="#section-how"><span class="navlink">How</span></a>
+              <a class="nav-link" href="#section-why"><span class="navlink">Why</span></a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="#section-ecosystem">Grants</a>
@@ -144,43 +144,31 @@ <h4>
       </div>
     </section>
 
-
-    <section class="section-dark" id="section-why">
+    <section class="section-dark" id="section-how">
       <div class="container">
-        <div class="section-content">
+        <div class="section-content section-right">
           <h5>
-            WHY SWARM?
+            How does it work?
           </h5>
           <h2>
-            Swarm exists so the internet can again be decentralised.
+            Swarm Desktop App offers an easy-to-use experience, giving everyone truly decentralised access to the Swarm network.
           </h2>
           <h4>
-            Swarm’s longer term vision is to become the operating system of the re-decentralised internet. It provides a
-            scalable and self-sustaining infrastructure for a supply-chain economy of data.
+            Get the best of Swarm by running a Bee light-node on your desktop, laptop or spare hardware to give you direct p2p access to the network, without any restricted and trustful centralised gateways.
           </h4>
-          <p>
-            <a class="more" data-toggle="collapse" href="#dark-section-more" moretext="tell me more">
-              tell me more
-            </a>
-          </p>
-          <div class="collapse" id="dark-section-more">
-            <p>The Internet is no longer just a niche where geeks play. It has become a fundamental conduit of value
-              creation and a huge share of overall economic activity. Yet the data economy in it’s current state is far
-              from fair, the distribution of the spoils is under the control of those who control the data - mostly
-              companies keeping the data to themselves in isolated data silos. To achieve the goal of a fair data
-              economy many social, legal and technological issues will have to be tackled.
-          </div>
+          
           <div class="spacer"></div>
-          <!-- <div class="more btn btn-orange">
-            <a class="nav-link" href="#question-who">
-              <span class="navlink">register</span>
+
+          <div class="more btn btn-light">
+            <a class="nav-link" href="https://desktop.ethswarm.org/" target="_blank">
+              <span class="navlink">learn more about Swarm Desktop app</span>
             </a>
-          </div> -->
+          </div>
         </div>
-      </div>
     </section>
+   
 
-    <section class="section-orange" id="section-how">
+    <section class="section-orange">
       <div class="container">
         <div class="section-content section-right">
           <h5>
@@ -218,6 +206,41 @@ <h4>Bee will happily fly on MacOS, Windows and various Linux flavors.</h4>
         </div>
       </div>
     </section>
+    
+    <section class="section-dark" id="section-why">
+      <div class="container">
+        <div class="section-content">
+          <h5>
+            WHY SWARM?
+          </h5>
+          <h2>
+            Swarm exists so the internet can again be decentralised.
+          </h2>
+          <h4>
+            Swarm’s longer term vision is to become the operating system of the re-decentralised internet. It provides a
+            scalable and self-sustaining infrastructure for a supply-chain economy of data.
+          </h4>
+          <p>
+            <a class="more" data-toggle="collapse" href="#dark-section-more" moretext="tell me more">
+              tell me more
+            </a>
+          </p>
+          <div class="collapse" id="dark-section-more">
+            <p>The Internet is no longer just a niche where geeks play. It has become a fundamental conduit of value
+              creation and a huge share of overall economic activity. Yet the data economy in it’s current state is far
+              from fair, the distribution of the spoils is under the control of those who control the data - mostly
+              companies keeping the data to themselves in isolated data silos. To achieve the goal of a fair data
+              economy many social, legal and technological issues will have to be tackled.
+          </div>
+          <div class="spacer"></div>
+          <!-- <div class="more btn btn-orange">
+            <a class="nav-link" href="#question-who">
+              <span class="navlink">register</span>
+            </a>
+          </div> -->
+        </div>
+      </div>
+    </section>
 
 
     <section class="section-light" id="section-jobs">