diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 4942aa1..249d9e7 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -6,19 +6,19 @@ import type * as Preset from '@docusaurus/preset-classic'; const config: Config = { title: 'Frontend Docs', - tagline: 'Dinosaurs are cool', - favicon: 'img/favicon.ico', + tagline: 'Made with Dinosaurs', + favicon: 'img/favicon.png', // Set the production url of your site here - url: 'https://your-docusaurus-site.example.com', + url: 'https://frontend-docs-azure.vercel.app/', // Set the // pathname under which your site is served // For GitHub pages deployment, it is often '//' baseUrl: '/', // GitHub pages deployment config. // If you aren't using GitHub pages, you don't need these. - organizationName: 'facebook', // Usually your GitHub org/user name. - projectName: 'docusaurus', // Usually your repo name. + organizationName: 'Redrock corp.', // Usually your GitHub org/user name. + projectName: 'fe-docs', // Usually your repo name. onBrokenLinks: 'throw', onBrokenMarkdownLinks: 'warn', @@ -66,19 +66,19 @@ const config: Config = { themeConfig: { // Replace with your project's social card - image: 'img/docusaurus-social-card.jpg', + image: 'svg/developer-logo.svg', navbar: { title: 'Frontend Docs', logo: { alt: 'Frontend Docs', - src: 'img/logo.svg', + src: 'svg/developer-logo.svg', }, items: [ { type: 'docSidebar', sidebarId: 'tutorialSidebar', position: 'left', - label: 'Questions', + label: 'Документация', }, // {to: '/blog', label: 'Blog', position: 'left'}, { @@ -92,14 +92,40 @@ const config: Config = { style: 'dark', links: [ { - title: 'Docs', + title: 'Frontend Docs', items: [ { - label: 'Questions', + label: 'Документация', to: '/docs/category/browser', } ], }, + { + title: 'Ссылки', + items: [ + { + label: 'Learn.javascript.ru', + to: 'https://learn.javascript.ru/', + }, + { + label: 'Typescript Lang', + to: 'https://www.typescriptlang.org/', + }, + { + label: 'React Dev', + to: 'https://ru.react.dev/learn', + }, + ], + }, + { + title: 'Справочники', + items: [ + { + label: 'Дока', + to: 'https://doka.guide/' + } + ] + } ], copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`, }, diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx index c2551fb..d064569 100644 --- a/src/components/HomepageFeatures/index.tsx +++ b/src/components/HomepageFeatures/index.tsx @@ -5,51 +5,58 @@ import styles from './styles.module.css'; type FeatureItem = { title: string; + link: string; Svg: React.ComponentType>; 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
+ Перед вами учебник по 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'll do the chores. Go - ahead and move your docs into the docs 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!
+ Эта страница познакомит вас с большинством концепций React, которыми вы будете пользоваться каждый день. ), }, ]; -function Feature({title, Svg, description}: FeatureItem) { +function Feature({title, link, Svg, description}: FeatureItem) { return (
- + + +
- {title} + + {title} +

{description}

diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 00fb03e..8071ec0 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -32,7 +32,7 @@ export default function Home(): ReactNode { const {siteConfig} = useDocusaurusContext(); return (
diff --git a/static/img/favicon.ico b/static/img/favicon.ico deleted file mode 100644 index c01d54b..0000000 Binary files a/static/img/favicon.ico and /dev/null differ diff --git a/static/img/favicon.png b/static/img/favicon.png new file mode 100644 index 0000000..0fdce3e Binary files /dev/null and b/static/img/favicon.png differ diff --git a/static/svg/developer-logo.svg b/static/svg/developer-logo.svg new file mode 100644 index 0000000..88145c1 --- /dev/null +++ b/static/svg/developer-logo.svg @@ -0,0 +1,1570 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/svg/js-logo.svg b/static/svg/js-logo.svg new file mode 100644 index 0000000..9650ca7 --- /dev/null +++ b/static/svg/js-logo.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/static/svg/react-logo.svg b/static/svg/react-logo.svg new file mode 100644 index 0000000..ea77a61 --- /dev/null +++ b/static/svg/react-logo.svg @@ -0,0 +1,9 @@ + + React Logo + + + + + + + diff --git a/static/svg/ts-logo.svg b/static/svg/ts-logo.svg new file mode 100644 index 0000000..a46d53d --- /dev/null +++ b/static/svg/ts-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file