From f65c0d3742f25bbecf75b4c0691edbb5e9d9a901 Mon Sep 17 00:00:00 2001 From: "khoi.tuan" Date: Fri, 6 May 2022 17:45:17 +1000 Subject: [PATCH] small change --- blog/authors.yml | 6 ++++ docs/intro.md | 2 +- docusaurus.config.js | 34 ++++++++++----------- src/components/HomepageFeatures/index.tsx | 24 +++++++-------- src/pages/index.tsx | 36 +++++++++++------------ 5 files changed, 54 insertions(+), 48 deletions(-) diff --git a/blog/authors.yml b/blog/authors.yml index bcb2991..b69ce0e 100644 --- a/blog/authors.yml +++ b/blog/authors.yml @@ -1,3 +1,9 @@ +khoituan: + name: Khoi Tuan + title: Software Engineer @ Entain + url: https://www.khoituan.com + image_url: https://github.com/tuannkhoi.png + endi: name: Endilie Yacop Sucipto title: Maintainer of Docusaurus diff --git a/docs/intro.md b/docs/intro.md index 5002602..5424da0 100644 --- a/docs/intro.md +++ b/docs/intro.md @@ -1,5 +1,5 @@ --- -sidebar_position: 1 +sidebar_position: 2 --- # Tutorial Intro diff --git a/docusaurus.config.js b/docusaurus.config.js index 19d1fa9..47b6113 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -7,7 +7,7 @@ const darkCodeTheme = require("prism-react-renderer/themes/dracula"); /** @type {import('@docusaurus/types').Config} */ const config = { title: "Khoi Tuan", - tagline: "This is Khoi Tuan", + tagline: "I'm a software engineer at Entain Australia.", url: "https://tuannkhoi.github.io", baseUrl: "/", onBrokenLinks: "log", @@ -24,15 +24,15 @@ const config = { ({ docs: { sidebarPath: require.resolve("./sidebars.js"), - // Please change this to your repo. - editUrl: - "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/", + // Please change this to your repo - plus I don't really understand what this line is for + // editUrl: + // "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/", }, blog: { showReadingTime: true, // Please change this to your repo. - editUrl: - "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/", + // editUrl: + // "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/", }, theme: { customCss: require.resolve("./src/css/custom.css"), @@ -45,9 +45,9 @@ const config = { /** @type {import('@docusaurus/preset-classic').ThemeConfig} */ ({ navbar: { - title: "My Site", + title: "Khoi Tuan", logo: { - alt: "My Site Logo", + alt: "Docusaurus's Logo", src: "img/logo.svg", }, items: [ @@ -59,7 +59,7 @@ const config = { }, { to: "/blog", label: "Blog", position: "left" }, { - href: "https://github.com/facebook/docusaurus", + href: "https://github.com/tuannkhoi", label: "GitHub", position: "right", }, @@ -78,19 +78,19 @@ const config = { ], }, { - title: "Community", + title: "Reach me at", items: [ { - label: "Stack Overflow", - href: "https://stackoverflow.com/questions/tagged/docusaurus", + label: "Facebook", + href: "https://www.facebook.com/tuankhoiai/", }, { - label: "Discord", - href: "https://discordapp.com/invite/docusaurus", + label: "Instagram", + href: "https://www.instagram.com/khoituan.ai/", }, { label: "Twitter", - href: "https://twitter.com/docusaurus", + href: "https://twitter.com/tuannkhoi", }, ], }, @@ -103,12 +103,12 @@ const config = { }, { label: "GitHub", - href: "https://github.com/facebook/docusaurus", + href: "https://github.com/tuannkhoi", }, ], }, ], - copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`, + copyright: `Copyright © ${new Date().getFullYear()} Khoi Tuan`, }, prism: { theme: lightCodeTheme, diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx index 91ef460..ee86e91 100644 --- a/src/components/HomepageFeatures/index.tsx +++ b/src/components/HomepageFeatures/index.tsx @@ -1,17 +1,17 @@ -import React from 'react'; -import clsx from 'clsx'; -import styles from './styles.module.css'; +import React from "react"; +import clsx from "clsx"; +import styles from "./styles.module.css"; type FeatureItem = { title: string; - Svg: React.ComponentType>; + Svg: React.ComponentType>; description: JSX.Element; }; const FeatureList: FeatureItem[] = [ { - title: 'Easy to Use', - Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default, + title: "Easy to Use", + Svg: require("@site/static/img/undraw_docusaurus_mountain.svg").default, description: ( <> Docusaurus was designed from the ground up to be easily installed and @@ -20,8 +20,8 @@ const FeatureList: FeatureItem[] = [ ), }, { - title: 'Focus on What Matters', - Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default, + title: "Focus on What Matters", + Svg: require("@site/static/img/undraw_docusaurus_tree.svg").default, description: ( <> Docusaurus lets you focus on your docs, and we'll do the chores. Go @@ -30,8 +30,8 @@ const FeatureList: FeatureItem[] = [ ), }, { - title: 'Powered by React', - Svg: require('@site/static/img/undraw_docusaurus_react.svg').default, + title: "Powered by React", + Svg: require("@site/static/img/undraw_docusaurus_react.svg").default, description: ( <> Extend or customize your website layout by reusing React. Docusaurus can @@ -41,9 +41,9 @@ const FeatureList: FeatureItem[] = [ }, ]; -function Feature({title, Svg, description}: FeatureItem) { +function Feature({ title, Svg, description }: FeatureItem) { return ( -
+
diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 3408a41..006d239 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,36 +1,36 @@ -import React from 'react'; -import clsx from 'clsx'; -import Layout from '@theme/Layout'; -import Link from '@docusaurus/Link'; -import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; -import styles from './index.module.css'; -import HomepageFeatures from '@site/src/components/HomepageFeatures'; +import React from "react"; +import clsx from "clsx"; +import Layout from "@theme/Layout"; +import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; +import styles from "./index.module.css"; +import HomepageFeatures from "@site/src/components/HomepageFeatures"; function HomepageHeader() { - const {siteConfig} = useDocusaurusContext(); + const { siteConfig } = useDocusaurusContext(); return ( -
+

{siteConfig.title}

{siteConfig.tagline}

-
- - Docusaurus Tutorial - 5min ⏱️ - -
+

+ At the moment, I'm learning system design and writing blog about it. +

+

+ I'm always finding cool things to write about, shoot me an email if + you have any suggestion 😃 +

); } export default function Home(): JSX.Element { - const {siteConfig} = useDocusaurusContext(); + const { siteConfig } = useDocusaurusContext(); return ( + description="Description will go into a meta tag in " + >