diff --git a/src/pages/home/index.js b/src/pages/home/index.js
index cc5081c..7beefc7 100644
--- a/src/pages/home/index.js
+++ b/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}) {
+
+
+
+
diff --git a/src/pages/home/sections/links.js b/src/pages/home/sections/links.js
new file mode 100644
index 0000000..64d6b28
--- /dev/null
+++ b/src/pages/home/sections/links.js
@@ -0,0 +1,37 @@
+import React from 'react'
+import utils from '../../../utils'
+
+export default Links
+
+function Links() {
+ return (
+
+ {
+ utils.intersperse(
+ getLinks().map((link, i) => {
+ return (
+
+ {link.title}
+
+ )
+ }),
+ ' | '
+ )
+ }
+
+ )
+}
+
+function getLinks() {
+ return [
+ {
+ href: 'http://issuetemplate.com/#/javascriptair/site/episode-suggestion',
+ title: 'Suggest Episodes',
+ },
+ {
+ href: 'mailto:javascriptair+website@gmail.com',
+ alt: 'Email JavaScript Air',
+ title: 'Contact us',
+ },
+ ]
+}
diff --git a/styles.css b/styles.css
index 0287ff0..72b1a65 100644
--- a/styles.css
+++ b/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;
+ }
}