Add links at the bottom and fix some styling issues

src/pages/home/index.js

@@ -11,6 +11,7 @@ import EpisodesSection from './sections/episodes'
 import HostSection from './sections/host'
 import PanelistsSection from './sections/panelists'
 import SponsorsSection from './sections/sponsors'
+import LinksSection from './sections/links'
 
 import SocialIconGroupSection from './sections/social-icon-group'
 import GoogleAnalyticsScript from './scripts/google-analytics'
@@ -58,6 +59,10 @@ function Home({futureEpisodes = [], pastEpisodes = [], sponsors}) {
 
       <SocialIconGroupSection />
 
+      <hr />
+
+      <LinksSection />
+
       <GoogleAnalyticsScript />
       <FeatureShowScript />
     </Page>

src/pages/home/sections/links.js

@@ -0,0 +1,37 @@
+import React from 'react'
+import utils from '../../../utils'
+
+export default Links
+
+function Links() {
+  return (
+    <section id="links" className="+text-center +font-smaller">
+      {
+        utils.intersperse(
+          getLinks().map((link, i) => {
+            return (
+              <a key={i} href={link.href} alt={link.alt || link.title}>
+                {link.title}
+              </a>
+            )
+          }),
+          ' | '
+        )
+      }
+    </section>
+  )
+}
+
+function getLinks() {
+  return [
+    {
+      href: 'http://issuetemplate.com/#/javascriptair/site/episode-suggestion',
+      title: 'Suggest Episodes',
+    },
+    {
+      href: 'mailto:[email protected]',
+      alt: 'Email JavaScript Air',
+      title: 'Contact us',
+    },
+  ]
+}

styles.css

@@ -133,7 +133,7 @@ h3 small {
     font-size: 23px;
   }
 
-  .person img {
+  .person img, .sponsor img {
     max-width: 120px;
   }
 
@@ -146,6 +146,10 @@ h3 small {
     margin-right: 10px;
   }
 
+  .\+font-smaller {
+    font-size: 12px;
+  }
+
 }
 
 /* Desktop */
@@ -175,7 +179,7 @@ h3 small {
     font-size: 30px;
   }
 
-  .person img {
+  .person img, .sponsor img {
     max-width: 180px;
   }
 
@@ -188,4 +192,8 @@ h3 small {
     margin-right: 28px;
   }
 
+
+  .\+font-smaller {
+    font-size: 18px;
+  }
 }