Nav links for showcase and tuts added

tah-io · Mar 10, 2015 · d97a4f2 · d97a4f2
1 parent aa6ee5e
commit d97a4f2
Show file tree

Hide file tree

Showing 10 changed files with 74 additions and 40 deletions.
diff --git a/css/blogpagecss.css b/css/blogpagecss.css
@@ -1,3 +1,21 @@
+.backlink {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.next-box, .prev-box {
+  border: 1px solid #0e7582;
+  padding: 5px 0px 5px 0px;
+}
+
+.navigation-desc {
+  font-size: 10px;
+}
+
+.navigation {
+  text-align: center;
+}
+
 .share-btn {
   position: fixed;
   right: 75px;

diff --git a/showcase/gaming-controller/index.html b/showcase/gaming-controller/index.html
@@ -124,6 +124,8 @@ <h2 class="docshead2">Step 3</h2>
       </ul>
 
       <p class="app_screenshot"><img src="/img/gaming_joystick.jpg"></p>
+
+      <div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
     </div>
   </div>
 

diff --git a/showcase/mood-lamp/index.html b/showcase/mood-lamp/index.html
@@ -164,6 +164,8 @@ <h2 class="docshead2">Step 7</h2>
         <img src="/img/rgb_magenta.jpg">
       </p>
 
+      <br/><div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
+
     </div>
   </div>
 

diff --git a/showcase/motion-control/index.html b/showcase/motion-control/index.html
@@ -162,6 +162,8 @@ <h2 class="docshead2">Step 6</h2>
 
       <p class="app_screenshot"><img src="/img/presentation.jpg"></p>
 
+      <br/><div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
+
     </div>
   </div>
 

diff --git a/showcase/sensors-and-relays/index.html b/showcase/sensors-and-relays/index.html
@@ -144,6 +144,8 @@ <h2 class="docshead2">Step 4</h2>
 
       <p class="app_screenshot"><img src="/img/sensor_value.jpg"></p>
 
+      <br/><div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
+
     </div>
   </div>
 

diff --git a/showcase/smart-dice/index.html b/showcase/smart-dice/index.html
@@ -153,6 +153,8 @@ <h2 class="docshead2">Step 4</h2>
         <img src="/img/dice_4.jpg">
       </p>
 
+      <br/><div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
+
     </div>
   </div>
 

diff --git a/showcase/smartphone-xbee-bridge/index.html b/showcase/smartphone-xbee-bridge/index.html
@@ -114,61 +114,61 @@ <h1 class="page_heading">Smartphone XBee Bridge</h1>
 
       <p>This tutorial is divided into two major parts first one Tah transmitter section and other is receiver on the Robot which will control the motions of robot.</p>
 
-
-        <h2 class="docshead2">Step 1</h2>
+      <h2 class="docshead2">Step 1</h2>
 
-        <p>Let's configure the XBee radios. Using a serial connection, program
-        the two XBee radios to talk to each other at 9600 baud. You can use a
-        program like HyperTerm or CoolTerm in Windows. Similarly for Linux you can use Minicom to configure the XBee radios.</p>
+      <p>Let's configure the XBee radios. Using a serial connection, program
+      the two XBee radios to talk to each other at 9600 baud. You can use a
+      program like HyperTerm or CoolTerm in Windows. Similarly for Linux you can use Minicom to configure the XBee radios.</p>
 
-        <p>This demo uses the default PAN ID of <strong>3332</strong>, but you should choose a different one so that other XBee radios in the area do not interfere with your communications. For the first XBee, use the +++ sequence to go into command mode. You should receive an OK message back. Then issue this command: </p>
+      <p>This demo uses the default PAN ID of <strong>3332</strong>, but you should choose a different one so that other XBee radios in the area do not interfere with your communications. For the first XBee, use the +++ sequence to go into command mode. You should receive an OK message back. Then issue this command: </p>
 
-        <p class="example_code"><pre>ATID3332, ATMY10, ATDL11, ATBD3, ATWR, ATCN</pre></p>
+      <p class="example_code"><pre>ATID3332, ATMY10, ATDL11, ATBD3, ATWR, ATCN</pre></p>
 
-        <p>Now you have configured the first XBee radio as PANID 3332, ATMY10 (16-bit source address), ATDL11 (Destination Low Address), ATBD3(9600 baud rate) and to confirm settings use ATWR and exit from command mode use ATCN.</p>
-      
-        <h2 class="docshead2">Step 2</h2>
+      <p>Now you have configured the first XBee radio as PANID 3332, ATMY10 (16-bit source address), ATDL11 (Destination Low Address), ATBD3(9600 baud rate) and to confirm settings use ATWR and exit from command mode use ATCN.</p>
+
+      <h2 class="docshead2">Step 2</h2>
 
-        <p>Now configure the second XBee. Connect your second XBee and again use the +++ sequence to go into command mode. Then issue this command:</p>
+      <p>Now configure the second XBee. Connect your second XBee and again use the +++ sequence to go into command mode. Then issue this command:</p>
 
-        <p class="example_code"><pre>ATID3332, ATMY11, ATDL10, ATBD3, ATWR, ATCN</pre></p>
+      <p class="example_code"><pre>ATID3332, ATMY11, ATDL10, ATBD3, ATWR, ATCN</pre></p>
 
-        <p>The only difference here is that for the second XBee, you set the destination address to 10 and the source address to 11. The two XBees are now configured to talk to each other.</p>
-      
-        <h2 class="docshead2">Step 3</h2>
+      <p>The only difference here is that for the second XBee, you set the destination address to 10 and the source address to 11. The two XBees are now configured to talk to each other.</p>
+
+      <h2 class="docshead2">Step 3</h2>
 
-        <p>In this demo we have implemented the Duplex communication in two XBee radios and sending data or commands from a smartphone using the Tah Write app.</p>
+      <p>In this demo we have implemented the Duplex communication in two XBee radios and sending data or commands from a smartphone using the Tah Write app.</p>
 
-        <p>We are controlling onboard LEDs of Tah used in XBee network using smartphone. Here Tah has onboard BLE so Tah is acting as a communication bridge between Xbee and Smart phone.</p>
+      <p>We are controlling onboard LEDs of Tah used in XBee network using smartphone. Here Tah has onboard BLE so Tah is acting as a communication bridge between Xbee and Smart phone.</p>
 
-        <p>In this demo command 1 is send from smart phone to Tah and Tah
-        communicate to XBee and XBee coordinator wil send that data to End
-        device of XBee, similarly End device will again send acknowledge signal to coordinator and LEDs will blink and vice versa.</p>
-      
-        <h2 class="docshead2">Step 4</h2>
+      <p>In this demo command 1 is send from smart phone to Tah and Tah
+      communicate to XBee and XBee coordinator wil send that data to End
+      device of XBee, similarly End device will again send acknowledge signal to coordinator and LEDs will blink and vice versa.</p>
+
+      <h2 class="docshead2">Step 4</h2>
 
-        <p>We are using Software Serial for XBee connections on Tah pin 8 is Rx and pin 9 is Tx of XBee.</p>
+      <p>We are using Software Serial for XBee connections on Tah pin 8 is Rx and pin 9 is Tx of XBee.</p>
 
-        <ul>
-          <li>Connect Rx of XBee to Tx of Software Serial and Tx of XBee to Rx of Software Serial.</li>
-          <li><a href="https://github.com/tah-io/Tah_Arduino_Library">Download</a> and install Tah arduino Library.</li>
-          <li>Download <a href="https://github.com/tah-io/tutorials/blob/master/TahXbee/xbeeCoordinator.ino">XBee coordinator  Arduino Sketch</a> and upload this sketch to Tah acting as coordinator</li>
-          <li>Download <a href="https://github.com/tah-io/tutorials/blob/master/TahXbee/xbeeEnddevice.ino">XBee as Enddevice</a> and upload this sketch to Tah acting as end device</li>
-          <li>Plugin the both the Tahs and XBee shields on UNO Breakout shields.</li>
-        </ul>
-        
-        <h2 class="docshead2">Step 5</h2>
+      <ul>
+        <li>Connect Rx of XBee to Tx of Software Serial and Tx of XBee to Rx of Software Serial.</li>
+        <li><a href="https://github.com/tah-io/Tah_Arduino_Library">Download</a> and install Tah arduino Library.</li>
+        <li>Download <a href="https://github.com/tah-io/tutorials/blob/master/TahXbee/xbeeCoordinator.ino">XBee coordinator  Arduino Sketch</a> and upload this sketch to Tah acting as coordinator</li>
+        <li>Download <a href="https://github.com/tah-io/tutorials/blob/master/TahXbee/xbeeEnddevice.ino">XBee as Enddevice</a> and upload this sketch to Tah acting as end device</li>
+        <li>Plugin the both the Tahs and XBee shields on UNO Breakout shields.</li>
+      </ul>
+
+      <h2 class="docshead2">Step 5</h2>
 
-        <ul>
-          <li>Now give the power supply to both the UNO Breakout Shields and open the Tah Write app</li>
-          <li>Scan for Tah Bluetooth Devices in the Tah Write app.</li>
-          <li>Connect with the device named TahXbee</li>
-          <li>Once connected entered 1 as command to make remote LED ON and 0 to make it OFF from phone.</li>
-        </ul>
+      <ul>
+        <li>Now give the power supply to both the UNO Breakout Shields and open the Tah Write app</li>
+        <li>Scan for Tah Bluetooth Devices in the Tah Write app.</li>
+        <li>Connect with the device named TahXbee</li>
+        <li>Once connected entered 1 as command to make remote LED ON and 0 to make it OFF from phone.</li>
+      </ul>
 
-        <p>You will also receive a notification from remote XBee on your phone.</p>
+      <p>You will also receive a notification from remote XBee on your phone.</p>
 
-      </div>
+      <br/><div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
+
     </div>
   </div>
 

diff --git a/showcase/universal-remote/index.html b/showcase/universal-remote/index.html
@@ -131,6 +131,8 @@ <h2 class="docshead2">Step 3</h2>
         <img src="/img/tah_remote_9.png" style="border: 1px solid lightgray">
       </p>
 
+      <br/><div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
+
     </div>
   </div>
 

diff --git a/tutorials/tah-to-tah/index.html b/tutorials/tah-to-tah/index.html
@@ -171,6 +171,8 @@ <h2 class="docshead2">Step 7</h2>
 
       <p>Now just control the robot with the joystick by tilting it in the direction you'd like it to move and keep it horizontal to stop the robot.</p>
 
+      <br/><div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
+
     </div>
   </div>
 

diff --git a/tutorials/tah-with-linux/index.html b/tutorials/tah-with-linux/index.html
@@ -199,6 +199,8 @@ <h4>Receive</h4>
 
       <p>Similarly when the data is transfer from Tah BLE using arduino serial monitor the notification will be received at address RX handle 0x0012. you will see incoming RX value on RX handle (0x0012).</p>
 
+      <br/><div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
+
     </div>
   </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -124,6 +124,8 @@ <h2 class="docshead2">Step 3</h2> @@
           </ul>
           <p class="app_screenshot"><img src="/img/gaming_joystick.jpg"></p>
+          <div class="backlink"><a href="/showcase/"><i class="fa fa-angle-double-left"></i> Back to showcase</a></div>
         </div>
       </div>
@@ Expand Down @@