feat(footer): add new footer markup and logo

Author: sarmstead

assets/images/full-logo.png

@@ -28,26 +28,23 @@
       {{{body}}}
     </main>
 
-    <div class="grid">
-      {{!-- Navbar partial --}}
-      {{> "footer"}}
-    </div>
+    {{> "footer"}}
 
-      <script>
-        let sections = document.querySelectorAll('.section-header');
-        function handleClick(event) {
-          const isActive = event.currentTarget.parentNode.classList.contains("active");
-          if (!isActive) {
-            event.currentTarget.parentNode.classList.add("active");
-          } else {
-            event.currentTarget.parentNode.classList.remove("active");
-          }
+    <script>
+      let sections = document.querySelectorAll('.section-header');
+      function handleClick(event) {
+        const isActive = event.currentTarget.parentNode.classList.contains("active");
+        if (!isActive) {
+          event.currentTarget.parentNode.classList.add("active");
+        } else {
+          event.currentTarget.parentNode.classList.remove("active");
         }
-        sections.forEach(function(section) {
-          section.addEventListener("click", handleClick);
-        });
-      </script>
-      {{!-- Outputs important scripts - should always be included before closing body tag --}}
-      {{ghost_foot}}
-    </body>
+      }
+      sections.forEach(function(section) {
+        section.addEventListener("click", handleClick);
+      });
+    </script>
+    {{!-- Outputs important scripts - should always be included before closing body tag --}}
+    {{ghost_foot}}
+  </body>
 </html>

default.hbs

@@ -1,3 +1,42 @@
-<footer>
-  {{navigation type="secondary"}}
-</footer>
+<footer class='footer'>
+    <div class='footer__inner'>
+        <section class='footer__top'>
+            <img class='footer__logo' src={{asset 'images/full-logo.png'}} />
+            <div class='kg-button-card'>
+                <a class='kg-btn' href='#/portal/signup'>Membership</a>
+            </div>
+        </section>
+        <section class='footer__links'>
+            {{navigation type='secondary'}}
+        </section>
+        <section class='footer__bottom'>
+            <form class='footer__form' data-members-form='subscribe'>
+                <div class='footer__form__row'>
+                    <input
+                        data-members-email
+                        name='email'
+                        id='get-involved-email'
+                        placeholder='Enter your email...'
+                        required='true'
+                        type='email'
+                    />
+                    <div class='kg-button-card'>
+                        <button class='kg-btn' type='submit'>Sign Up</button>
+                    </div>
+                </div>
+                <span data-members-error></span>
+                <span data-members-success></span>
+            </form>
+            <div class='footer__bottom__socials'>
+                <div class='footer__bottom__socials__links'>
+                    {{#get 'pages' filter="title:'Footer - Socials'" limit='1'}}
+                        {{#foreach pages}}
+                            {{content}}
+                        {{/foreach}}
+                    {{/get}}
+                </div>
+                <small>©{{date format='YYYY'}} Ruby Central. All Rights Reserved.</small>
+            </div>
+        </section>
+    </div>
+</footer>