Skip to content

Commit

Permalink
docs(website): updates
Browse files Browse the repository at this point in the history
  • Loading branch information
unadlib committed Nov 26, 2023
1 parent 55b54c4 commit ea7f82c
Show file tree
Hide file tree
Showing 3 changed files with 24 additions and 21 deletions.
35 changes: 19 additions & 16 deletions website/src/components/HomepageFeatures/index.js
Original file line number Diff line number Diff line change
@@ -1,46 +1,49 @@
/* eslint-disable import/no-unresolved */
/* eslint-disable react/jsx-props-no-spreading */
/* eslint-disable react/no-array-index-key */
/* eslint-disable prettier/prettier */
/* eslint-disable react/prop-types */
/* eslint-disable react/react-in-jsx-scope */
/* eslint-disable react/jsx-filename-extension */
import clsx from 'clsx';
import Heading from '@theme/Heading';
import styles from './styles.module.css';

const FeatureList = [
{
title: 'Easy to Use',
Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
title: 'Simplifies Immutable Updates',
description: (
<>
Docusaurus was designed from the ground up to be easily installed and
used to get your website up and running quickly.
Writing immutable updates by hand is usually difficult, prone to errors,
and cumbersome. Mutative helps us write simpler immutable updates with{' '}
<code>mutative</code> logic.
</>
),
},
{
title: 'Focus on What Matters',
Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
title: 'High Performance',
description: (
<>
Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
ahead and move your docs into the <code>docs</code> directory.
Mutative is faster than naive handcrafted reducer, and more than 10x
faster than Immer.
</>
),
},
{
title: 'Powered by React',
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
title: 'Powerful',
description: (
<>
Extend or customize your website layout by reusing React. Docusaurus can
be extended while reusing the same header and footer.
Mutative supports custom shallow copying. It enables the custom marking
of mutable and immutable data. It also supports JSON patches
specification, strict mode, Reducers, and more.
</>
),
},
];

function Feature({Svg, title, description}) {
function Feature({ Svg, title, description }) {
return (
<div className={clsx('col col--4')}>
<div className="text--center">
<Svg className={styles.featureSvg} role="img" />
</div>
<div className="text--center padding-horiz--md">
<Heading as="h3">{title}</Heading>
<p>{description}</p>
Expand Down
2 changes: 1 addition & 1 deletion website/src/components/HomepageFeatures/styles.module.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.features {
display: flex;
align-items: center;
padding: 2rem 0;
padding: 4rem 0;
width: 100%;
}

Expand Down
8 changes: 4 additions & 4 deletions website/src/pages/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,12 @@ function HomepageHeader() {
className={styles.heroTitleTextHtml}
dangerouslySetInnerHTML={{
__html:
'<b>Better</b> immutability, <b>Efficient</b> immutable updates',
'<b>Better</b> immutability<br/><b>Faster</b> immutable updates',
}}
/>
</Heading>
<div className={styles.indexCtas}>
<Link className="button button--primary" to="/docs">
<Link className="button button--primary" to="/docs/intro">
<Translate>Get Started</Translate>
</Link>
<span className={styles.indexCtasGitHubButtonWrapper}>
Expand All @@ -57,8 +57,8 @@ export default function Home() {
const { siteConfig } = useDocusaurusContext();
return (
<Layout
title={`Hello from ${siteConfig.title}`}
description="Description will go into a meta tag in <head />"
title={`${siteConfig.title} - A library for efficiently updating immutable data`}
description="Efficient immutable updates, faster than naive handcrafted reducer, and more than 10x faster than Immer."
>
<HomepageHeader />
<main>
Expand Down

0 comments on commit ea7f82c

Please sign in to comment.