Merge pull request tessel#77 from HipsterBrown/ap-tut

Access Point & Webserver tutorials

_layouts/default.html

@@ -88,6 +88,12 @@ <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>
         <li>
           <a href="{{ site.baseurl }}/gpio.html">gpio</a>
         </li>
@@ -151,10 +157,16 @@ <h1><a href="https://tessel.io/"><nobr><img src=
           <a href="{{ site.baseurl }}/tweet.html">5. tweet</a>
         </li>
         <li>
-          <a href="{{ site.baseurl }}/gpio.html">6. gpio</a>
+          <a href="{{ site.baseurl }}/ap.html">6. access point</a>
+        </li>
+        <li>
+          <a href="{{ site.baseurl }}/webserver.html">7. webserver</a>
+        </li>
+        <li>
+          <a href="{{ site.baseurl }}/gpio.html">8. gpio</a>
         </li>
         <li>
-          <a href="{{ site.baseurl }}/finished.html">7. finished</a>
+          <a href="{{ site.baseurl }}/finished.html">9. finished</a>
         </li>
       </ul>
     </div>

ap.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+{% capture include_install %}
+{% include_relative ap.md %}
+{% endcapture %}
+{{ include_install | markdownify }}
+

ap.md

@@ -0,0 +1,68 @@
+{::options parse_block_html="true" /}
+
+<div class="row">
+<div class="large-12 columns">
+# Making Tessel An Access Point
+</div>
+<div class="small-12 columns">
+
+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 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:
+
+</div>
+<div class="small-12 text-center columns">
+![router](./images/router.png)
+</div>
+<div class="small-12 columns">
+This is fine and dandy if we want to use Tessel in a place where there's a modem and WAP already set up, but what happens when that's not possible?
+
+We can't access the Internet without a modem, but we can create a LAN connection between devices by turning Tessel 2 into a WAP. Devices on the network can all talk to each other, like this:
+
+</div>
+<div class="small-12 text-center columns">
+![router](./images/Tessel-AP.png)
+</div>
+<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="small-12 large-6 columns">
+
+
+In the terminal, run the following command:
+
+`t2 ap -n MyTessel`
+
+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.  
+</div>
+
+<div class="small-12 large-6 columns">
+![access point preview](./images/ap-preview.gif)
+</div>
+
+<div class="small-12 columns">
+**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).)
+
+</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>
+</div>
+
+<div class="large-6 columns right">
+  <a href="webserver.html" class= "bottomButton right button">Next: Build A Web Server</a>
+</div>
+</div>

blinky.md

@@ -112,6 +112,6 @@ Learn more `t2` commands by running `t2 -h` or looking at the [T2 CLI docs](http
 </div>
 
 <div class="large-6 columns right">
-  <a href="modules.html" class= "bottomButton right button">Next: Add modules</a>
+  <a href="modules.html" class= "bottomButton right button">Next: Add Modules</a>
 </div>
 </div>

gpio.md

@@ -66,7 +66,7 @@ Share what you've made, and if you need help, [just ask](https://forums.tessel.i
 
 <div class="row">
 <div class="large-6 columns left">
-  <a href="modules.html" class="bottomButton button">Prev: Modules</a>
+  <a href="webserver.html" class="bottomButton button">Prev: Build Your Internet</a>
 </div>
 
 <div class="large-6 columns right">

tweet.md

@@ -90,7 +90,7 @@ Make sure you're [connected to Wifi]({{ site.baseurl }}/wifi.html), then run:
   Modules</a>
 </div>
 <div class="large-6 columns right">
-  <a href="gpio.html" class=
-  "bottomButton right button">Next: Beyond modules</a>
+  <a href="ap.html" class=
+  "bottomButton right button">Next: Access Point</a>
 </div>
 </div>

webserver.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+{% capture include_install %}
+{% include_relative webserver.md %}
+{% endcapture %}
+{{ include_install | markdownify }}
+