added buttons to home page

This commit is contained in:
Olivier Demers 2023-03-23 12:30:46 -04:00
parent 26ecc6fd67
commit 7f2dec0264
2 changed files with 17 additions and 0 deletions

View File

@ -4,6 +4,8 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import Layout from "@theme/Layout"; import Layout from "@theme/Layout";
import styles from "./index.module.css"; import styles from "./index.module.css";
import Link from "@docusaurus/Link";
import Head from "@docusaurus/Head";
function HomepageHeader() { function HomepageHeader() {
const { siteConfig } = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
@ -12,6 +14,14 @@ function HomepageHeader() {
<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}>
<Link className="button button--secondary button--lg" to="/java">
<i class="fa-brands fa-java"></i> Java
</Link>
<Link className="button button--secondary button--lg" to="/robot">
<i class="fa-solid fa-robot"></i> Robot
</Link>
</div>
</div> </div>
</header> </header>
); );
@ -21,6 +31,12 @@ export default function Home() {
const { siteConfig } = useDocusaurusContext(); const { siteConfig } = useDocusaurusContext();
return ( return (
<Layout title={`${siteConfig.title}`} description="Documentation PLS 5618"> <Layout title={`${siteConfig.title}`} description="Documentation PLS 5618">
<Head>
<script
src="https://kit.fontawesome.com/9e215b042a.js"
crossorigin="anonymous"
></script>
</Head>
<HomepageHeader /> <HomepageHeader />
<main></main> <main></main>
</Layout> </Layout>

View File

@ -20,4 +20,5 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 1rem;
} }