- {FeatureList.map((props, idx) => (
+ {FeatureList(props.language || "").map((props, idx) => (
))}
diff --git a/site2/website-next/src/components/Svg.js b/site2/website-next/src/components/Svg.js
new file mode 100644
index 0000000000000..3d3b1a23f8a9c
--- /dev/null
+++ b/site2/website-next/src/components/Svg.js
@@ -0,0 +1,24 @@
+import React from "react";
+import { ReactSVG } from "react-svg";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+
+export default function Svg(props) {
+ return (
+
{
+ svg.setAttribute(
+ "style",
+ "" +
+ (!isNaN(parseFloat(props.width))
+ ? "width: " + props.width + ";"
+ : "") +
+ (!isNaN(parseFloat(props.height))
+ ? "height: " + props.height + ";"
+ : "")
+ );
+ svg.setAttribute("class", props.className);
+ }}
+ />
+ );
+}
diff --git a/site2/website-next/src/css/custom.css b/site2/website-next/src/css/custom.css
index ff2d075a961a3..a15083b9dabcb 100644
--- a/site2/website-next/src/css/custom.css
+++ b/site2/website-next/src/css/custom.css
@@ -5,7 +5,22 @@
* work well for content-centric websites.
*/
-/* You can override the default Infima variables here. */
+.tailwind {
+ @tailwind base;
+ @tailwind components;
+ @tailwind utilities;
+ @tailwind screens;
+}
+
+/* .section {
+ @apply max-w-screen-xl xl:max-w-screen-xl px-8 container;
+} */
+
+svg {
+ width: inherit;
+ height: inherit;
+}
+
:root {
--ifm-color-primary: #198fff;
--ifm-color-primary-dark: rgb(33, 175, 144);
@@ -15,6 +30,8 @@
--ifm-color-primary-lighter: rgb(102, 212, 189);
--ifm-color-primary-lightest: rgb(146, 224, 208);
--ifm-code-font-size: 95%;
+ --ifm-container-width: 1280px;
+ --ifm-container-width-xl: 1536px;
}
.docusaurus-highlight-code-line {
@@ -24,6 +41,6 @@
padding: 0 var(--ifm-pre-padding);
}
-html[data-theme='dark'] .docusaurus-highlight-code-line {
+html[data-theme="dark"] .docusaurus-highlight-code-line {
background-color: rgba(0, 0, 0, 0.3);
}
diff --git a/site2/website-next/src/pages/index.js b/site2/website-next/src/pages/index.js
index 61d476ddc0dcd..a412a18ce118d 100644
--- a/site2/website-next/src/pages/index.js
+++ b/site2/website-next/src/pages/index.js
@@ -1,40 +1,73 @@
-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 '../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 "../components/HomepageFeatures";
+import Svg from "../components/Svg";
+import { docUrl, githubUrl } from "../utils/index";
+import Stack from "@mui/material/Stack";
+import Button from "@mui/material/Button";
-function HomepageHeader() {
- const {siteConfig} = useDocusaurusContext();
+function HomepageHeader(props) {
+ const { siteConfig } = useDocusaurusContext();
return (
-