From 5daa87b56061a41e41b992f27c183ab64e8c685d Mon Sep 17 00:00:00 2001 From: Luke Hagar Date: Fri, 2 Feb 2024 13:34:57 -0600 Subject: [PATCH] Adjusted Sidebar, Styles, warning at the top. --- docusaurus.config.js | 23 +++++++++-------- sidebars.js | 8 +++--- src/components/HomepageFeatures/index.js | 20 +++++++-------- src/css/custom.css | 32 ++++++++++++------------ src/pages/index.js | 2 +- src/pages/sdk-docs.js | 2 +- 6 files changed, 44 insertions(+), 43 deletions(-) diff --git a/docusaurus.config.js b/docusaurus.config.js index 02a46f9..95ccb3f 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -6,7 +6,7 @@ const darkCodeTheme = require("prism-react-renderer/themes/dracula"); /** @type {import('@docusaurus/types').Config} */ const config = { - title: "Open Source API Documentation and SDKs for Plex", + title: "API Documentation and SDKs for Plex", tagline: "Open and community sourced API documentation and SDKs for Plex with a kick!", favicon: "img/favicon.ico", @@ -80,13 +80,14 @@ const config = { // Replace with your project's social card image: "img/Open-Graph-Image.png", navbar: { - title: "Open Source API Documentation and SDKs for Plex", + title: "API Documentation and SDKs for Plex", logo: { alt: "My Site Logo", - src: "img/logo.svg", + src: "img/favicon.ico", }, items: [ { to: "/docs/plex", label: "API", className: "indent" }, + { to: "/docs/legacy", label: "Legacy", className: "indent" }, { to: "/sdk-docs", label: "SDKs", className: "indent" }, { to: "/blog", label: "Blog", className: "indent" }, ], @@ -98,8 +99,12 @@ const config = { title: "Docs", items: [ { - label: "OpenAPI Docs", - to: "/", + label: "API Documentation", + to: "/docs/plex", + }, + { + label: "SDK Documentation", + to: "/sdk-docs", }, ], }, @@ -110,10 +115,6 @@ const config = { label: "Blog", to: "/blog", }, - { - label: "GitHub", - href: "https://github.com/facebook/docusaurus", - }, ], }, ], @@ -176,8 +177,10 @@ const config = { ], announcementBar: { id: "announcementBar_1", + backgroundColor: "red", + textColor: "white", content: - "This is not an Official Plex.TV Resource and is built or maintained by Plex. If you have any feedback on the Website or the API Specification please let me know!", + "This is not an Official Plex.TV Resource and is not built or maintained by Plex. If you have any feedback on the Website or the API Specification please let me know!", }, metadata: [ { diff --git a/sidebars.js b/sidebars.js index ac40ca0..517d910 100644 --- a/sidebars.js +++ b/sidebars.js @@ -4,8 +4,8 @@ const sidebars = { { type: "category", label: "Plex Media Server API", - collapsible: false, - collapsed: false, + collapsible: true, + collapsed: true, link: { type: "generated-index", title: "Plex Media Server API", @@ -18,8 +18,8 @@ const sidebars = { { type: "category", label: "Plex TV API", - collapsible: false, - collapsed: false, + collapsible: true, + collapsed: true, link: { type: "generated-index", title: "Plex TV API", diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js index 23901b7..2df5db9 100644 --- a/src/components/HomepageFeatures/index.js +++ b/src/components/HomepageFeatures/index.js @@ -8,7 +8,7 @@ const FeatureList = [ Svg: require("@site/static/img/undraw_docusaurus_mountain.svg").default, description: ( <> - API Documentation dynamically generated from an{" "} + API Documentation and SDK for Plex dynamically generated from an{" "} - The OpenAPI Specification is fully open source, and everyone is welcome{" "} + The OpenAPI Specification is fully open source, and everyone is welcome + to{" "} - The Open API Specification can be used to generate SDKs in a number of - different languages (JS/TS, GO, Python, Powershell) using existing{" "} - - time tested tools + The Open API Specification is used to automatically generate SDKs in a + number of different languages (JavaScript/TypeScript, GO, Python, + etc...) using{" "} + + the world class OpenAPI Generation platform Speakeasy . diff --git a/src/css/custom.css b/src/css/custom.css index e61796a..ec20ad3 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -6,25 +6,25 @@ /* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #f7c600; - --ifm-color-primary-dark: #191919; - --ifm-color-primary-darker: #277148; - --ifm-color-primary-darkest: #205d3b; - --ifm-color-primary-light: #33925d; - --ifm-color-primary-lighter: #359962; - --ifm-color-primary-lightest: #3cad6e; + --ifm-color-primary: #0047ab; + --ifm-color-primary-dark: #00409a; + --ifm-color-primary-darker: #003c91; + --ifm-color-primary-darkest: #003278; + --ifm-color-primary-light: #004ebc; + --ifm-color-primary-lighter: #0052c5; + --ifm-color-primary-lightest: #005cde; --ifm-code-font-size: 95%; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); } /* For readability concerns, you should choose a lighter palette in dark mode. */ [data-theme="dark"] { - --ifm-color-primary: #f7c600; - --ifm-color-primary-dark: #deb200; - --ifm-color-primary-darker: #d2a800; - --ifm-color-primary-darkest: #ad8b00; - --ifm-color-primary-light: #ffd011; - --ifm-color-primary-lighter: #ffd21d; - --ifm-color-primary-lightest: #ffda42; - --ifm-background-color: #151515; -} + --ifm-color-primary: #20b4fe; + --ifm-color-primary-dark: #04aafe; + --ifm-color-primary-darker: #01a2f2; + --ifm-color-primary-darkest: #0185c7; + --ifm-color-primary-light: #3cbefe; + --ifm-color-primary-lighter: #4bc2fe; + --ifm-color-primary-lightest: #75d1fe; + --ifm-background-color: #000000; +} \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index a9dc5f4..19a27f0 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -29,7 +29,7 @@ export default function Home() { return (
diff --git a/src/pages/sdk-docs.js b/src/pages/sdk-docs.js index dee2b0b..6ed0d14 100644 --- a/src/pages/sdk-docs.js +++ b/src/pages/sdk-docs.js @@ -8,7 +8,7 @@ export default function SdkDocs() { return (