Merge pull request #38 from tessel/kb-restruct

moved usage info to blinky and added gpio page

Author: Frijol

_layouts/default.html

@@ -88,7 +88,7 @@ <h1><a href="https://tessel.io/"><nobr><img src=
           <a href="{{ site.baseurl }}/tweet.html">tweet</a>
         </li>
         <li>
-          <a href="{{ site.baseurl }}/usage.html">usage</a>
+          <a href="{{ site.baseurl }}/gpio.html">gpio</a>
         </li>
         <li>
           <a href="{{ site.baseurl }}/finished.html">finish</a>
@@ -150,7 +150,7 @@ <h1><a href="https://tessel.io/"><nobr><img src=
           <a href="{{ site.baseurl }}/tweet.html">5. tweet</a>
         </li>
         <li>
-          <a href="{{ site.baseurl }}/usage.html">6. usage</a>
+          <a href="{{ site.baseurl }}/gpio.html">6. gpio</a>
         </li>
         <li>
           <a href="{{ site.baseurl }}/finished.html">7. finished</a>

blinky.md

@@ -57,6 +57,9 @@ to run your code in Tessel's RAM.
 **Look at your Tessel!** The blue and green LEDs on your Tessel's LED panel should blink back and forth.
 
 **Bonus:** mess with the code to make the LEDs blink in sync.
+
+**Extra bonus:** what if you want to save blinky to your Tessel? There's a command for that! Try `t2 push index.js`, then unplug your Tessel and plug it back in again. Wait for it to boot up, then... lights will blink! Tired of the blinking lights? `t2 erase` will clear the saved code. Learn more `t2` commands by running `t2 -h` or looking at the [T2 CLI docs](https://tessel.io/docs/cli).
+
 </div>
 </div>
 

finished.md

@@ -44,6 +44,6 @@ the Tessel team
 
 <div class="row">
 <div class="large-6 columns left">
-  <a href="usage.html" class="bottomButton button">Prev: CLI Usage</a>
+  <a href="gpio.html" class="bottomButton button">Prev: GPIO</a>
 </div>
 </div>

usage.html gpio.html

@@ -3,6 +3,6 @@
 ---
 
 {% capture include_install %}
-{% include_relative usage.md %}
+{% include_relative gpio.md %}
 {% endcapture %}
 {{ include_install | markdownify }}

gpio.md

@@ -0,0 +1,74 @@
+{::options parse_block_html="true" /}
+
+<div class="row">
+<div class="large-12 columns">
+
+# Beyond Modules
+
+<div class="row">
+<div class="large-3 columns right">
+
+[![](https://raw.githubusercontent.com/rwaldron/tessel-io/master/fritzing/tessel.png)](https://github.com/rwaldron/tessel-io/tree/master/fritzing)
+
+</div>
+<div class="large-8 columns left">
+
+Tessel's two module ports are not just for modules– they can also be used as flexible, simply [addressable GPIO](//tessel.io/docs/hardwareAPI) (general purpose input/output) pins.
+
+What does that mean? It means you're not limited to Tessel's ten-pin modules. In theory, you can connect nearly any electronic device or sensor to Tessel!
+
+### Community modules
+</div>
+</div>
+
+<div class="row">
+<div class="large-12 columns">
+
+For an experience nearly as easy as Tessel's ten-pin module experience, take a look at the [Community Modules](https://tessel.io/modules#third-party).
+
+These are hardware components for which members of the community have created npm libraries, documentation, and wiring information.
+
+For example:
+
+</div>
+</div>
+
+<div class="row">
+<div class="large-6 columns left">
+<iframe frameborder='0' height='270' scrolling='no' src='https://www.hackster.io/johnnyman727/rgb-tcs34725/embed?use_route=project' width='360'></iframe>
+</div>
+<div class="large-6 columns left">
+<iframe frameborder='0' height='270' scrolling='no' src='https://www.hackster.io/adkron/backpack-ht16k33/embed?use_route=project' width='360'></iframe>
+</div>
+</div>
+
+<div class="row">
+<div class="large-12 columns">
+
+<br/>
+To see more community-created modules (or to add one you've made!) go to [tessel.io/modules](https://tessel.io/modules#third-party).
+
+_Note: we're still building out Tessel 2's firmware, so you might hit some bugs trying to use community modules. If you do, please report them! We're collecting status reports on community modules [here](https://github.com/tessel/hardware-modules/issues/5)._
+
+### Making your own Modules
+
+If no one has made the module you want yet, you can be the first! There are a lot of cool components on [SparkFun](//sparkfun.com) and [Adafruit](//adafruit.com) that are fairly easy to connect to Tessel.
+
+In case you've never built anything with hardware before, we've put up an introduction at [tessel.io/diy](//tessel.io/diy) that should get you up and running.
+
+Share what you've made, and if you need help, [just ask](https://forums.tessel.io/c/community-modules). Happy inventing!
+
+</div>
+</div>
+
+<div class="greyBar"></div>
+
+<div class="row">
+<div class="large-6 columns left">
+  <a href="modules.html" class="bottomButton button">Prev: Modules</a>
+</div>
+
+<div class="large-6 columns right">
+  <a href="finished.html" class= "bottomButton right button">Next: Finished</a>
+</div>
+</div>

tweet.md

@@ -87,7 +87,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="usage.html" class=
-  "bottomButton right button">Next: Usage</a>
+  <a href="gpio.html" class=
+  "bottomButton right button">Next: Beyond modules</a>
 </div>
 </div>