From 6ab1ebb11800088b3cc0451baea504dbe4006615 Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Sun, 28 Mar 2021 19:57:25 +0700
Subject: [PATCH] Remove Made of section

---
 client/pages/HomePage.tsx |  3 ---
 client/pages/MadeOf.tsx   | 55 ---------------------------------------
 2 files changed, 58 deletions(-)
 delete mode 100644 client/pages/MadeOf.tsx

diff --git a/client/pages/HomePage.tsx b/client/pages/HomePage.tsx
index 3f42574..2fe676d 100644
--- a/client/pages/HomePage.tsx
+++ b/client/pages/HomePage.tsx
@@ -14,7 +14,6 @@ import CoverCard from '../components/CoverCard';
 import Pattern from '../constants/Pattern';
 import useDocumentTitle from '../hooks/useDocumentTitle';
 import Layout from '../layouts/Layout';
-import MadeOf from './MadeOf';
 
 const HomePage = () => {
     useDocumentTitle('CSS Layout');
@@ -253,8 +252,6 @@ const HomePage = () => {
                         <CoverCard pattern={Pattern.Wizard} />
                     </div>
                 </section>
-
-                <MadeOf />
             </div>
         </Layout>
     );
diff --git a/client/pages/MadeOf.tsx b/client/pages/MadeOf.tsx
deleted file mode 100644
index 24bc95f..0000000
--- a/client/pages/MadeOf.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-/**
- * A collection of popular layouts and patterns made with CSS (https://csslayout.io)
- * (c) 2019 - 2020 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
- */
-
-import React from 'react';
-
-import SampleCode from '../components/SampleCode';
-
-const MadeOf: React.FC<{}> = () => {
-    return (
-        <div
-            style={{
-                backgroundColor: '#282828',
-                padding: '24px',
-            }}
-        >
-            <div
-                className='text-2xl lg:text-4xl'
-                style={{
-                    color: '#FFF',
-                    fontWeight: 600,
-                    textAlign: 'center',
-                    textTransform: 'lowercase',
-                }}
-            >
-                How it's made
-            </div>
-            <div>
-                <SampleCode
-                    lang='javascript'
-                    code={`
-this
-    .madeWith([react,typescript])
-    .then((r) => lint(r))               /* tslint */
-    .then((r) => lazyLoad(r))           /* @loadable/component */
-    .then((r) => optimizeAndBundle(r))  /* webpack */
-    .then((r) => exportHtml(r))         /* react-snap */
-    .then((r) => deploy(r))             /* Netlify */
-    .then((r) => {
-        expect(r).is(scalableCode);
-        expect(r).is(superFastWebsite);
-        expect(r).is(seoFriendly);
-    })
-    .finally(() => {
-        /* Give me 1 Github star 🎉 */
-    });
-`}
-                />
-            </div>
-        </div>
-    );
-};
-
-export default MadeOf;