updates content, layout after feedback

_layouts/default.html

@@ -79,9 +79,6 @@ <h1><a href="https://tessel.io/"><nobr><img src=
         <li>
           <a href="{{ site.baseurl }}/wifi.html">wifi</a>
         </li>
-        <li>
-          <a href="{{ site.baseurl }}/ap.html">access point</a>
-        </li>
         <li>
           <a href="{{ site.baseurl }}/blinky.html">blinky</a>
         </li>
@@ -91,6 +88,9 @@ <h1><a href="https://tessel.io/"><nobr><img src=
         <li>
           <a href="{{ site.baseurl }}/tweet.html">tweet</a>
         </li>
+        <li>
+          <a href="{{ site.baseurl }}/ap.html">access point</a>
+        </li>
         <li>
           <a href="{{ site.baseurl }}/webserver.html">webserver</a>
         </li>
@@ -116,13 +116,10 @@ <h1><a href="https://tessel.io/"><nobr><img src=
           <a href="{{ site.baseurl }}/wifi.html">2. wifi</a>
         </li>
         <li>
-          <a href="{{ site.baseurl }}/ap.html">3. access point</a>
-        </li>
-        <li>
-          <a href="{{ site.baseurl }}/blinky.html">4. blinky</a>
+          <a href="{{ site.baseurl }}/blinky.html">3. blinky</a>
         </li>
         <li>
-          <a href="{{ site.baseurl }}/modules.html">5. modules<!--ul-->
+          <a href="{{ site.baseurl }}/modules.html">4. modules<!--ul-->
           <ul>
             <li style="padding-left:10px;">
               <a href="{{ site.baseurl }}/modules/accelerometer.html" class=
@@ -157,7 +154,10 @@ <h1><a href="https://tessel.io/"><nobr><img src=
           </ul></a>
         </li>
         <li>
-          <a href="{{ site.baseurl }}/tweet.html">6. tweet</a>
+          <a href="{{ site.baseurl }}/tweet.html">5. tweet</a>
+        </li>
+        <li>
+          <a href="{{ site.baseurl }}/ap.html">6. access point</a>
         </li>
         <li>
           <a href="{{ site.baseurl }}/webserver.html">7. webserver</a>

ap.md

@@ -8,7 +8,7 @@
 
 A typical WiFi setup consists of a couple of devices: a modem, which is connected by wire to the internet, and a wireless access point (also called a WAP or router), wired to the modem, which directs requests and responses between every device on the network.
 
-As explained in [wifi tutorial](/wifi.html), Tessel 2 can easily connect to wifi networks using the command line tool. If your computer is connected to the same WAP as the Tessel, then the two devices can talk to each other. This is how we push code to Tessel over LAN (local area network).
+As explained in the [wifi tutorial](/wifi.html), Tessel 2 can easily connect to wifi networks using the command line tool. If your computer is connected to the same WAP as the Tessel, then the two devices can talk to each other. This is how we push code to Tessel over LAN (local area network).
 
 The connection setup looks about like this:
 
@@ -28,20 +28,18 @@ We can't access the Internet without a modem, but we can create a LAN connection
 <div class="small-12 columns">
 This tutorial shows you to turn Tessel into a wireless access point, thus creating your own local network.
 </div>
+<hr>
 </div>
 
+
 <div class="row">
-<div class="large-12 columns">
+<div class="small-12 large-6 columns">
 
-<hr>
 
 In the terminal, run the following command:
 
 `t2 ap -n MyTessel`
 
-</div>
-
-<div class="small-12 large-6 columns">
 This will make an open, or password-less, wifi network called MyTessel. 
 
 Open the wifi setting of your computer, or a separate device like a smartphone or tablet, and scan for new devices to see and connect to this new network.  
@@ -52,22 +50,19 @@ Open the wifi setting of your computer, or a separate device like a smartphone o
 </div>
 
 <div class="small-12 columns">
-**Bonus:** Create an network that requires a password.
-
-For info about making a secure network, take a look at [the cli docs](https://tessel.io/docs/cli#usage).
+**Bonus:** Create an network that requires a password. (Hint: for information about making a secure network, take a look at [the cli docs](https://tessel.io/docs/cli#usage).)
 
-**Extra Bonus:** Check out the [webserver tutorial](/webserver.html) to learn about serving a web app from Tessel.
 </div>
 </div>
 
 <div class="greyBar"></div>
 
 <div class="row">
 <div class="large-6 columns left">
-  <a href="wifi.html" class="bottomButton button">Prev: Wifi</a>
+  <a href="tweet.html" class="bottomButton button">Prev: Tweet</a>
 </div>
 
 <div class="large-6 columns right">
-  <a href="blinky.html" class= "bottomButton right button">Next: Blinky</a>
+  <a href="webserver.html" class= "bottomButton right button">Next: Build A Web Server</a>
 </div>
 </div>

blinky.md

@@ -107,7 +107,7 @@ Learn more `t2` commands by running `t2 -h` or looking at the [T2 CLI docs](http
 
 <div class="row">
 <div class="large-6 columns left">
-  <a href="ap.html" class="bottomButton button">Prev: Access Point</a>
+  <a href="wifi.html" class="bottomButton button">Prev: Wifi</a>
 </div>
 
 <div class="large-6 columns right">

tweet.md

@@ -93,7 +93,7 @@ _That `--slim` command is a new feature we're testing out which cleverly checks
   Modules</a>
 </div>
 <div class="large-6 columns right">
-  <a href="webserver.html" class=
-  "bottomButton right button">Next: Build Your Internet</a>
+  <a href="ap.html" class=
+  "bottomButton right button">Next: Access Point</a>
 </div>
 </div>

webserver.md

@@ -3,12 +3,14 @@
 <div class="row">
 
 <div class="large-12 columns">
-# Build Your Own Internet
+# Build A Portable Web Server
 </div>
 
 <div class="small-12 columns">
 
-NEW INTRO NEEDED 
+Most web applications are served from remote machines in data centers miles and miles away from the devices that are using them. Because we're used to high-speed internet connections, that distance can seem trivial and unnoticeable. 
+
+The Tessel 2 can run a server and deliver web applications to locally connected devices. It's quicker than those remote machines due to the immediate distance between the Tessel and devices connected to it. By the end of this article, we'll start a server on the Tessel and serve a web application that controls the Tessel LEDs through a local network.
 
 </div>
 
@@ -238,7 +240,7 @@ Open that file in the browser to see the UI for this web app.
   }
 {% endhighlight %}
 
-In order to make code pushing more efficient, Tessel only pushes the entry point file and its Node dependencies by default. Since index.html is not included in this default push, we'll need to explicitly require it with a .tesselinclude file.
+In order to make code pushing more efficient, Tessel only pushes the entry point file and its Node dependencies by default. Since index.html is not included in this default push, we'll need to explicitly require it with a .tesselinclude file. (Read more about project files [here](https://tessel.io/docs/cli#usage))
 
 Create a new file called .tesselinclude and copy and paste the following:
 
@@ -267,14 +269,15 @@ Here is a demo video:
 <div class="small-12 columns">
 
 **Bonus:** Add a way to toggle the red LED as well.
+
 </div>
 </div>
 
 <div class="greyBar"></div>
 
 <div class="row">
 <div class="large-6 columns left">
-  <a href="tweet.html" class="bottomButton button">Prev: Tweet</a>
+  <a href="ap.html" class="bottomButton button">Prev: Access Point</a>
 </div>
 
 <div class="large-6 columns right">

wifi.md

@@ -89,6 +89,6 @@ This command will check for a new version of the Tessel 2 firmware. If there is
 </div>
 
 <div class="large-6 columns right">
-  <a href="ap.html" class= "bottomButton right button">Next: Access Point</a>
+  <a href="blinky.html" class= "bottomButton right button">Next: Hello Blinky</a>
 </div>
 </div>