From 73b7f2064989b60f3c156156cdc57cddec561f3c Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Tue, 26 Nov 2019 22:33:47 +0700
Subject: [PATCH] Add powered by

---
 client/Home.tsx           |  2 +-
 client/layouts/Layout.tsx | 49 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/client/Home.tsx b/client/Home.tsx
index b8094e7..2935c1d 100644
--- a/client/Home.tsx
+++ b/client/Home.tsx
@@ -123,7 +123,7 @@ const Home = () => {
                     </div>
                 </div>
 
-                <section style={{ height: '800px', overflow: 'hidden', paddingBottom: '32px', position: 'relative' }}>
+                <section style={{ height: '900px', overflow: 'hidden', paddingBottom: '32px', position: 'relative' }}>
                     <div
                         style={{
                             alignItems: 'center',
diff --git a/client/layouts/Layout.tsx b/client/layouts/Layout.tsx
index 9d99df5..a3ae16a 100644
--- a/client/layouts/Layout.tsx
+++ b/client/layouts/Layout.tsx
@@ -11,6 +11,55 @@ const Layout: React.FC<{}> = ({ children }) => {
         <div className="mw8 mb5 center">
             {children}
             <Footer />
+            <ul
+                style={{
+                    fontSize: '14px',
+                    lineHeight: 1.5,
+                    listStyleType: 'none',
+                    margin: '16px 0',
+                    padding: 0,
+                }}
+            >
+                <li>this</li>
+                <li style={{ marginLeft: '16px' }}>
+                    .madeWith(
+                        [<a href="https://reactjs.org" style={{ textDecoration: 'none' }}>react</a>,
+                        <a href="https://www.typescriptlang.org" style={{ textDecoration: 'none' }}>typescript</a>
+                    ])
+                </li>
+                <li style={{ marginLeft: '16px' }}>
+                    .then(r => lazyLoad(
+                        <a href="https://github.com/smooth-code/loadable-components" style={{ textDecoration: 'none' }}>
+                            @loadable/component
+                        </a>
+                    ))
+                </li>
+                <li style={{ marginLeft: '16px' }}>
+                    .then(r => optimizeAndBundle(
+                        <a href="https://webpack.js.org" style={{ textDecoration: 'none' }}>webpack</a>
+                    ))
+                </li>
+                <li style={{ marginLeft: '16px' }}>
+                    .then(r => exportHtml(
+                        <a href="https://github.com/stereobooster/react-snap" style={{ textDecoration: 'none' }}>
+                            react-snap
+                        </a>
+                    ))
+                </li>
+                <li style={{ marginLeft: '16px' }}>
+                    .then(r => deploy(
+                        <a href="https://www.netlify.com" style={{ textDecoration: 'none' }}>Netlify</a>
+                    ))
+                </li>
+                <li style={{ marginLeft: '16px' }}>.assert([scalableCode, superFastWebsite, seoFriendly])</li>
+                <li style={{ marginLeft: '16px' }}>
+                    .done(
+                        <a href="https://github.com/phuoc-ng/csslayout" style={{ textDecoration: 'none' }}>
+                            /&#42; Give me 1 star &#42;/
+                        </a>
+                    ) 🎉
+                </li>
+            </ul>
         </div>
     );
 };