ui: first pass on redesign (#228)

src/templates/languageHome.tsx

@@ -4,12 +4,18 @@ import { Header } from "../components/Header"
 import { Markdown } from "../components/Markdown"
 import { ResourcesList } from "../components/ResourcesList"
 import { SEO } from "../components/SEO"
+import { PageContent } from "../components/PageContent"
+import { Footer } from "../components/Footer"
 
 // @todo maybe find alternative type for data
 const LanguageHome: FC<any> = ({ data, pageContext }) => {
   const { relativePath } = data.file
   const { html, excerpt, fields, frontmatter, timeToRead } = data.file.post
 
+  const shiftLayout = Boolean(
+    frontmatter.recommended_reading || frontmatter.external_resources
+  )
+
   return (
     <Fragment>
       <SEO title={frontmatter.title} description={excerpt} />
@@ -20,11 +26,19 @@ const LanguageHome: FC<any> = ({ data, pageContext }) => {
         authors={fields.authors}
         createdAt={frontmatter.created_at}
         timeToRead={timeToRead}
+        shifted={shiftLayout}
+      />
+      <PageContent
+        content={
+          <>
+            <Markdown content={html} />
+            <ResourcesList relativeDirectory={pageContext.language} />
+            <Footer />
+          </>
+        }
         recommendedReading={frontmatter.recommended_reading}
         externalResources={frontmatter.external_resources}
       />
-      <Markdown content={html} />
-      <ResourcesList relativeDirectory={pageContext.language} />
     </Fragment>
   )
 }