Merge pull request tessel#34 from tessel/kb-fixes

unbreak buttons/footer positioning
276linesofCode · Sep 13, 2015 · 598b289 · 598b289
2 parents b739809 + dab14c8
commit 598b289
Show file tree

Hide file tree

Showing 10 changed files with 77 additions and 46 deletions.
diff --git a/blinky.html b/blinky.html
@@ -6,12 +6,3 @@
 {% include_relative blinky.md %}
 {% endcapture %}
 {{ include_install | markdownify }}
-
-<div class="greyBar"></div>
-
-<div class="large-6 columns left">
-  <a href="index.html" class="bottomButton button">Prev: Install</a>
-</div>
-<div class="large-6 columns right">
-  <a href="wifi.html" class= "bottomButton right button">Next: Wifi</a>
-</div>
diff --git a/blinky.md b/blinky.md
@@ -54,3 +54,15 @@ to run your code in Tessel's RAM.
 **Bonus:** mess with the code to make the LEDs blink in sync.
 </div>
 </div>
+
+<div class="greyBar"></div>
+
+<div class="row">
+<div class="large-6 columns left">
+  <a href="index.html" class="bottomButton button">Prev: Install</a>
+</div>
+
+<div class="large-6 columns right">
+  <a href="wifi.html" class= "bottomButton right button">Next: Wifi</a>
+</div>
+</div>
diff --git a/index.html b/index.html
@@ -8,16 +8,3 @@
 {% include_relative install.md %}
 {% endcapture %}
 {{ include_install | markdownify | replace: '<p>|','<dd>' | replace: '|</p>','</dd>' | replace: '||','</dd><dd>' }}
-
-<div class="large-12 columns">
-  <div class="row">
-    <div class="greyBar"></div>
-
-    <div class="large-6 columns left">
-      <a href="cmd.html" class="bottomButton button">Prev: Command line</a>
-    </div>
-    <div class="large-6 columns right">
-      <a href="blinky.html" class= "bottomButton right button">Next: Blink lights</a>
-    </div>
-  </div>
-</div>
diff --git a/install.md b/install.md
@@ -1,5 +1,8 @@
 {::options parse_block_html="true" /}
 
+<div class="row">
+<div class="large-12 columns">
+
 # Install Tessel
 
 *New to the command line? [Take a step back and learn the basics.](cmd.html)*
@@ -61,3 +64,18 @@ Take a quick field trip to our current [firmware update instructions](https://gi
 
 Once the firmware update is complete, continue to the
 next step.
+
+</div>
+</div>
+
+<div class="greyBar"></div>
+
+<div class="row">
+<div class="large-6 columns left">
+  <a href="cmd.html" class="bottomButton button">Prev: Command line</a>
+</div>
+
+<div class="large-6 columns right">
+  <a href="blinky.html" class= "bottomButton right button">Next: Blink lights</a>
+</div>
+</div>
diff --git a/modules.html b/modules.html
@@ -6,9 +6,3 @@
 {% include_relative modules.md %}
 {% endcapture %}
 {{ include_install | markdownify }}
-
-<div class="greyBar"></div>
-
-<div class="large-6 columns left">
-  <a href="wifi.html" class="bottomButton button">Prev: Wifi</a>
-</div>
diff --git a/modules.md b/modules.md
@@ -1,6 +1,10 @@
 {::options parse_block_html="true" /}
 
+<div class="row">
+<div class="large-12 columns">
 # Modules
+</div>
+</div>
 
 <div class="row">
 <div class="large-5 columns">
@@ -45,6 +49,8 @@ Modules should be plugged in so that all of the electrical components are on the
 </div>
 </div>
 
+<div class="row">
+<div class="large-12 columns">
 ## Choose a module below to get up and running
 
 If you've already tried out your modules, move on to [Usage.](usage.html)
@@ -57,3 +63,14 @@ If you've already tried out your modules, move on to [Usage.](usage.html)
 *   [Relay](modules/relay.html)
 *   [RFID](modules/rfid.html)
 *   [Servo](modules/servo.html)
+
+</div>
+</div>
+
+<div class="greyBar"></div>
+
+<div class="row">
+<div class="large-6 columns left">
+  <a href="wifi.html" class="bottomButton button">Prev: Wifi</a>
+</div>
+</div>
diff --git a/usage.html b/usage.html
@@ -6,12 +6,3 @@
 {% include_relative usage.md %}
 {% endcapture %}
 {{ include_install | markdownify }}
-
-<div class="greyBar"></div>
-
-<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>
diff --git a/usage.md b/usage.md
@@ -1,5 +1,8 @@
 {::options parse_block_html="true" /}
 
+<div class="row">
+<div class="large-12 columns">
+
 # Some useful commands...
 
 You can look at all the options of Tessel's CLI by running
@@ -58,3 +61,18 @@ Now run:
 {% endhighlight %}
 
 This will erase the blinky code from Tessel, and the LEDs will stop blinking.
+
+</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>
diff --git a/wifi.html b/wifi.html
@@ -6,12 +6,3 @@
 {% include_relative wifi.md %}
 {% endcapture %}
 {{ include_install | markdownify }}
-
-<div class="greyBar"></div>
-
-<div class="large-6 columns left">
-  <a href="blinky.html" class="bottomButton button">Prev: Blinky</a>
-</div>
-<div class="large-6 columns right">
-  <a href="modules.html" class= "bottomButton right button">Next: Add modules</a>
-</div>
diff --git a/wifi.md b/wifi.md
@@ -99,3 +99,15 @@ Now navigate to wherever you saved your blinky code.
 As usual. Now watch your Tessel blink from across the room!
 </div>
 </div>
+
+<div class="greyBar"></div>
+
+<div class="row">
+<div class="large-6 columns left">
+  <a href="blinky.html" class="bottomButton button">Prev: Blinky</a>
+</div>
+
+<div class="large-6 columns right">
+  <a href="modules.html" class= "bottomButton right button">Next: Add modules</a>
+</div>
+</div>