rubycentral · sarmstead · Jun 24, 2025 · Jun 18, 2025 · Jun 18, 2025 · Jun 18, 2025
diff --git a/assets/images/full-logo.png b/assets/images/full-logo.png
diff --git a/assets/images/gem-logo--badge.svg b/assets/images/gem-logo--badge.svg
diff --git a/assets/images/icon__burger.svg b/assets/images/icon__burger.svg
diff --git a/assets/images/icon__close.svg b/assets/images/icon__close.svg
diff --git a/default.hbs b/default.hbs
@@ -18,36 +18,30 @@
   </head>
 
   <body class="{{body_class}}">
-
-    <div class="grid">
-      {{> "navbar" }}
-    </div>
+    {{> "navigation-top" }}
 
     <main>
       {{!-- All content gets inserted here, index.hbs, post.hbs, etc --}}
       {{{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>
diff --git a/partials/footer.hbs b/partials/footer.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>
diff --git a/partials/navbar.hbs b/partials/navbar.hbs
diff --git a/partials/navigation-top.hbs b/partials/navigation-top.hbs
@@ -0,0 +1,20 @@
+<nav class='navigation--top'>
+    <div class='navigation__inner'>
+        <a class='navigation__logo' href='/'>
+            <img src={{asset 'images/gem-logo--badge.svg'}} />
+        </a>
+        <div class='navigation__list__wrapper'>
+            <button
+                aria-controls='navigation__mobile-menu-trigger'
+                aria-haspopup='true'
+                class='navigation__mobile-menu-trigger closed'
+                id='navigation__mobile-menu-trigger'
+            >
+            </button>
+            {{navigation}}
+        </div>
+        <div class='navigation__membership kg-button-card'>
+            <a class='kg-btn' href='#/portal/signup'>Membership</a>
+        </div>
+    </div>
+</nav>
diff --git a/partials/navigation.hbs b/partials/navigation.hbs
@@ -1,8 +1,7 @@
-{{#if isSecondary}}{{else}}<a href="/" class="logo-circle"><span class="visually-hidden">Home</span></a>{{/if}}
-<ul class="nav">
-  {{#foreach navigation}}
-    <li class="nav-{{slug}}{{#if current}} nav-current{{/if}}">
-      <a href="{{url absolute="true"}}"><span>{{label}}</span></a>
-    </li>
-  {{/foreach}}
-</ul>
+<ul class='navigation__list'>
+    {{#foreach navigation}}
+        <li class='navigation__item'>
+            <a href="{{url absolute='true'}}">{{label}}</a>
+        </li>
+    {{/foreach}}
+</ul>
diff --git a/src/css/app.css b/src/css/app.css
@@ -13,11 +13,10 @@
 
 /* Layout */
 @import './layout/reset.css';
-@import './layout/navigation.css';
 @import './layout/dropdown.css';
 @import './layout/container.css';
-/* @import './layout/header.css'; */
-/* @import './layout/footer.css'; */
+@import './layout/navigation-top.css';
+@import './layout/footer.css';
 
 /* Pages */
 @import './pages/post.css';

diff --git a/src/css/components/button.css b/src/css/components/button.css
@@ -52,7 +52,6 @@
     .kg-button-card .kg-btn,
     .kg-button-card .kg-btn-accent {
         font-size: 1rem;
-        padding: 20px;
         width: fit-content;
     }
 

diff --git a/src/css/components/static-content.css b/src/css/components/static-content.css
@@ -1,6 +1,7 @@
 .static-content {
     width: 50%;
     margin: 0 auto;
+    max-width: var(--layout-inner-max-width);
 }
 
 .static-content.upcoming-conference-container {
@@ -24,6 +25,11 @@
     list-style-type: none;
 }
 
+.pagination {
+    display: flex;
+    justify-content: space-between;
+}
+
 @media screen and (max-width: 900px) and (orientation: portrait),
     (max-width: 823px) and (orientation: landscape) {
     .static-content {