mobile fixes to accordion tabs and footer

_includes/content/home-intro.md

@@ -1,5 +1,5 @@
 
-# Introducing Utterson
+# [Introducing Utterson](/)
 
 Utterson is Jekyll's loyal companion. Built on top of Poole, it's an unassuming, trustworthy theme built to get you up and writing with minimal effort. 
 

_includes/email-form.html

@@ -1,6 +1,6 @@
 <form id="subscription-form" class="subscription-form" method="POST">
   <h2> Join My Newsletter  </h2>
-  <p> Never miss a thing. </p>
+  <p> Sign up to receive weekly updates. </p>
   <a class="close-form" id="close-form">x</a>
 
     <input type="text" name="name" id="your-name" minlength="3" 

_includes/scripts.html

@@ -1,11 +1,11 @@
 <script src="/js/jquery.min.js"></script>
 <script src="/js/site-form-triggers.js"></script>
 
-{% if page.type == "home" %}
+{% if page.type == "Home" %}
 <script src="/js/home-accordion-tabs.js"></script>
 {% endif %}
 
-{% if page.type != "home" %}
+{% if page.type != "Home" %}
 <script src="/js/post-scroll-triggers.js"></script>
 {% endif %}
 

_layouts/page.html

@@ -1,5 +1,6 @@
 ---
 layout: default
+footer: none
 ---
 
 <article class="page">

_sass/_accordion-tabs.scss

@@ -28,8 +28,9 @@
     border-top: $tab-border;
     border-bottom: $tab-border;
     color: $tab-link-color;
-    width: 18%;
-    @include bp-medium { width: 16%; }
+    width: 16%;
+    font-size: .9rem;
+    @include bp-small { font-size: 1rem; }
     text-align: center;
     display: block;
     padding-top: .5rem;
@@ -74,7 +75,8 @@
   .tab-aside-link {
     position: absolute;
     top: 15%; 
-    left: 79%; 
+    left: 75%; 
+    @include bp-small { left: 79%;  }
     @include dim-effect(.6, 1);
     padding: .125rem .5rem;
     margin-bottom: .125rem;

_sass/_footer.scss

@@ -15,7 +15,6 @@
   @include border-radius(5px);
   text-align: left;
   padding: 1rem;
-  padding-bottom: 1.5rem;
 
   h1 { font-size: 1.5rem; }
 
@@ -43,6 +42,6 @@
 .copyright {
   text-align: center;
   opacity: .5; 
-  padding-bottom: .25rem;
+  margin-bottom: 1.5rem;
 }
 

_sass/_home.scss

@@ -16,6 +16,10 @@
   h1 { 
     border-bottom: 1px dashed $border-color;
     padding-bottom: .5rem;
+    color: $gray-4; 
+    a:hover, a:visited {
+    color: inherit;
+    }
   }
 
   p { 

index.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 title: Home
-type: home 
+type: Home 
 header: none 
 footer: none
 ---

js/home-accordion-tabs.js

@@ -17,14 +17,7 @@ $(document).ready(function () {
       $(this).next().toggleClass('is-open').toggle(); 
       accordionTabs.find('.is-active').removeClass('is-active');
       $(this).addClass('is-active');
-    } 
-    // if clicked twice reset - that is, remove active class and give to first element 
-    else if ($(this).hasClass('is-active')) {
-      e.preventDefault();
-      window.location.reload(true); 
-
-    }
-    else {
+    } else {
       e.preventDefault();
     }
   });