Updates for June

Author: brampersandon

css/main.scss

@@ -123,6 +123,21 @@ a {
 
 }
 
+.secondary-header {
+  text-transform: uppercase;
+  text-align: center;
+  font-size: 1rem;
+  padding: 0px 12px;
+  margin-bottom: 30px;
+
+  @include break-at( sm ) {
+    padding-top: 15px;
+    margin-bottom: 65px;
+    font-size: 1.73rem;
+  }
+
+}
+
 .hero-container {
   display: flex;
   flex-direction: column;

pages/index.jsx

@@ -13,8 +13,9 @@ class index extends React.Component {
         <div className='hero-container-content'>
 
           <div className='primary-header'>JavaScript MN</div>
+          <div className='secondary-header'>A monthly meetup for anyone interested in JavaScript and related technologies in the Twin Cities.</div>
 
-          <Meetup />
+	  <Meetup />
 
           <div className='button-row'>
             <button className='outline-button' onClick={_ => this.openURL("https://meetup.com/javascriptmn")}>
@@ -51,7 +52,7 @@ class index extends React.Component {
       <div id='#location' className='secondary-content tilt-left'>
         <div className='column'>
           <h2 className='secondary-content-header'>Location</h2>
-          <div className='secondary-content-blurb'>We are graciously hosted at <strong>Olson\'s</strong> office space in downtown Minneapolis. Parking is available in the adjacent lot or additional street parking near the building.</div>
+          <div className='secondary-content-blurb'>We are graciously hosted at <strong>Olson's</strong> office space in downtown Minneapolis. Parking is available in the adjacent lot or additional street parking near the building.</div>
           <address>
             Olson<br />
             420 N 5th St<br />

pages/speak.html

@@ -1,3 +1,20 @@
+<div class="interior-page tilt-left">
+
+  <h1 class="secondary-content-header">Speak at JSMN</h1>
+  <p>
+    If you have something you think would be great for the group,
+    consider the opportunity to beef up your public speaking skills and hone
+    your understanding of the tech topic at hand by giving a talk at an upcoming
+    meetup. Get in front of the biggest tech meetup in the state to be seen and
+    heard by fellow coders, coworkers, recruiters, and grow your presence in the
+    Twin Cities tech community.
+  </p>
+
+  <button class='outline-button' onclick="window.open('mailto:javascript.mn@gmail.com')">
+    <span>Email us about your idea!</span>
+  </button>
+</div>
+
 <div class="interior-page tilt-left">
 
   <h1 class="secondary-content-header">Speaker Questionnaire</h1>
@@ -9,16 +26,16 @@ <h1 class="secondary-content-header">Speaker Questionnaire</h1>
       What is the title for your presentation?
     </li>
     <li>
-      What is a brief description of your talk? 
+      What is a brief description of your talk?
     </li>
     <li>
       How will this improve how people work with JavaScript?
     </li>
     <li>
-      What is one thing people should know beforehand to better understand this talk? 
+      What is one thing people should know beforehand to better understand this talk?
     </li>
     <li>
-      What are pre-meetup resources that individuals should check out? 
+      What are pre-meetup resources that individuals should check out?
     </li>
     <li>
       What information about you would you like to share (bio, links, contact info?)