diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..5fc5eb1 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,2 @@ +**/*.md +**/*.mdx diff --git a/babel.config.js b/babel.config.js index e00595d..f8c7bb9 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,3 +1,3 @@ module.exports = { - presets: [require.resolve('@docusaurus/core/lib/babel/preset')], + presets: [require.resolve("@docusaurus/core/lib/babel/preset")], }; diff --git a/docs/tutorial/_category_.json b/docs/tutorial/_category_.json index 26cdaea..ca8d9f6 100644 --- a/docs/tutorial/_category_.json +++ b/docs/tutorial/_category_.json @@ -1,7 +1,7 @@ { - "label": "📝 Tutorial", - "position": 300, - "link": { - "type": "generated-index" - } -} \ No newline at end of file + "label": "📝 Tutorial", + "position": 300, + "link": { + "type": "generated-index" + } +} diff --git a/postcss.config.js b/postcss.config.js index 33ad091..e873f1a 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,6 +1,6 @@ module.exports = { - plugins: { - tailwindcss: {}, - autoprefixer: {}, - }, -} + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +}; diff --git a/sidebars.js b/sidebars.js index 3327580..27a63e1 100644 --- a/sidebars.js +++ b/sidebars.js @@ -13,11 +13,11 @@ /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */ const sidebars = { - // By default, Docusaurus generates a sidebar from the docs folder structure - tutorialSidebar: [{type: 'autogenerated', dirName: '.'}], + // By default, Docusaurus generates a sidebar from the docs folder structure + tutorialSidebar: [{ type: "autogenerated", dirName: "." }], - // But you can create a sidebar manually - /* + // But you can create a sidebar manually + /* tutorialSidebar: [ 'intro', 'hello', diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js index acc7621..0f865ba 100644 --- a/src/components/HomepageFeatures/index.js +++ b/src/components/HomepageFeatures/index.js @@ -1,64 +1,64 @@ -import clsx from 'clsx'; -import Heading from '@theme/Heading'; -import styles from './styles.module.css'; +import clsx from "clsx"; +import Heading from "@theme/Heading"; +import styles from "./styles.module.css"; const FeatureList = [ - { - 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 - used to get your website up and running quickly. - - ), - }, - { - 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 - ahead and move your docs into the docs directory. - - ), - }, - { - 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 - be extended while reusing the same header and footer. - - ), - }, + { + 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 + used to get your website up and running quickly. + + ), + }, + { + 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 + ahead and move your docs into the docs directory. + + ), + }, + { + 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 + be extended while reusing the same header and footer. + + ), + }, ]; -function Feature({Svg, title, description}) { - return ( -
-
- -
-
- {title} -

{description}

-
-
- ); +function Feature({ Svg, title, description }) { + return ( +
+
+ +
+
+ {title} +

{description}

+
+
+ ); } export default function HomepageFeatures() { - return ( -
-
-
- {FeatureList.map((props, idx) => ( - - ))} -
-
-
- ); + return ( +
+
+
+ {FeatureList.map((props, idx) => ( + + ))} +
+
+
+ ); } diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css index b248eb2..774404d 100644 --- a/src/components/HomepageFeatures/styles.module.css +++ b/src/components/HomepageFeatures/styles.module.css @@ -1,11 +1,11 @@ .features { - display: flex; - align-items: center; - padding: 2rem 0; - width: 100%; + display: flex; + align-items: center; + padding: 2rem 0; + width: 100%; } .featureSvg { - height: 200px; - width: 200px; + height: 200px; + width: 200px; } diff --git a/src/components/SponsorList.js b/src/components/SponsorList.js index b530968..9b322d3 100644 --- a/src/components/SponsorList.js +++ b/src/components/SponsorList.js @@ -1,21 +1,21 @@ import { Sponsor } from "@site/src/components/Sponsors/Sponsor"; export const SponsorList = () => { - const sponsors = [ - { - imgSrc: "/sponsors/sponsor.png", - url: "https://openwebui.com", - name: "Open WebUI", - description: - "On a mission to build the best open-source AI user interface.", - }, - ]; + const sponsors = [ + { + imgSrc: "/sponsors/sponsor.png", + url: "https://openwebui.com", + name: "Open WebUI", + description: + "On a mission to build the best open-source AI user interface.", + }, + ]; - return ( -
- {sponsors.map((sponsor) => ( - - ))} -
- ); + return ( +
+ {sponsors.map((sponsor) => ( + + ))} +
+ ); }; diff --git a/src/components/Sponsors/Sponsor.js b/src/components/Sponsors/Sponsor.js index 81ede5b..87f6752 100644 --- a/src/components/Sponsors/Sponsor.js +++ b/src/components/Sponsors/Sponsor.js @@ -1,32 +1,32 @@ export const Sponsor = ({ sponsor }) => { - return ( - <> -
-
- - {sponsor.name} - -
+ return ( + <> +
+
+ + {sponsor.name} + +
- -
-
- {sponsor.name} -
+
+
+
+ {sponsor.name} +
-
-
- {sponsor.description} -
-
-
-
-
- - ); +
+
+ {sponsor.description} +
+
+
+ +
+ + ); }; diff --git a/src/components/Sponsors/TopBanner.js b/src/components/Sponsors/TopBanner.js index f11d13d..0ddc989 100644 --- a/src/components/Sponsors/TopBanner.js +++ b/src/components/Sponsors/TopBanner.js @@ -1,35 +1,35 @@ export const TopBanner = ({ items }) => { - return ( -
- {items.map((item) => ( - <> -
-
- Sponsored by {item.name} -
+ return ( +
+ {items.map((item) => ( + <> +
+
+ Sponsored by {item.name} +
- - {item.name} + + {item.name} - {item.name} - + {item.name} + -
- {item.description} -
-
- - ))} -
- ); +
+ {item.description} +
+
+ + ))} +
+ ); }; diff --git a/src/components/TopBanners.js b/src/components/TopBanners.js index d90690d..eaa05df 100644 --- a/src/components/TopBanners.js +++ b/src/components/TopBanners.js @@ -1,43 +1,43 @@ import { TopBanner } from "@site/src/components/Sponsors/TopBanner"; export const TopBanners = () => { - const items = [ - { - imgSrc: "/ads/pipelines-banner.png", - mobileImgSrc: "/ads/pipelines-banner-mobile.png", - url: "https://github.com/open-webui/pipelines", - name: "Open WebUI Pipelines", - description: - "Pipelines: Versatile, UI-Agnostic OpenAI-Compatible Plugin Framework", - }, - { - imgSrc: "/ads/pipelines-banner.png", - mobileImgSrc: "/ads/pipelines-banner-mobile.png", - url: "https://github.com/open-webui/pipelines", - name: "Open WebUI Pipelines", - description: - "Pipelines: Versatile, UI-Agnostic OpenAI-Compatible Plugin Framework", - }, - { - imgSrc: "/ads/pipelines-banner.png", - mobileImgSrc: "/ads/pipelines-banner-mobile.png", - url: "https://github.com/open-webui/pipelines", - name: "Open WebUI Pipelines", - description: - "Pipelines: Versatile, UI-Agnostic OpenAI-Compatible Plugin Framework", - }, - { - imgSrc: "/ads/placeholder.png", - mobileImgSrc: "/ads/placeholder-mobile.png", - url: "https://github.com/sponsors/tjbck", - name: "Open WebUI", - description: - "The top banner spot is reserved for only two Enterprise Diamond sponsors on a first-come, first-served basis", - }, - ]; + const items = [ + { + imgSrc: "/ads/pipelines-banner.png", + mobileImgSrc: "/ads/pipelines-banner-mobile.png", + url: "https://github.com/open-webui/pipelines", + name: "Open WebUI Pipelines", + description: + "Pipelines: Versatile, UI-Agnostic OpenAI-Compatible Plugin Framework", + }, + { + imgSrc: "/ads/pipelines-banner.png", + mobileImgSrc: "/ads/pipelines-banner-mobile.png", + url: "https://github.com/open-webui/pipelines", + name: "Open WebUI Pipelines", + description: + "Pipelines: Versatile, UI-Agnostic OpenAI-Compatible Plugin Framework", + }, + { + imgSrc: "/ads/pipelines-banner.png", + mobileImgSrc: "/ads/pipelines-banner-mobile.png", + url: "https://github.com/open-webui/pipelines", + name: "Open WebUI Pipelines", + description: + "Pipelines: Versatile, UI-Agnostic OpenAI-Compatible Plugin Framework", + }, + { + imgSrc: "/ads/placeholder.png", + mobileImgSrc: "/ads/placeholder-mobile.png", + url: "https://github.com/sponsors/tjbck", + name: "Open WebUI", + description: + "The top banner spot is reserved for only two Enterprise Diamond sponsors on a first-come, first-served basis", + }, + ]; - // Randomly select an item to display - let selectedItemIdx = Math.floor(Math.random() * items.length); + // Randomly select an item to display + let selectedItemIdx = Math.floor(Math.random() * items.length); - return ; + return ; }; diff --git a/src/css/custom.css b/src/css/custom.css index 62eb98b..e34e931 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -14,27 +14,27 @@ /* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #327eff; - --ifm-color-primary-dark: #2a2978; - --ifm-color-primary-darker: #362771; - --ifm-color-primary-darkest: #000000; - --ifm-color-primary-light: hwb(216 27% 39%); - --ifm-footer-background-color: #111; - --ifm-color-primary-lighter: #7062c8; - --ifm-color-primary-lightest: #6c87c5; - --ifm-link-color: #333; - --ifm-code-font-size: 95%; - --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); - --ifm-hover-overlay: #fafafa; - --ifm-heading-color: #111; + --ifm-color-primary: #327eff; + --ifm-color-primary-dark: #2a2978; + --ifm-color-primary-darker: #362771; + --ifm-color-primary-darkest: #000000; + --ifm-color-primary-light: hwb(216 27% 39%); + --ifm-footer-background-color: #111; + --ifm-color-primary-lighter: #7062c8; + --ifm-color-primary-lightest: #6c87c5; + --ifm-link-color: #333; + --ifm-code-font-size: 95%; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); + --ifm-hover-overlay: #fafafa; + --ifm-heading-color: #111; } [data-theme="light"] { - --ifm-menu-color: #000; + --ifm-menu-color: #000; } .theme-doc-sidebar-container { - border-width: 0px !important; + border-width: 0px !important; } /* .hiring-link { @@ -51,549 +51,549 @@ /* For readability concerns, you should choose a lighter palette in dark mode. */ [data-theme="dark"] { - --ifm-color-primary: #5693fc; - --ifm-color-primary-dark: #21af90; - --ifm-color-primary-darker: #1fa588; - --ifm-color-primary-darkest: #1a8870; - --ifm-color-primary-light: #29d5b0; - --ifm-color-primary-lighter: #32d8b4; - --ifm-color-primary-lightest: #4fddbf; - --ifm-link-color: #ccc; - --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); - --ifm-heading-color: #fff; + --ifm-color-primary: #5693fc; + --ifm-color-primary-dark: #21af90; + --ifm-color-primary-darker: #1fa588; + --ifm-color-primary-darkest: #1a8870; + --ifm-color-primary-light: #29d5b0; + --ifm-color-primary-lighter: #32d8b4; + --ifm-color-primary-lightest: #4fddbf; + --ifm-link-color: #ccc; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); + --ifm-heading-color: #fff; } code { - color: #eb5757; - border-width: 0px; - padding: 3px 8px; - font-size: 0.8em; - font-weight: 600; + color: #eb5757; + border-width: 0px; + padding: 3px 8px; + font-size: 0.8em; + font-weight: 600; } [data-theme="light"] code { - background-color: #f0f0f0; + background-color: #f0f0f0; } [data-theme="dark"] code { - background-color: #111; + background-color: #111; } .theme-code-block { - font-family: "IBM Plex Mono", monospace; - font-size: 0.9em; + font-family: "IBM Plex Mono", monospace; + font-size: 0.9em; } .theme-code-block .token { - font-family: "IBM Plex Mono", monospace; + font-family: "IBM Plex Mono", monospace; } [data-theme="light"] .theme-code-block pre { - background-color: #fafafa; + background-color: #fafafa; } /* hide breadcrumbs from top of posts */ .theme-doc-breadcrumbs { - display: none; + display: none; } .theme-doc-sidebar-menu.menu__list { - margin-top: 20px; + margin-top: 20px; } nav.menu { - margin-right: 1px; - padding: 0px; + margin-right: 1px; + padding: 0px; } nav.menu::-webkit-scrollbar { - display: none; + display: none; } .menu__link { - transition-property: none; - line-height: 1.5; - border-radius: 0px 0px 0px 0px; - padding-left: 20px; - /* word-spacing: 7px; */ - margin: 0px 10px; - border-radius: 3px; + transition-property: none; + line-height: 1.5; + border-radius: 0px 0px 0px 0px; + padding-left: 20px; + /* word-spacing: 7px; */ + margin: 0px 10px; + border-radius: 3px; } p { - line-height: 1.5; + line-height: 1.5; } blockquote { - padding: 20px 30px; - border-radius: 3px; - font-style: italic; - line-height: 1.5; - margin-left: 20px; - margin-right: 20px; + padding: 20px 30px; + border-radius: 3px; + font-style: italic; + line-height: 1.5; + margin-left: 20px; + margin-right: 20px; } [data-theme="light"] blockquote { - background-color: #f0f0f0; - color: #000; + background-color: #f0f0f0; + color: #000; } [data-theme="dark"] blockquote { - background-color: #111; + background-color: #111; } [data-theme="light"] .pagination-nav__link:hover { - border-color: #000; + border-color: #000; } [data-theme="dark"] .pagination-nav__link:hover { - border-color: #fff; + border-color: #fff; } .navbar__brand { - margin-right: 0px; + margin-right: 0px; } .navbar__logo { - width: 3em; + width: 3em; } [data-theme="light"] .navbar__brand:hover { - color: #000; + color: #000; } [data-theme="dark"] .navbar__brand:hover { - color: #fff; + color: #fff; } .iconExternalLink_node_modules-\@docusaurus-theme-classic-lib-theme-Icon-ExternalLink-styles-module { - display: none; + display: none; } /* .navbar__items svg { display: none; } */ .pagination-nav__link { - border-radius: 0px; - border: 0px; + border-radius: 0px; + border: 0px; } [data-theme="light"] .pagination-nav__link { - border-top: 1px solid #ccc; + border-top: 1px solid #ccc; } [data-theme="dark"] .pagination-nav__link { - border-top: 1px solid #ccc; + border-top: 1px solid #ccc; } [data-theme="light"] .pagination-nav__link:hover { - border-top: 1px solid #000; + border-top: 1px solid #000; } [data-theme="dark"] .pagination-nav__link:hover { - border-top: 1px solid #fff; + border-top: 1px solid #fff; } .hero__subtitle { - font-weight: 600; - margin-bottom: 40px; - margin-top: 30px; + font-weight: 600; + margin-bottom: 40px; + margin-top: 30px; } [data-theme="light"] .hero__subtitle { - color: #000; + color: #000; } [data-theme="dark"] .hero__subtitle { - color: #fff !important; + color: #fff !important; } .btn--black { - background-color: #000; - color: #fff; + background-color: #000; + color: #fff; } .btn--black:hover { - background-color: #000; - color: #fff; + background-color: #000; + color: #fff; } .iconExternalLink_nPIU { - display: none; + display: none; } .btn--landing { - border-radius: 0px; - margin-right: 8px; - margin-left: 8px; - border-color: #000; + border-radius: 0px; + margin-right: 8px; + margin-left: 8px; + border-color: #000; } [data-theme="light"] .hero--bg { - background-color: #fafafa; + background-color: #fafafa; } [data-theme="dark"] .hero--bg { - background-color: #111 !important; + background-color: #111 !important; } .hero--banner { - padding: 10px !important; + padding: 10px !important; } .hero--banner, .hero--banner a { - margin: 0px; + margin: 0px; - color: #fff; - background-color: #000; - width: 100%; + color: #fff; + background-color: #000; + width: 100%; } .homepage-svg svg { - height: auto !important; - width: 100% !important; - padding: 20px; - max-width: 200px; + height: auto !important; + width: 100% !important; + padding: 20px; + max-width: 200px; } [data-theme="light"] .homepage-svg svg { - background-color: #fafafa; - color: #000; + background-color: #fafafa; + color: #000; } [data-theme="dark"] .homepage-svg svg { - background-color: #111 !important; - color: #fff !important; + background-color: #111 !important; + color: #fff !important; } [data-theme="dark"] .homepage-svg path { - filter: invert(1); + filter: invert(1); } .index-buttons { - padding: 0px !important; + padding: 0px !important; } .hero--container-small img { - max-width: 100%; + max-width: 100%; } .footer__item .hiring-link { - margin-top: 20px; + margin-top: 20px; } .hiring-link { - background-color: #ffde2d; - color: #000; - font-weight: 600; - padding: 5px 10px; - border-radius: 1px; + background-color: #ffde2d; + color: #000; + font-weight: 600; + padding: 5px 10px; + border-radius: 1px; } @media screen and (min-width: 997px) { - .hero--container { - padding-left: 200px; - padding-right: 200px; - padding-top: 80px; - padding-bottom: 80px; - } - .hero--container-small { - padding-left: 200px; - padding-right: 200px; - padding-top: 40px; - padding-bottom: 40px; - } + .hero--container { + padding-left: 200px; + padding-right: 200px; + padding-top: 80px; + padding-bottom: 80px; + } + .hero--container-small { + padding-left: 200px; + padding-right: 200px; + padding-top: 40px; + padding-bottom: 40px; + } } @media screen and (max-width: 996px) { - .hero--container { - padding-left: 0px; - padding-right: 0px; - padding-top: 20px; - padding-bottom: 0px; - } - .hero--container h2, - .hero--container-small h2 { - font-size: 1.2em; - } - .hero--container-small { - padding-left: 40px; - padding-right: 40px; - padding-top: 20px; - padding-bottom: 20px; - } - .index-buttons { - display: flex; - flex-direction: column; - align-items: center; - } - .index-buttons a { - margin-bottom: 10px; - } - .hero--banner a { - font-size: 0.8em; - } - .hero__subtitle { - font-size: 1.3rem; - margin-bottom: 25px; - } - .homepage-svg svg { - max-width: 120px; - margin-left: 15px; - } + .hero--container { + padding-left: 0px; + padding-right: 0px; + padding-top: 20px; + padding-bottom: 0px; + } + .hero--container h2, + .hero--container-small h2 { + font-size: 1.2em; + } + .hero--container-small { + padding-left: 40px; + padding-right: 40px; + padding-top: 20px; + padding-bottom: 20px; + } + .index-buttons { + display: flex; + flex-direction: column; + align-items: center; + } + .index-buttons a { + margin-bottom: 10px; + } + .hero--banner a { + font-size: 0.8em; + } + .hero__subtitle { + font-size: 1.3rem; + margin-bottom: 25px; + } + .homepage-svg svg { + max-width: 120px; + margin-left: 15px; + } } article a { - /* background-color: #f6f3d2; */ - text-decoration: underline; + /* background-color: #f6f3d2; */ + text-decoration: underline; } article p a { - text-decoration: underline; - font-weight: 600; - text-underline-position: under; - margin-bottom: 5px; - /* display: block; */ + text-decoration: underline; + font-weight: 600; + text-underline-position: under; + margin-bottom: 5px; + /* display: block; */ } [data-theme="light"] article p a { - color: #333; - text-decoration-color: #bfbfbf; + color: #333; + text-decoration-color: #bfbfbf; } [data-theme="dark"] article p a { - color: #ccc; - text-decoration-color: #454545; + color: #ccc; + text-decoration-color: #454545; } [data-theme="light"] article p a:hover { - color: #111; + color: #111; } [data-theme="dark"] article p a:hover { - color: #fff; + color: #fff; } .menu__link--active { - font-weight: 600; + font-weight: 600; } .margin-bottom--sm { - margin-top: 200px !important; - margin-bottom: 200px !important; + margin-top: 200px !important; + margin-bottom: 200px !important; } .footer__title { - color: #fff; + color: #fff; } [data-theme="light"] a.footer__link-item { - color: #fff; + color: #fff; } [data-theme="dark"] a.footer__link-item { - color: #fff; + color: #fff; } [data-theme="light"] .menu__link--active { - color: #000; - background-color: #f0f0f0; + color: #000; + background-color: #f0f0f0; } [data-theme="dark"] .menu__link--active { - color: #fff; - background-color: #111; + color: #fff; + background-color: #111; } @media screen and (min-width: 997px) { - .menu_node_modules-\@docusaurus-theme-classic-lib-theme-DocSidebar-Desktop-Content-styles-module { - padding: 0px !important; - } - .menu__list-item:not(:first-child) { - margin-top: 0px; - } + .menu_node_modules-\@docusaurus-theme-classic-lib-theme-DocSidebar-Desktop-Content-styles-module { + padding: 0px !important; + } + .menu__list-item:not(:first-child) { + margin-top: 0px; + } } .docSidebarContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Sidebar-styles-module { - border-right-width: 0px !important; + border-right-width: 0px !important; } /* from here - https://theochu.com/docusaurus/styling/ */ @media screen and (max-width: 996px) { - :root { - --ifm-font-size-base: 18px; - } - h1 { - font-size: 1.5rem !important; - font-weight: 600; - } - .hero .hero__title { - font-size: 2.5rem; - } + :root { + --ifm-font-size-base: 18px; + } + h1 { + font-size: 1.5rem !important; + font-weight: 600; + } + .hero .hero__title { + font-size: 2.5rem; + } } @media screen and (min-width: 997px) { - :root { - --ifm-font-size-base: 17px; - } - h1 { - font-size: 2rem !important; - } - h2 { - font-size: 1.5rem !important; - } - h3 { - font-size: 1rem !important; - } - article { - max-width: 700px; - margin-left: auto; - margin-right: auto; - padding-top: 20px; - } + :root { + --ifm-font-size-base: 17px; + } + h1 { + font-size: 2rem !important; + } + h2 { + font-size: 1.5rem !important; + } + h3 { + font-size: 1rem !important; + } + article { + max-width: 700px; + margin-left: auto; + margin-right: auto; + padding-top: 20px; + } } :root { - --ifm-font-family-base: "Archivo"; + --ifm-font-family-base: "Archivo"; } /* Header Dropdown Menu */ .dropdown__link { - font-size: inherit; + font-size: inherit; } /* Remove shadow on the left */ :root { - --ifm-global-shadow-md: 0px; + --ifm-global-shadow-md: 0px; } @media screen and (min-width: 997px) { - /* Show inline table of contents on mobile only */ - div[class^="tableOfContentsInline"] { - display: none; - } + /* Show inline table of contents on mobile only */ + div[class^="tableOfContentsInline"] { + display: none; + } } .tabs { } .tabs__item { - padding: 3px 15px 2px 15px; - font-weight: 600; - font-size: 0.9em; - border-radius: 30px; - color: #999; - margin-right: 8px; - background-color: #f0f0f0; + padding: 3px 15px 2px 15px; + font-weight: 600; + font-size: 0.9em; + border-radius: 30px; + color: #999; + margin-right: 8px; + background-color: #f0f0f0; } .tabs__item:hover { - background-color: #e5e5e5; + background-color: #e5e5e5; } .tabs__item--active { - border-bottom: 0px; - background-color: rgb(50 125 255); - border-radius: 30px; - color: #ffffff; + border-bottom: 0px; + background-color: rgb(50 125 255); + border-radius: 30px; + color: #ffffff; } .tabs__item--active:hover { - background-color: rgb(50 125 255); + background-color: rgb(50 125 255); } .tabs + .margin-top--md { - margin-top: 5px !important; + margin-top: 5px !important; } .tabs + .margin-top--md pre { - border-top-right-radius: 0px; - border-top-left-radius: 0px; + border-top-right-radius: 0px; + border-top-left-radius: 0px; } .margin-bottom--xl { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .margin-bottom--sm { - margin-top: 10px !important; - margin-bottom: 10px !important; + margin-top: 10px !important; + margin-bottom: 10px !important; } .hideTabSwitcher { - display: none; + display: none; } .markdown hr { - background-color: rgba(120, 120, 120, 0.2); + background-color: rgba(120, 120, 120, 0.2); } div.special_table + table { - border: none; + border: none; - /* border-collapse: separate; */ - /* border-spacing: 0px; */ + /* border-collapse: separate; */ + /* border-spacing: 0px; */ } div.special_table + table thead { - background: rgba(120, 120, 120, 0.1); - border-top-right-radius: 10px; - overflow: hidden; + background: rgba(120, 120, 120, 0.1); + border-top-right-radius: 10px; + overflow: hidden; } div.special_table + table thead tr { - background: rgba(255, 255, 255, 0); - border-top: 0px; - border-bottom: 0px; + background: rgba(255, 255, 255, 0); + border-top: 0px; + border-bottom: 0px; } div.special_table + table tr th { - background: rgba(255, 255, 255, 0); - color: #000; - font-weight: 600; - padding: 5px 20px; + background: rgba(255, 255, 255, 0); + color: #000; + font-weight: 600; + padding: 5px 20px; } div.special_table + table tr td { - padding: 5px 20px; - text-align: left; + padding: 5px 20px; + text-align: left; } div.special_table + table tr:nth-child(even) { - background: rgba(255, 255, 255, 0); + background: rgba(255, 255, 255, 0); } div.special_table + table, th, td { - border-width: 0px !important; + border-width: 0px !important; } .custom-tag { - display: inline; - background-color: #f0f0f0; - padding: 3px 10px; - margin-right: 5px; - border-radius: 8px; - font-size: 0.7em; - /* text-transform: uppercase; */ - font-weight: 900; - color: #000; + display: inline; + background-color: #f0f0f0; + padding: 3px 10px; + margin-right: 5px; + border-radius: 8px; + font-size: 0.7em; + /* text-transform: uppercase; */ + font-weight: 900; + color: #000; } .custom-tag:hover { - background-color: #e5e5e5; + background-color: #e5e5e5; } .select-language { - font-size: 1em; - font-weight: bolder; - margin-bottom: 8px; + font-size: 1em; + font-weight: bolder; + margin-bottom: 8px; } .navbar__link:has(div.custom-tag) { - padding: 0px; - margin: 0px; - margin-left: 5px; + padding: 0px; + margin: 0px; + margin-left: 5px; } .notbold a { - font-weight: 400 !important; + font-weight: 400 !important; } .small-text { - font-size: 0.8em; + font-size: 0.8em; } .em { - font-style: italic; + font-style: italic; } .category-header .menu__list-item-collapsible { - pointer-events: none; + pointer-events: none; } .category-header .menu__link--sublist { - text-transform: uppercase; - font-size: small; - font-weight: bold; - margin-top: 40px; + text-transform: uppercase; + font-size: small; + font-weight: bold; + margin-top: 40px; } .category-header .menu__link--sublist-caret:after { - display: none; + display: none; } .category-link a::after { - content: "\2192"; - font-size: 20px; - margin-left: 5px; /* for spacing */ - transform: scaleX(-1) rotate(180deg); - margin-left: 9px; - position: absolute; - right: 30px; - opacity: 0.3; + content: "\2192"; + font-size: 20px; + margin-left: 5px; /* for spacing */ + transform: scaleX(-1) rotate(180deg); + margin-left: 9px; + position: absolute; + right: 30px; + opacity: 0.3; } .main-wrapper { - min-height: 100vh; + min-height: 100vh; } diff --git a/src/pages/index.module.css b/src/pages/index.module.css index 9f71a5d..d7160c1 100644 --- a/src/pages/index.module.css +++ b/src/pages/index.module.css @@ -4,20 +4,20 @@ */ .heroBanner { - padding: 4rem 0; - text-align: center; - position: relative; - overflow: hidden; + padding: 4rem 0; + text-align: center; + position: relative; + overflow: hidden; } @media screen and (max-width: 996px) { - .heroBanner { - padding: 2rem; - } + .heroBanner { + padding: 2rem; + } } .buttons { - display: flex; - align-items: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } diff --git a/tailwind.config.js b/tailwind.config.js index dbb3611..2342407 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -2,21 +2,21 @@ const { fontFamily } = require("tailwindcss/defaultTheme"); /** @type {import('tailwindcss').Config} */ module.exports = { - corePlugins: { - preflight: false, - container: false, - }, - darkMode: ["class", '[data-theme="dark"]'], - content: ["./src/**/*.{js,jsx,tsx,html}", "./docs/**/*.{md,mdx}"], - theme: { - extend: { - fontFamily: { - sans: ['"Inter"', ...fontFamily.sans], - jakarta: ['"Plus Jakarta Sans"', ...fontFamily.sans], - mono: ['"Fira Code"', ...fontFamily.mono], - }, - colors: {}, - }, - }, - plugins: [], + corePlugins: { + preflight: false, + container: false, + }, + darkMode: ["class", '[data-theme="dark"]'], + content: ["./src/**/*.{js,jsx,tsx,html}", "./docs/**/*.{md,mdx}"], + theme: { + extend: { + fontFamily: { + sans: ['"Inter"', ...fontFamily.sans], + jakarta: ['"Plus Jakarta Sans"', ...fontFamily.sans], + mono: ['"Fira Code"', ...fontFamily.mono], + }, + colors: {}, + }, + }, + plugins: [], };