[WIP] 3G Module Tutorial

_layouts/default.html

@@ -121,6 +121,10 @@ <h1><a href="https://tessel.io/"><nobr><img src=
         <li>
           <a href="{{ site.baseurl }}/modules.html">4. modules<!--ul-->
           <ul>
+            <li style="padding-left:10px;">
+              <a href="{{ site.baseurl }}/modules/3g.html" class=
+              "side-bar-modules">3G</a>
+            </li>
             <li style="padding-left:10px;">
               <a href="{{ site.baseurl }}/modules/accelerometer.html" class=
               "side-bar-modules">accelerometer</a>

modules.md

@@ -54,6 +54,7 @@ Modules should be plugged in so that all of the electrical components are on the
 
 If you've already tried out your modules, move on to [Tweet.](tweet.html)
 
+*   [3G](modules/3g.html)
 *   [Accelerometer](modules/accelerometer.html)
 *   [Ambient (Light + Sound)](modules/ambient.html)
 *   [BLE](modules/ble.html)

modules/3g.html

@@ -0,0 +1,10 @@
+---
+layout: default
+---
+
+{% capture include_install %}
+{% include_relative 3g.md %}
+{% endcapture %}
+{{ include_install | markdownify }}
+
+{% include_relative _module_footer.html %}

modules/3g.md

@@ -0,0 +1,100 @@
+{::options parse_block_html="true" /}
+
+<div class="row">
+<div class="large-12 columns">
+
+## <img class="constrain-sm" src="https://s3.amazonaws.com/technicalmachine-assets/technical-io/modules/usb.png"> 3G Data
+
+[<i class="fa fa-github"> View source on Github</i>](https://github.com/nodejs/node/blob/master/lib/fs.js)
+
+### Step 1
+
+Make a directory inside your "tessel-code" folder called "3g", change directory into that folder, and initialize a tessel project:
+
+`mkdir 3g; cd 3g; t2 init`
+
+### Step 2
+</div>
+</div>
+
+<div class="row">
+<div class="large-6 columns">
+
+Plug Tessel into your computer via USB, then plug a USB 3G dongle into either of Tessel's USB ports.
+
+</div>
+<div class="large-6 columns">
+
+![](http://i.imgur.com/uifn1p7.jpg)
+
+</div>
+</div>
+
+<div class="row">
+<div class="large-12 columns">
+
+### Step 3
+
+INSTALL STEP
+
+### Step 4
+
+In the folder where you ran `t2 init`, rename "index.js" to "3g.js" and replace the file's contents with the following:
+
+{% highlight js %}
+// Any copyright is dedicated to the Public Domain.
+// http://creativecommons.org/publicdomain/zero/1.0/
+
+/*********************************************
+TODO what do we want in the example
+*********************************************/
+
+// do something with the internet presumably
+
+{% endhighlight %}
+
+Save the file.
+
+</div>
+</div>
+
+<div class="row">
+<div class="large-12 columns">
+
+### Step 5
+
+</div>
+</div>
+
+<div class="row">
+<div class="large-6 columns">
+
+In your command line, `t2 run 3g.js`
+
+RESULTS OF WHATEVER WE DID IN THE EXAMPLE
+
+**Bonus:** BONUS PROBLEM
+
+To see what else you can do with a USB 3G module, read the [DOCS](DOCSLINK) documentation.
+
+</div>
+<div class="large-6 columns">
+
+![](GIF FROM EXAMPLE)
+
+</div>
+</div>
+
+<div class="row">
+<div class="large-12 columns">
+
+### Step 6
+
+What else can you do with a USB 3G module? Get inspired by a [community-created project.](http://tessel.io/projects)
+
+What are you making? [Share your invention!](//tessel.io/projects)
+
+If you run into any issues you can check out the [module forums](http://forums.tessel.io/c/modules).
+
+</div>
+</div>

modules/_module_footer.html

@@ -5,6 +5,10 @@ <h2>Choose another module</h2>
 <p>Or if you're all set, move on to <a href="../tweet.html">sending a Tweet.</a></p>
 
 <ul class="small-block-grid-1 large-block-grid-3">
+  <li>
+    <a href="3g.html"><span class=
+    "moduleLink">3G</span></a>
+  </li>
   <li>
     <a href="accelerometer.html"><span class=
     "moduleLink">Accelerometer</span></a>