Merge pull request #106 from aimementoring/feature/beta-message

Temp beta message added to header
aimementoring · Jan 23, 2020 · 8650c9d · 8650c9d
2 parents e19aff1 + 4c85486
commit 8650c9d
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 9 deletions.
diff --git a/components/layoutComponents/footer/index.js b/components/layoutComponents/footer/index.js
@@ -16,7 +16,7 @@ const Footer = ({ location }) => {
         {
           to: '/beAMentor',
           as: '/be-a-mentor',
-          label: 'Become a <strong>Mentor</strong>',
+          label: 'Become a Mentor',
         },
         {
           to: null,

diff --git a/components/layoutComponents/header/header.module.scss b/components/layoutComponents/header/header.module.scss
@@ -14,15 +14,17 @@
 
 .navHiring {
   color: $white;
-  background: $cmyk-pink;
-  padding: 0.25em;
+  background: $magenta;
+  padding: 0.75em;
   display: block;
   text-align: center;
+  font-size: 0.9em;
+  font-family: $body-font-family;
 
   &:hover {
     color: $white;
     text-decoration: none;
-  }
+  }  
 }
 
 .submenuArrow {

diff --git a/components/layoutComponents/header/standardHeader.js b/components/layoutComponents/header/standardHeader.js
@@ -11,9 +11,15 @@ const MobileMenu = dynamic(() => import('../mobileMenu'));
 
 const StandardHeader = () => (
   <div>
-    {/* <Anchor className={styles.navHiring} to="/positions">
-      We are hiring!
-    </Anchor> */}
+    <div className={styles.navHiring}>
+      Hey mate!
+      This site’s in draft mode.
+      Please be patient with us while it’s updated to reflect AIME in 2020 & beyond
+      &nbsp;
+      <span role="img" aria-label="kissing face with squinting eyes">
+        😙
+      </span>
+    </div>
     <div className={styles.siteHeaderContainer}>
       <div className={styles.logoContainer}>
         <Logo />

diff --git a/components/navList/navItem.module.scss b/components/navList/navItem.module.scss
@@ -1,7 +1,13 @@
 @import '../../styles/base/variables';
 
-.listItem {
-  margin-bottom: 1rem;
+.footerContent {
+  .listItem {
+    margin-bottom: 1rem;
+
+    &:nth-child(1){
+      margin-top: 1em;
+    }
+  }
 }
 
 .itemLink {