re-orienting the footer

11 years ago · c31f9022ab
6 changed files with 24 additions and 24 deletions
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -1,8 +1,4 @@
-<div class="container docs-footer">
+<div class="docs-footer">
-  <div class="column-group">
+  <h3>License &amp; credit</h3>
-    <div class="column units-2">
+  <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>
-      <h3>License &amp; credit</h3>
+</div>
      <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>
--- 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((iphone.initialTop - currentTop) <= iphone.dockingOffset + 41) {
    if(pageHeight - currentTop < footerHeight + contentPadding + 1400) {
      iphone[0].className = "iphone iphone-bottom";
      iphone[0].setAttribute('style','')
    } else 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;
    }
  }
 }