Tweak footer

client/layouts/Layout.tsx

@@ -12,7 +12,29 @@ const Layout: React.FC<{}> = ({ children }) => {
         <div style={{ margin: '0 auto 64px auto', maxWidth: '1024px' }}>
             {children}
             <Footer />
-            <div>
+            <div
+                style={{
+                    backgroundColor: '#282828',
+                    display: 'flex',
+                }}
+            >
+                <div
+                    style={{
+                        alignItems: 'flex-end',
+                        color: '#FFF',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        fontWeight: 700,
+                        justifyContent: 'center',
+                        padding: '32px',
+                        textTransform: 'uppercase',
+                    }}
+                >
+                    <div style={{ fontSize: '48px' }}>How</div>
+                    <div style={{ fontSize: '70px' }}>it's</div>
+                    <div style={{ fontSize: '42px' }}>made</div>
+                </div>
+                <div style={{ flex: 1, padding: '32px' }}>
                     <SampleCode
                         lang='javascript'
                         code={`
@@ -30,7 +52,6 @@ this
     })
 `}
                     />
-            </div>
                     <div
                         className="hljs"
                         style={{
@@ -54,6 +75,8 @@ this
                         }) 🎉
                     </div>
                 </div>
+            </div>
+        </div>
     );
 };