1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-11 16:44:57 +02:00

Remove Made of section

This commit is contained in:
Phuoc Nguyen
2021-03-28 19:57:25 +07:00
parent 09151bb8c4
commit 6ab1ebb118
2 changed files with 0 additions and 58 deletions

View File

@@ -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>
);

View File

@@ -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;