LukeParke/plex-docs
1
0
Fork 0
mirror of https://github.com/LukeHagar/plex-docs.git synced 2025-12-06 12:37:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update index.js

Browse Source
This commit is contained in:
luke-hagar-sp
2023-03-27 12:37:06 -05:00
parent a89b0869d6
commit f46a0d670a
1 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/index.js
View File

@@ -1,24 +1,22 @@
import React from 'react'; import React from "react";
import clsx from 'clsx'; import clsx from "clsx";
import Link from '@docusaurus/Link'; import Link from "@docusaurus/Link";
import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import Layout from '@theme/Layout'; import Layout from "@theme/Layout";
import HomepageFeatures from '@site/src/components/HomepageFeatures'; import HomepageFeatures from "@site/src/components/HomepageFeatures";
import styles from './index.module.css'; import styles from "./index.module.css";
function HomepageHeader() { function HomepageHeader() {
const {siteConfig} = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
return ( return (
<header className={clsx('hero hero--primary', styles.heroBanner)}> <header className={clsx("hero hero--primary", styles.heroBanner)}>
<div className="container"> <div className="container">
<h1 className="hero__title">{siteConfig.title}</h1> <h1 className="hero__title">{siteConfig.title}</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p> <p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}> <div className={styles.buttons}>
<Link <Link className="button button--secondary button--lg" to="/docs/plex">
className="button button--secondary button--lg" Dive right in
to="/docs/intro">
Docusaurus Tutorial - 5min ⏱️
</Link> </Link>
</div> </div>
</div> </div>
@@ -27,11 +25,12 @@ function HomepageHeader() {
} }
export default function Home() { export default function Home() {
const {siteConfig} = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
return ( return (
<Layout <Layout
title={`Hello from ${siteConfig.title}`} title={`Home Page`}
description="Description will go into a meta tag in <head />"> description="Plex Media Server API Documentation generated by the community from an OpenAPI Speciification file"
>
<HomepageHeader /> <HomepageHeader />
<main> <main>
<HomepageFeatures /> <HomepageFeatures />