to TypeScript

2026-05-20 00:20:28 +00:00 · 2023-05-21 17:54:37 +05:00
parent 7b121b4861
commit f85f2dc3ae
45 changed files with 2710 additions and 1101 deletions
@@ -1,23 +0,0 @@
---
-title: About Me
---
-
-# About Me
-
-Тут о себе написать надо что то
-
-
-<!-- <div className="container margin-top--lg">
-  <div className="row">
-    <div className="col col--3 col--offset-3">
-      <a href="https://stripecertifications.credential.net/1dea0bc8-fad5-4712-a193-d414ad95bbb5" target="_blank">
-        <img src="/img/stripe-certification-professional-developer.png" alt="Stripe Certified Professional Developer" height="167" width="150" />
-      </a>
-    </div>
-    <div className="col col--3">
-      <a href="https://stripecertifications.credential.net/d1c8a153-86cb-456f-9c74-23e73702b254" target="_blank">
-        <img src="/img/stripe-certification-professional-architect.png" alt="Stripe Certified Professional Implementation Architect" height="167" width="150" />
-      </a>
-    </div>
-  </div>
-</div> -->
@@ -0,0 +1,28 @@
+---
+title: About
+hide_table_of_contents: true
+---
+
+# About
+
+Тут о себе текст
+
+export const Highlight = ({children, color}) => (
+  <span
+    style={{
+      backgroundColor: color,
+      borderRadius: '2px',
+      color: '#fff',
+      padding: '0.2rem',
+    }}>
+    {children}
+  </span>
+);
+
+<Highlight color="#25c2a0">Docusaurus green</Highlight> and <Highlight color="#1877F2">Facebook blue</Highlight> are my favorite colors.
+
+I can write **Markdown** alongside my _JSX_!
+
+:::note
+
+Some **content** with _Markdown_ `syntax`. Check [this `api`](#).
@@ -3,9 +3,9 @@ import clsx from 'clsx';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
-import HomepageFeatures from '@site/src/components/HomepageFeatures';
-import HomepageTopics from '@site/src/components/HomepageTopics';
-import HeroTest from '@site/src/components/HeroTest';
+import TopicsSection from '../components/home/TopicsSection';
+import HomeHeader from "../components/home/HomeHero";
+import AboutSite from "../components/home/AboutSite";

 import styles from './index.module.css';

@@ -15,32 +15,33 @@ function HomepageHeader() {
    <header className={clsx('hero hero--primary', styles.heroBanner)}>
      <div className="container">
        <h1 className="hero__title">{siteConfig.title}</h1>
-        {/* <h2 className="hero__title"> Добро пожаловать на мой сайт </h2> */}
-        <p className="hero__subtitle">Персональный сайт для хранения полезной информации и заметок</p>
-        <div className={styles.buttons}>
+        <p className="hero__subtitle">{siteConfig.tagline}</p>
+        {/* <div className={styles.buttons}>
          <Link
            className="button button--secondary button--lg"
-            to="/blog">
-            Перейти к записям
+            to="/docs/intro">
+            Docusaurus Tutorial - 5min ⏱️
          </Link>
-        </div>
+        </div> */}
      </div>
    </header>
  );
 }

-export default function Home() {
+export default function Home(): JSX.Element {
  const {siteConfig} = useDocusaurusContext();
  return (
    <Layout
-      title={`Personal blog ${siteConfig.title}`}
+      title={`Personal Blog ${siteConfig.title}`}
      description="Description will go into a meta tag in <head />">
-      <HomepageHeader />
-      <main>
+      {/* <HomepageHeader /> */}
+      <HomeHeader />
+      {/* <main> */}
        {/* <HomepageFeatures /> */}
-        <HomepageTopics />
-      </main>
-      <HeroTest />
+
+      {/* </main> */}
+      <TopicsSection />
+      <AboutSite />
    </Layout>
  );
 }
@@ -0,0 +1,7 @@
+---
+title: Markdown page example
+---
+
+# Markdown page example
+
+You don't need React to write simple standalone pages.