re-orienting the footer

2014-01-11 21:21:22 -08:00 · 2014-01-11 21:21:22 -08:00 · c31f9022ab
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -1,8 +1,4 @@
-<div class="container docs-footer">
-  <div class="column-group">
-    <div class="column units-2">
-      <h3>License &amp; credit</h3>
-      <p>Ratchet is under the the MIT license, meaning you're basically free to use the framework as you please. Ratchet was lovingly crafted by <a data-ignore="push" href="http://www.twitter.com/dhg">Dave Gamache</a>, <a data-ignore="push" href="http://www.twitter.com/connors">Connor Sears</a>, and <a data-ignore="push" href="http://www.twitter.com/fat">Jacob Thornton</a>.</p>
-    </div>
-  </div>
-</div>
+<div class="docs-footer">
+  <h3>License &amp; credit</h3>
+  <p>Ratchet is under the the MIT license, meaning you're basically free to use the framework as you please. Ratchet was lovingly crafted by <a data-ignore="push" href="http://www.twitter.com/dhg">Dave Gamache</a>, <a data-ignore="push" href="http://www.twitter.com/connors">Connor Sears</a>, and <a data-ignore="push" href="http://www.twitter.com/fat">Jacob Thornton</a>.</p>
+</div>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -4,13 +4,6 @@
    {% include header.html %}
  </head>
  <body ontouchstart="">
-    <!-- Masthead & navigation 
-    {% include nav.html %}-->
-
-    <!-- Page content -->
    {{ content }}
-
-    <!-- Footer -->
-    {% include footer.html %}
  </body>
 </html>
--- a/components.html
+++ b/components.html
@ -1063,6 +1063,9 @@ window.addEventListener('push', myFunction);
 {% endhighlight %}

      </article>
+      
+      <!-- Footer -->
+      {% include footer.html %}
    </div>
  </div>
 </div>
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@ -17,10 +17,6 @@ body {
  -webkit-text-size-adjust: 100%;
 }

-h1, h2, h3, h4, h5, h6 {
-  text-rendering: optimizeLegibility;
-}
-
 .docs-header-wrapper {
  background-color: #fafafa;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
@ -160,10 +156,17 @@ h1, h2, h3, h4, h5, h6 {
 .platform-toggle .segmented-controller {
  max-width: 300px;
  margin: 8px auto;
+  border-color: #bbb;
 }
 .platform-toggle .segmented-controller li {
  cursor: pointer;
 }
+.platform-toggle .segmented-controller li.selected {
+  background-color: #bbb;
+}
+.platform-toggle .segmented-controller a {
+  border-color: #bbb;
+}

 .component {
  padding: 50px 15px;
--- a/docs-assets/js/docs.js
+++ b/docs-assets/js/docs.js
@ -84,11 +84,7 @@ $(function() {
    var contentSectionItem;
    var currentTop = win.scrollTop();

-    // If page is scrolled to bottom near footers
-    if(pageHeight - currentTop < footerHeight + contentPadding + 1400) {
-      iphone[0].className = "iphone iphone-bottom";
-      iphone[0].setAttribute('style','')
-    } else if((iphone.initialTop - currentTop) <= iphone.dockingOffset + 41) {
+    if((iphone.initialTop - currentTop) <= iphone.dockingOffset + 41) {
      iphone[0].className = "iphone iphone-fixed";
      iphone.css({top: iphone.dockingOffset})
    } else {
--- a/lib/sass/docs.scss
+++ b/lib/sass/docs.scss
@ -167,9 +167,18 @@ body {
  .segmented-controller {
    max-width: 300px;
    margin: 8px auto;
+    border-color: #bbb;

    li {
      cursor: pointer;
+
+      &.selected {
+        background-color: #bbb;
+      }
+    }
+
+    a {
+      border-color: #bbb;
    }
  }
 }