diff --git a/blinky.md b/blinky.md index 95f4982..0268745 100644 --- a/blinky.md +++ b/blinky.md @@ -10,17 +10,23 @@ Blinking some lights is the "Hello World" of hardware. Let's make those LEDs built into Tessel 2 dance for us. -In your command line, make a folder for your Tessel code, then initialize a Tessel project in that folder. +In your command line, make a folder for your Tessel code, then initialize a Tessel project in that folder by running each of the following commands in the terminal: -{% highlight sh %} -mkdir tessel-code -cd tessel-code -t2 init -{% endhighlight %} +`mkdir tessel-code` -Great! Now you're set up to run code on Tessel. Your `tessel-code` folder now contains a `package.json` with some metadata Node uses for your project, and a file called `index.js`. +`cd tessel-code` -`index.js` contains the code to make the blue and green LEDs blink. Let's take a look: +`t2 init` + + + + +
+
+ +Great! Now you're set up to run code on Tessel. Your "tessel-code" folder now contains a "package.json" with some metadata Node uses for your project, and a file called "index.js". + +"index.js" contains the code to make the blue and green LEDs blink. Let's take a look: {% highlight javascript %} // Import the interface to Tessel hardware @@ -43,9 +49,7 @@ console.log("I'm blinking! (Press CTRL + C to stop)"); In your command line, enter -{% highlight sh %} -t2 run blinky.js -{% endhighlight %} +`t2 run blinky.js` to run your code in Tessel's RAM. diff --git a/cmd.html b/cmd.html index 1579b88..c2fbc17 100644 --- a/cmd.html +++ b/cmd.html @@ -2,208 +2,9 @@ layout: default --- -

Command Line Basics

-

Using Tessel is just like web development. But if -you're not familiar with web development, you might want -to take a minute or two to get comfortable with some key -tools of the trade: the command line (the "terminal", -where you execute commands) and the text editor, where -you will work on and save your programs.

-

Select the operating system you are working on.

-
-
- OSX -
-
- Linux -
-
- Windows -
-
-
-
-

Open up the application on your computer called - “Terminal” by pressing ⌘ + SPACE and typing - “Terminal”.

-

Its dock icon looks like - , and the terminal will look something like - -

-

You can use the terminal to write commands to your - computer (this is the “command line”). Let’s try it - out!

-

In your terminal, - type

ls -

and hit enter.

-

The ls command, short for “list”, - tells your computer to list all of the file names for - the folder you’re in. Your list of files probably - includes “Desktop” and “Documents”, among others. - Let’s try another command: type

cd - Documents -

and hit enter.

-

You are now in the Documents folder; - cd means “change directory”. If you try - ls again, you should see the contents of - your Documents folder listed out. If you want to - compare, open up Finder and look in Documents to see - the same files.

-

Let’s get back to the folder we were in - before:

cd .. -

You changed directory - again!

ls -

to see what we have here. You’re back where you - started! The .. after cd - tells it to go up one folder in the directory.

-

Ok, now you're a cool hacker who can use the - terminal (or "console") to write in the command line. - (If you want to learn more commands, there are a - whole bunch of them here. I recommend pwd, - open, mkdir, - touch, mv, and - cp.)

-
-
-

Open up the application on your computer called - “Terminal” by tapping the SUPER key (Windows or Apple - key, depending on your hardware) and typing - “Terminal”.

-

Its icon looks like - , and the terminal will look something like - -

-

You can use the terminal to write commands to your - computer (this is the “command line”). Let’s try it - out!

-

In your terminal, - type

ls -

and hit enter.

-

The ls command, short for “list”, - tells your computer to list all of the file names for - the folder you’re in. Your list of files probably - includes “Desktop” and “Documents”, among others. - Let’s try another command: type

cd - Documents -

and hit enter.

-

You are now in the Documents folder; - cd means “change directory”. If you try - ls again, you should see the contents of - your Documents folder listed out. If you want to - compare, open up Finder and look in Documents to see - the same files.

-

Let’s get back to the folder we were in - before:

cd .. -

You changed directory - again!

ls -

to see what we have here. You’re back where you - started! The .. after cd - tells it to go up one folder in the directory.

-

Ok, now you're a cool hacker who can use the - terminal (or "console") to write in the command line. - (If you want to learn more commands, there are a - whole bunch of them here. I recommend pwd, - open, mkdir, - touch, mv, and - cp.)

-
-
-

Open up the application on your computer called - “Command Prompt”.

-

If you’re not on Windows 8, go to the start menu - and type “Command Prompt”.

-

If you are on Windows 8+, swipe right to find - “Windows System”, within which you can find “Command - Prompt”.

-

Its icon looks like - , and the application (the terminal) will look - something like -

-

You can use the terminal to write commands to your - computer (this is the “command line”). Let’s try it - out!

-

In your terminal, - type

dir -

and hit enter.

-

The dir command, short for - “directory”, tells your computer to list all of the - file names for the folder you’re in. Your list of - files probably includes “Desktop” and “Documents”, - among others. Let’s try another command:

-

Now type

cd Documents -

into your command line and press enter.

-

You are now in the Documents folder; - cd means “change directory”. If you try - dir again, you should see the contents - of your Documents folder listed out. If you want to - compare, open up My Comuter and look in Documents to - see the same files.

-

Let’s get back to the folder we were in - before:

cd .. -

You changed directory - again!

dir -

to see what we have here. You’re back where you - started! The .. after cd - tells it to go up one folder in the directory.

-

Now you’re a cool hacker who can use the terminal - to write in the command line. (If you want to learn - more commands, there are a whole bunch of them - here.)

-
-
-
-
-
-
-

Text Editors

-

You will also need a text editor to save your -JavaScript files. This means a plaintext editor, not a -Word document.

-

Here are some good options:

- + -

Typically, directions that belong in the command line -are one line, whereas longer scripts, such as anything in -JavaScript, should be typed into the text editor and -saved, then run through the command line.

- -

In the context of this tutorial, things that should be -run in the command line look

like -this - -

And scripts that should be saved in the text editor -will look

- -
-  like this
-
- -
- -
-
- Next: Install -
-
+{% capture include_install %} +{% include_relative cmd.md %} +{% endcapture %} +{{ include_install | markdownify | replace: '

|','

' | replace: '|

','
' | replace: '||','
' }} diff --git a/cmd.md b/cmd.md new file mode 100644 index 0000000..8458e33 --- /dev/null +++ b/cmd.md @@ -0,0 +1,186 @@ +{::options parse_block_html="true" /} + +
+
+ +# Command Line Basics + +Using Tessel is just like web development. But if +you're not familiar with web development, you might want +to take a minute or two to get comfortable with some key +tools of the trade: the command line (the "terminal", +where you execute commands) and the text editor, where +you will work on and save your programs. + +Select the operating system you are working on. + +
+| [OSX](#tab-osx) || [Linux](#tab-linux) || [Windows](#tab-windows) | +
+ +
+ +
+ +Open up the application on your computer called “Terminal” by pressing ⌘ + SPACE and typing “Terminal”. + +Its dock icon looks like ![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/mac-term-icon.png), and the terminal will look something like ![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/mac-term.png) + +You can use the terminal to write commands to your computer (this is the “command line”). Let’s try it out! + +In your terminal, type + +`ls` + +and hit enter. + +The `ls` command, short for “list”, tells your computer to list all of the file names for the folder you’re in. Your list of files probably includes “Desktop” and “Documents”, among others. + +Let’s try another command: type + +`cd Documents` + +and hit enter. + +You are now in the Documents folder; `cd` means “change directory”. If you try `ls` again, you should see the contents of your Documents folder listed out. If you want to compare, open up Finder and look in Documents to see the same files. + +Let’s get back to the folder we were in before: `cd ..` + +You changed directory again! `ls` +to see what we have here. You’re back where you started! The `..` after `cd` tells it to go up one folder in the directory. + +Ok, now you're a cool hacker who can use the terminal (or "console") to write in the command line. + +(If you want to learn more commands, there are a whole bunch of them here. I recommend `pwd`, `open`, `mkdir`, `touch`, `mv`, and `cp`.) + +
+ +
+ +Open up the application on your computer called “Terminal” by tapping the SUPER key (Windows or Apple key, depending on your hardware) and typing “Terminal”. + +Its icon looks like ![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/mac-term-icon.png), and the terminal will look something like ![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/mac-term.png) + +You can use the terminal to write commands to your computer (this is the “command line”). Let’s try it out! + +In your terminal, type + +`ls` + +and hit enter. + +The `ls` command, short for “list”, tells your computer to list all of the file names for the folder you’re in. Your list of files probably includes “Desktop” and “Documents”, among others. + +Let’s try another command: type + +`cd Documents` + +and hit enter. + +You are now in the Documents folder; `cd` means “change directory”. If you try `ls` again, you should see the contents of your Documents folder listed out. If you want to compare, open up Finder and look in Documents to see the same files. + +Let’s get back to the folder we were in before: `cd ..` + +You changed directory again! `ls` +to see what we have here. You’re back where you started! The `..` after `cd` tells it to go up one folder in the directory. + +Ok, now you're a cool hacker who can use the terminal (or "console") to write in the command line. + +(If you want to learn more commands, there are a whole bunch of them here. I recommend `pwd`, `open`, `mkdir`, `touch`, `mv`, and `cp`.) + +
+ +
+ +Open up the application on your computer called “Command Prompt”. + +If you’re not on Windows 8, go to the start menu and type “Command Prompt”. + +If you are on Windows 8+, swipe right to find “Windows System”, within which you can find “Command Prompt”. + +Its icon looks like ![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/win-term-icon.png), and the application (the terminal) will look something like ![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/win-term.png) + +You can use the terminal to write commands to your computer (this is the “command line”). Let’s try it out! + +In your terminal, type + +`dir` + +and hit enter. + +The `dir` command, short for “directory”, tells your computer to list all of the file names for the folder you’re in. Your list of files probably includes “Desktop” and “Documents”, among others. Let’s try another command: + +Now type + +`cd Documents` + +into your command line and press enter. + +You are now in the Documents folder; `cd` means “change directory”. If you try `dir` again, you should see the contents of your Documents folder listed out. If you want to compare, open up My Comuter and look in Documents to see the same files. + +Let’s get back to the folder we were in before: + +`cd ..` + +You changed directory again! + +`dir` + +to see what we have here. You’re back where you started! The `..` after `cd` tells it to go up one folder in the directory. + +Now you’re a cool hacker who can use the terminal to write in the command line. (If you want to learn more commands, there are a whole bunch of them here.) + +
+
+
+
+ +
+
+ +When you use a command line tool, you're using a grammar-like structure. Items are separated by spaces, and it's usually like this: + +`tool action object -flag ` + +The "tool" is like a program you're calling; the "action" is the action you want the tool to perform, and the "object" is the object you want the tool to perform the action on. "Flags" are for passing in extra objects For example, on the next page you will do: + +`npm install t2 -g` + +This means: + +"use the tool called 'npm' to perform the 'install' action on the item called 't2'. Do this globally." `t2` is the command line tool you will use to talk to the Tessel 2. `-g` stands for globally– which is to say, you want `npm` to install such that you can use the `t2` tool even outside the folder you were in when you installed it. + +### Text Editors + +You will also need a text editor to save your JavaScript files. This means a plaintext editor, not a Word document. + +We recommend that you download one of these (you can download for free): + +* [Sublime Text](http://www.sublimetext.com/) +* [Atom](https://atom.io/) +* [Notepad++](http://notepad-plus-plus.org/) + +Typically, directions that belong in the command line are one line, whereas longer scripts, such as anything in JavaScript, should be typed into the text editor and saved, then run through the command line. + +In the context of this tutorial, things that should be run in the command line look + +`like this` + +And scripts that should be saved in the text editor will look + +{% highlight javascript %} +like this +{% endhighlight %} + +You'll see this when you get to the [blinking lights example]({{ site.baseurl }}/blinky.html). But don't skip ahead– you'll need the tools we install in the next step. + +
+
+ +
+ +
+
+Next: Install +
+
diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..8b156bd Binary files /dev/null and b/favicon.ico differ diff --git a/finished.html b/finished.html index 1c0f8c5..34e8c5a 100644 --- a/finished.html +++ b/finished.html @@ -2,44 +2,7 @@ layout: default --- -

Congratulations!

- -

You've completed the Tessel Tutorial!

- -

What's next?

- -

Check out Tessel projects →

- -

Learn more in Tessel's docs →

- -

Contribute to Tessel's open source -codebase →

- -

Follow us to stay up-to-date on new -developments:

- -

- - - -

- -
- -
-
- Prev: CLI Usage -
-
+{% capture include_install %} +{% include_relative finished.md %} +{% endcapture %} +{{ include_install | markdownify }} diff --git a/finished.md b/finished.md new file mode 100644 index 0000000..150a470 --- /dev/null +++ b/finished.md @@ -0,0 +1,33 @@ +{::options parse_block_html="true" /} + +
+
+ +# Congratulations! + +You've completed the Tessel Tutorial! + +

What's next?

+ +Check out Tessel projects → + +Learn more in Tessel's docs → + +Contribute to Tessel's open source codebase → + +Follow us to stay up-to-date on new developments: + + + + + +
+
+ +
+ +
+
+ Prev: CLI Usage +
+
diff --git a/modules/_module_footer.html b/modules/_module_footer.html index 4e0b393..3e16229 100644 --- a/modules/_module_footer.html +++ b/modules/_module_footer.html @@ -1,8 +1,9 @@
- +
+

Choose another module

Or if you're all set, move on to Wifi.

+"../usage.html">CLI usage.

  • @@ -40,6 +41,9 @@

    Choose another module

+
+
+
@@ -47,6 +51,6 @@

Choose another module

Prev: Connect to Wifi
- Next: CLI + Next: CLI
diff --git a/modules/accelerometer.md b/modules/accelerometer.md index 167c54b..9d36f5b 100644 --- a/modules/accelerometer.md +++ b/modules/accelerometer.md @@ -1,5 +1,8 @@ {::options parse_block_html="true" /} +
+
+ ## Accelerometer [ View source on Github](https://github.com/tessel/accel-mma84) @@ -10,6 +13,9 @@ Make a directory inside your "tessel-code" folder: enter `mkdir accelerometer` i ### Step 2 +
+
+
@@ -23,8 +29,14 @@ Plug the accelerometer module into Tessel **port A** with the hexagon/icon side
+
+
+ ### Step 3 +
+
+
@@ -38,8 +50,17 @@ Install by typing `npm install accel-mma84` into the command line.
+
+
+ ### Step 4 +
+
+ +
+
+ Save this code in a text file called `accelerometer.js`: {% highlight js %} @@ -70,8 +91,17 @@ accel.on('error', function(err){ }); {% endhighlight %} +
+
+ +
+
+ ### Step 5 +
+
+
@@ -90,6 +120,9 @@ To see what else you can do with the accelerometer module, see the module docs [
+
+
+ ### Step 6 What else can you do with a accelerometer module? Try a [community-created project.](http://tessel.io/projects) @@ -103,6 +136,9 @@ What else can you do with a accelerometer module? Try a [community-created proje
-What are you making? [Share your invention!](http://tessel.hackster.io/) +What are you making? [Share your invention!](//tessel.io/projects) If you run into any issues you can check out the [accelerometer forums](http://forums.tessel.io/category/accelerometer). + +
+ diff --git a/modules/ambient.md b/modules/ambient.md index 80ac2e6..4ee4205 100644 --- a/modules/ambient.md +++ b/modules/ambient.md @@ -1,5 +1,8 @@ {::options parse_block_html="true" /} +
+
+ ## Ambient [ View source on Github](https://github.com/tessel/ambient-attx4) @@ -8,8 +11,17 @@ Make a directory inside your "tessel-code" folder: enter `mkdir ambient` into your command line, then change directory into that folder: `cd ambient` +
+
+ +
+
+ ### Step 2 +
+
+
@@ -23,8 +35,14 @@ Plug the ambient module into Tessel **port A** with the hexagon/icon side down a
+
+
+ ### Step 3 +
+
+
@@ -33,11 +51,14 @@ Install by typing `npm install ambient-attx4` into the command line.
-![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/modules_corners/ambient.jpg)
+![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/modules_corners/ambient.jpg)
+
+
+ ### Step 4 Save this code in a text file called `ambient.js`: @@ -107,8 +128,17 @@ ambient.on('error', function (err) { }); {% endhighlight %} +
+
+ +
+
+ ### Step 5 +
+
+
@@ -127,9 +157,15 @@ To see what else you can do with the ambient module, see the module docs [here](
+
+
+ ### Step 6 -What else can you do with a ambient module? Try a [community-created project.](http://tessel.io/projects) +What else can you do with an ambient module? Try a [community-created project.](http://tessel.io/projects) + +
+
@@ -141,6 +177,12 @@ What else can you do with a ambient module? Try a [community-created project.](h
-What are you making? [Share your invention!](http://tessel.hackster.io/) +
+
+ +What are you making? [Share your invention!](//tessel.io/projects) If you run into any issues you can check out the [ambient forums](http://forums.tessel.io/category/ambient). + +
+
diff --git a/modules/climate.md b/modules/climate.md index bb1e309..0a8dc21 100644 --- a/modules/climate.md +++ b/modules/climate.md @@ -1,5 +1,8 @@ {::options parse_block_html="true" /} +
+
+ ## Climate [ View source on Github](https://github.com/tessel/climate-si7020) @@ -10,8 +13,17 @@ Make a directory inside your "tessel-code" folder: enter `mkdir climate` into your command line, then change directory into that folder: `cd climate` +
+
+ +
+
+ ### Step 2 +
+
+
@@ -25,8 +37,14 @@ Plug the climate module into Tessel **port A** with the hexagon/icon side down a
+
+
+ ### Step 3 +
+
+
@@ -40,6 +58,9 @@ Install by typing `npm install climate-si7020` into the command line.
+
+
+ ### Step 4 Save this code in a text file called `climate.js`: @@ -77,8 +98,17 @@ climate.on('error', function(err) { }); {% endhighlight %} +
+
+ +
+
+ ### Step 5 +
+
+
@@ -96,10 +126,17 @@ To see what else you can do with the climate module, see the module docs [here](
+ +
+
+ ### Step 6 What else can you do with a climate module? Try a [community-created project.](http://tessel.io/projects) +
+
+
@@ -110,6 +147,12 @@ What else can you do with a climate module? Try a [community-created project.](h
-What are you making? [Share your invention!](http://tessel.hackster.io/) +
+
+ +What are you making? [Share your invention!](//tessel.io/projects) If you run into any issues you can check out the [climate forums](http://forums.tessel.io/category/climate). + +
+
diff --git a/modules/gps.md b/modules/gps.md index b1ec02a..e08c5e9 100644 --- a/modules/gps.md +++ b/modules/gps.md @@ -1,5 +1,8 @@ {::options parse_block_html="true" /} +
+
+ ## GPS [ View source on Github](https://github.com/tessel/gps-a2235h) @@ -10,8 +13,17 @@ Make a directory inside your "tessel-code" folder: enter `mkdir gps` into your command line, then change directory into that folder: `cd gps` +
+
+ +
+
+ ### Step 2 +
+
+
@@ -25,8 +37,14 @@ Plug the GPS module into Tessel **port A** with the hexagon/icon side down and t
+
+
+ ### Step 3 +
+
+
@@ -40,6 +58,9 @@ Install by typing `npm install gps-a2235h` into the command line.
+
+
+ ### Step 4 Save this code in a text file called `gps.js`: @@ -91,8 +112,17 @@ gps.on('error', function(err){ }); {% endhighlight %} +
+
+ +
+
+ ### Step 5 +
+
+
@@ -110,16 +140,30 @@ To see what else you can do with the GPS module, see the module docs [here](http
+ +
+
+ ### Step 6 What else can you do with a GPS module? Try a [community-created project.](http://tessel.io/projects) +
+
+
- + +
-What are you making? [Share your invention!](http://tessel.hackster.io/) +
+
+ +What are you making? [Share your invention!](//tessel.io/projects) If you run into any issues you can check out the [GPS forums](http://forums.tessel.io/category/gps). + +
+
diff --git a/modules/ir.md b/modules/ir.md index 88289c8..afd0b8d 100644 --- a/modules/ir.md +++ b/modules/ir.md @@ -1,5 +1,8 @@ {::options parse_block_html="true" /} +
+
+ ## Infrared [ View source on Github](https://github.com/tessel/ir-attx4) @@ -8,8 +11,17 @@ Make a directory inside your "tessel-code" folder: enter `mkdir ir` into your command line, then change directory into that folder: `cd ir` +
+
+ +
+
+ ### Step 2 +
+
+
@@ -23,8 +35,14 @@ Plug the IR module into Tessel **port A** with the hexagon/icon side down and th
+
+
+ ### Step 3 +
+
+
@@ -38,6 +56,9 @@ Install by typing `npm install ir-attx4` into the command line.
+
+
+ ### Step 4 Save this code in a text file called `ir.js`: @@ -86,8 +107,17 @@ infrared.on('data', function(data) { }); {% endhighlight %} +
+
+ +
+
+ ### Step 5 +
+
+
@@ -105,10 +135,16 @@ To see what else you can do with the IR module, see the module docs [here](https
+
+
+ ### Step 6 What else can you do with a IR module? Try a [community-created project.](http://tessel.io/projects) +
+
+
@@ -119,6 +155,12 @@ What else can you do with a IR module? Try a [community-created project.](http:/
+
+
+ What are you making? [Share your invention!](http://tessel.hackster.io/) If you run into any issues you can check out the [IR forums](http://forums.tessel.io/category/ir). + +
+
diff --git a/modules/relay.md b/modules/relay.md index 6b3b4ff..38b326a 100644 --- a/modules/relay.md +++ b/modules/relay.md @@ -1,5 +1,8 @@ {::options parse_block_html="true" /} +
+
+ ## Relay [ View source on Github](https://github.com/tessel/relay-mono) @@ -8,8 +11,17 @@ Make a directory inside your "tessel-code" folder: enter `mkdir relay` into your command line, then change directory into that folder: `cd relay` +
+
+ +
+
+ ### Step 2 +
+
+
@@ -23,8 +35,14 @@ If you have something to turn on and off with the Relay module, cut the power wi
+
+
+ ### Step 3 +
+
+
@@ -38,8 +56,14 @@ Plug the relay module into Tessel **port A** with the hexagon/icon side down and
+
+
+ ### Step 4 +
+
+
@@ -53,6 +77,9 @@ Install by typing `npm install relay-mono` into the command line.
+
+
+ ### Step 5 Save this code in a text file called `relay.js`: @@ -93,8 +120,17 @@ relay.on('latch', function(channel, value) { }); {% endhighlight %} +
+
+ +
+
+ ### Step 6 +
+
+
@@ -112,10 +148,16 @@ To see what else you can do with the relay module, see the module docs [here](ht
+
+
+ ### Step 7 What else can you do with a relay module? Try a [community-created project.](http://tessel.io/projects) +
+
+
@@ -126,6 +168,12 @@ What else can you do with a relay module? Try a [community-created project.](htt
+
+
+ What are you making? [Share your invention!](http://tessel.hackster.io/) If you run into any issues you can check out the [relay forums](http://forums.tessel.io/category/relay). + +
+
diff --git a/modules/rfid.md b/modules/rfid.md index 755e73e..9f1bd96 100644 --- a/modules/rfid.md +++ b/modules/rfid.md @@ -1,5 +1,8 @@ {::options parse_block_html="true" /} +
+
+ ## RFID [ View source on Github](https://github.com/tessel/rfid-pn532) @@ -8,8 +11,17 @@ Make a directory inside your "tessel-code" folder: enter `mkdir rfid` into your command line, then change directory into that folder: `cd rfid` +
+
+ +
+
+ ### Step 2 +
+
+
@@ -23,8 +35,14 @@ Plug the RFID module into Tessel **port A** with the hexagon/icon side down and
+
+
+ ### Step 3 +
+
+
@@ -38,6 +56,9 @@ Install by typing `npm install rfid-pn532` into the command line.
+
+
+ ### Step 4 Save this code in a text file called `rfid.js`: @@ -70,8 +91,17 @@ rfid.on('error', function (err) { }); {% endhighlight %} +
+
+ +
+
+ ### Step 5 +
+
+
@@ -89,10 +119,16 @@ To see what else you can do with the RFID module, see the module docs [here](htt
+
+
+ ### Step 6 What else can you do with a RFID module? Try a [community-created project.](http://tessel.io/projects) +
+
+
@@ -103,6 +139,12 @@ What else can you do with a RFID module? Try a [community-created project.](http
+
+
+ What are you making? [Share your invention!](http://tessel.hackster.io/) If you run into any issues you can check out the [RFID forums](http://forums.tessel.io/category/rfid). + +
+
diff --git a/modules/servo.md b/modules/servo.md index 577d14b..8590f25 100644 --- a/modules/servo.md +++ b/modules/servo.md @@ -1,22 +1,29 @@ {::options parse_block_html="true" /} +
+
+ ## Servo [ View source on Github](https://github.com/tessel/servo-pca9685) ### Step 1 -Make a directory inside your "tessel-code" folder: enter `mkdir servo` into your command line, then change directory into that folder: `cd servo` +Make a directory inside your "tessel-code" folder: enter `mkdir servo` into your command line, then change directory into that folder: `cd servo` -### Step 2 +
+
-
+
-![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/modules_special/servo_servo.jpeg) +### Step 2
-
+
+ +
+
Plug servo into port "1" on the module as shown. @@ -24,11 +31,22 @@ Plug servo into port "1" on the module as shown. * the red wire (power) goes to `+` * the yellow wire (signal) goes to `S` +
+
+ +![](https://s3.amazonaws.com/technicalmachine-assets/fre+assets/modules_special/servo_servo.jpeg) +
+
+
+ ### Step 3 +
+
+
@@ -42,8 +60,14 @@ Plug 5V adapter into the barrel jack on the servo module, then plug into wall po
+
+
+ ### Step 4 +
+
+
@@ -57,8 +81,14 @@ Plug the servo module into Tessel **port A** with the hexagon/icon side down and
+
+
+ ### Step 5 +
+
+
@@ -73,6 +103,9 @@ Install by typing `npm install servo-pca9685` into the command line.
+
+
+ ### Step 6 Save this code in a text file called `servo.js`: @@ -119,8 +152,17 @@ servo.on('ready', function () { }); {% endhighlight %} +
+
+ +
+
+ ### Step 7 +
+
+
@@ -138,10 +180,16 @@ To see what else you can do with the servo module, see the module docs [here](ht
+
+
+ ### Step 8 What else can you do with a servo module? Try a [community-created project.](http://tessel.io/projects) +
+
+
@@ -152,7 +200,12 @@ What else can you do with a servo module? Try a [community-created project.](htt
+
+
What are you making? [Share your invention!](http://tessel.hackster.io/) If you run into any issues you can check out the [servo forums](http://forums.tessel.io/category/servo). + +
+
diff --git a/stylesheets/tessel.scss b/stylesheets/tessel.scss index 3f18dbb..3b942ff 100644 --- a/stylesheets/tessel.scss +++ b/stylesheets/tessel.scss @@ -206,7 +206,7 @@ cli { } .social { height: 50px; - margin-left: 1em; + margin-right: 1em; } .moduleFREtext { font-size: 16pt;