redrockjs/frontend-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor docs

Browse Source
This commit is contained in:
Valery Grunenko
2025-03-19 14:38:58 +03:00
parent a7548d5e3b
commit 1086a3c681
9 changed files with 1643 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/HomepageFeatures/index.tsx
View File

@@ -5,51 +5,58 @@ import styles from './styles.module.css';
type FeatureItem = {
title: string;
link: string;
Svg: React.ComponentType<React.ComponentProps<'svg'>>;
description: ReactNode;
};
const FeatureList: FeatureItem[] = [
{
title: 'Easy to Use',
Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
title: 'JavaScript',
link: 'https://learn.javascript.ru/',
Svg: require('@site/static/svg/js-logo.svg').default,
description: (
<>
Docusaurus was designed from the ground up to be easily installed and
used to get your website up and running quickly.
Современный учебник JavaScript <br/>
Перед вами учебник по JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.
</>
),
},
{
title: 'Focus on What Matters',
Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
title: 'Typescript handbook',
link: 'https://typescript-handbook.ru/',
Svg: require('@site/static/svg/ts-logo.svg').default,
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.
Руководство, шпаргалки, вопросы и другие материалы по TypeScript
</>
),
},
{
title: 'Powered by React',
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
title: 'React.dev',
link: 'https://ru.react.dev/learn',
Svg: require('@site/static/svg/react-logo.svg').default,
description: (
<>
Extend or customize your website layout by reusing React. Docusaurus can
be extended while reusing the same header and footer.
Добро пожаловать в документацию React! <br/>
Эта страница познакомит вас с большинством концепций React, которыми вы будете пользоваться каждый день.
</>
),
},
];
function Feature({title, Svg, description}: FeatureItem) {
function Feature({title, link, Svg, description}: FeatureItem) {
return (
<div className={clsx('col col--4')}>
<div className="text--center">
<Svg className={styles.featureSvg} role="img" />
<a href={link} target="_blank" rel="noreferrer">
<Svg className={styles.featureSvg} role="img" />
</a>
</div>
<div className="text--center padding-horiz--md">
<Heading as="h3">{title}</Heading>
<Heading as="h3">
<a href={link} target="_blank" rel="noreferrer">{title}</a>
</Heading>
<p>{description}</p>
</div>
</div>

2
src/pages/index.tsx
View File

@@ -32,7 +32,7 @@ export default function Home(): ReactNode {
const {siteConfig} = useDocusaurusContext();
return (
<Layout
title={`Hello from ${siteConfig.title}`}
title={`${siteConfig.title}`}
description="Description will go into a meta tag in <head />">
<HomepageHeader />
<main>