codeforgso · SchaeStewart · Nov 14, 2019 · Nov 8, 2019 · Nov 11, 2019 · Nov 12, 2019
diff --git a/components/page.js b/components/page.js
@@ -11,7 +11,6 @@ const Page = ({ children, title = '' }) => (
         <Nav />
         <div className="section main">
             <div className="container">
-                <h1 className="title">{title}</h1>
                 <div>{children}</div>
             </div>
         </div>

diff --git a/pages/about.js b/pages/about.js
@@ -26,7 +26,7 @@ const About = () => (
                     through technology.
                 </p>
 
-                <h5>For Example</h5>
+                <p className="content-heading">For Example</p>
 
                 <p>
                     What sorts of projects do we do? Mapping and recording the
@@ -38,7 +38,7 @@ const About = () => (
                     an entire city — can sometimes be forgotten.
                 </p>
 
-                <h5>Is This Just For Coders?</h5>
+                <p className="content-heading">Is This Just For Coders?</p>
 
                 <p>
                     The short answer is, {'"'}nope{'"'}. We need people from all
@@ -51,7 +51,7 @@ const About = () => (
                     we need the <em>community</em>.
                 </p>
 
-                <h5>What goes on at our meetups?</h5>
+                <p className="content-heading">What goes on at our meetups?</p>
 
                 <p>
                     We start every meetup with introductions and a welcome to
@@ -85,7 +85,7 @@ const About = () => (
                 </p>
             </div>
         </div>
-        <h1 className="subtitle is-2 content">LeaderShip</h1>
+        <h2 className="subtitle is-2 content">Leadership</h2>
         <div className="content container">add content</div>
         <h2 className="subtitle is-2">Sponsors</h2>
         <div className="content container">add content</div>

diff --git a/pages/join.js b/pages/join.js
@@ -1,9 +1,6 @@
 import React from 'react'
 import Page from '../components/page'
 
-// class Join extends React.Component {
-//     render() {
-//         return (
 const Join = () => (
     <Page title="">
         <h1 className="title is-1">Join Us</h1>
@@ -27,7 +24,11 @@ const Join = () => (
             </div>
             <br />
             <div className="join-item">
-                <a href="https://bit.ly/cfgso-slack" rel="noopener noreferrer" target="_blank">
+                <a
+                    href="https://bit.ly/cfgso-slack"
+                    rel="noopener noreferrer"
+                    target="_blank"
+                >
                     <div>
                         <img src="../static/icon_slack.svg" alt="Slack logo" />
                     </div>
@@ -38,7 +39,11 @@ const Join = () => (
                 </p>
                 <p>
                     If you are already a member of our Slack workspace,
-                    <a href="https://cfgso.slack.com" rel="noopener noreferrer" target="_blank">
+                    <a
+                        href="https://cfgso.slack.com"
+                        rel="noopener noreferrer"
+                        target="_blank"
+                    >
                         {' '}
                         visit now.
                     </a>

diff --git a/styles.scss b/styles.scss
@@ -2,7 +2,7 @@
 
 // app colors
 $red: hsl(9, 69%, 49%);
-$green: hsl(180, 76%, 31%);
+$green: hsl(180, 76%, 29%);
 $lightgreen: hsl(180, 76%, 40%);
 $text-white: hsl(0, 0%, 100%);
 $text-black: hsl(3, 0%, 0%);
@@ -60,16 +60,13 @@ body {
   background-color: #fff;
   position: relative;
   z-index: 1;
-  margin-bottom: 50vh;
   height: auto;
 }
 
 footer {
-  position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
-  height: 45vh;
 }
 
 footer a:hover {
@@ -79,10 +76,6 @@ footer a:hover {
 @media (min-width: 769px) {
   .main {
     margin-bottom: 15vh;
-    height: 120vh;
-  }
-  footer {
-    height: 10vh;
   }
 }
 
@@ -170,6 +163,14 @@ footer a:hover {
   object-position: 100% 25%;
 }
 
+.content-heading {
+  color: #363636;
+  font-weight: 600;
+  line-height: 1.125;
+  font-size: 1.125em;
+  margin-bottom: 0.8888em;
+}
+
 .home .hero-image img {
   object-position: 0% 40%;
 }