diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 887a4ca2a97..99d423e0370 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -7,52 +7,55 @@ import styles from "./index.module.css"; import HomepageFeatures from "../components/HomepageFeatures"; function HomepageHeader() { - const { siteConfig } = useDocusaurusContext(); - return ( -
-
-

{siteConfig.title}

-

{siteConfig.tagline}

-
-
- - Get Started - -

- Current stable version of AutoGen (autogen-agentchat~=0.2) -

-
-
- - Preview v0.4 - -

- A new event driven architecture for AutoGen -

-
-
-
-
- ); + const { siteConfig } = useDocusaurusContext(); + return ( +
+
+

{siteConfig.title}

+

{siteConfig.tagline}

+
+
+ + Get Started + +

+ Current stable version of AutoGen (autogen-agentchat~=0.2) +

+
+
+ + Preview v0.4 + +

+ A new event driven, asynchronous architecture for AutoGen +

+
+
+
+
+ ); } export default function Home() { - const { siteConfig } = useDocusaurusContext(); - return ( - - -
- -
-
- ); + const { siteConfig } = useDocusaurusContext(); + return ( + + +
+ +
+
+ ); } diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css index dc827fa4c42..883ab870aae 100644 --- a/website/src/pages/index.module.css +++ b/website/src/pages/index.module.css @@ -29,11 +29,18 @@ display: flex; flex-direction: column; align-items: center; + width: 200px; +} + +.buttonLink { + width: 100%; } .buttonTagline { font-size: 0.8rem; margin-top: 5px; text-align: center; - max-width: 200px; + height: 100px; + overflow-y: auto; + padding: 5px; }