diff --git a/website/src/css/pages/_blog.scss b/website/src/css/pages/_blog.scss index 069b4215a61..e539a7e0450 100644 --- a/website/src/css/pages/_blog.scss +++ b/website/src/css/pages/_blog.scss @@ -61,6 +61,46 @@ cursor: auto; } } + + .subscription-grid { + display: grid; + grid-template-columns: 30% 70%; + max-width: 990px; + } + + .grid-item-1 { + grid-column-start: 2; + grid-column-end: 2; + grid-row-start: 1; + grid-row-end: 1; + } + + .grid-item-2 { + grid-column-start: 1; + grid-column-end: 1; + grid-row-start: 1; + grid-row-end: 1; + } + + .grid-image { + height: 100%; + width: 100%; + } +} + +@media (max-width: 1200px) { + .blog { + .subscription-grid { + display: block; + } + .grid-item-2 { + display: none; + } + } +} + +#gopherConForm { + justify-content: center; } table { diff --git a/website/src/pages/go.tsx b/website/src/pages/go.tsx index dd794725819..a39142d57ba 100644 --- a/website/src/pages/go.tsx +++ b/website/src/pages/go.tsx @@ -6,8 +6,18 @@ import BlogHeadLinks from '../components/BlogHeadLinks' import BlogPosts from '../components/BlogPosts' import Layout from '../components/Layout' export default class GoList extends React.Component { - constructor(props: any) { - super(props) + public componentDidMount(): void { + const script = document.createElement('script') + script.src = '//js.hsforms.net/forms/v2.js' + const hubspot = document.getElementById('gopherConForm') + hubspot.appendChild(script) + script.addEventListener('load', () => { + ;(window as any).hbspt.forms.create({ + portalId: '2762526', + formId: '9cfe9111-fe45-45f5-873a-9f4925affdfd', + target: '#gopherConForm', + }) + }) } public render(): JSX.Element | null { @@ -32,7 +42,22 @@ export default class GoList extends React.Component {

Plain Text

+
+
+

Subscribe to the GopherCon 2019 Liveblog

+

Get notified as each post goes live.

+
+
+
+
+
+
+
+ +
+
+