Adjusted Sidebar, Styles, warning at the top.

This commit is contained in:
Luke Hagar
2024-02-02 13:34:57 -06:00
parent 97f2d90134
commit 5daa87b560
6 changed files with 44 additions and 43 deletions

View File

@@ -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 <a href='https://github.com/LukeHagar/plex-docs'>Website</a> or the <a href='https://github.com/LukeHagar/plex-api-spec'>API Specification</a> 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 <a href='https://github.com/LukeHagar/plex-docs'>Website</a> or the <a href='https://github.com/LukeHagar/plex-api-spec'>API Specification</a> please let me know!",
},
metadata: [
{

View File

@@ -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",

View File

@@ -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{" "}
<a
href="https://github.com/LukeHagar/plex-api-spec"
target="_blank"
@@ -25,7 +25,8 @@ const FeatureList = [
Svg: require("@site/static/img/undraw_docusaurus_tree.svg").default,
description: (
<>
The OpenAPI Specification is fully open source, and everyone is welcome{" "}
The OpenAPI Specification is fully open source, and everyone is welcome
to{" "}
<a
href="https://github.com/LukeHagar/plex-api-spec/issues"
target="_blank"
@@ -46,18 +47,15 @@ const FeatureList = [
),
},
{
title: "Potential for SDKs",
title: "SDKs",
Svg: require("@site/static/img/undraw_docusaurus_react.svg").default,
description: (
<>
The Open API Specification can be used to generate SDKs in a number of
different languages (JS/TS, GO, Python, Powershell) using existing{" "}
<a
href="https://openapi-generator.tech"
target="_blank"
rel="noreferrer"
>
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{" "}
<a href="https://www.speakeasyapi.dev" target="_blank" rel="noreferrer">
the world class OpenAPI Generation platform Speakeasy
</a>
.
</>

View File

@@ -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;
}

View File

@@ -29,7 +29,7 @@ export default function Home() {
return (
<Layout
title={`Home`}
description="Community Made Plex Media Server API Documentation"
description="Community Made API Documentation for Plex"
>
<HomepageHeader />
<main>

View File

@@ -8,7 +8,7 @@ export default function SdkDocs() {
return (
<Layout
title={`SDK Docs`}
description="Community Made Plex Media Server SDK Documentation"
description="Community Made SDK Documentation for Plex"
noFooter
>
<iframe