mirror of
https://github.com/phuoc-ng/csslayout.git
synced 2025-08-12 00:54:45 +02:00
Remove Made of section
This commit is contained in:
@@ -14,7 +14,6 @@ import CoverCard from '../components/CoverCard';
|
|||||||
import Pattern from '../constants/Pattern';
|
import Pattern from '../constants/Pattern';
|
||||||
import useDocumentTitle from '../hooks/useDocumentTitle';
|
import useDocumentTitle from '../hooks/useDocumentTitle';
|
||||||
import Layout from '../layouts/Layout';
|
import Layout from '../layouts/Layout';
|
||||||
import MadeOf from './MadeOf';
|
|
||||||
|
|
||||||
const HomePage = () => {
|
const HomePage = () => {
|
||||||
useDocumentTitle('CSS Layout');
|
useDocumentTitle('CSS Layout');
|
||||||
@@ -253,8 +252,6 @@ const HomePage = () => {
|
|||||||
<CoverCard pattern={Pattern.Wizard} />
|
<CoverCard pattern={Pattern.Wizard} />
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<MadeOf />
|
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
);
|
);
|
||||||
|
@@ -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;
|
|
Reference in New Issue
Block a user