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 ( + + ) +} + +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; + } }