added buttons to home page
This commit is contained in:
parent
26ecc6fd67
commit
7f2dec0264
@ -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>
|
||||||
|
@ -20,4 +20,5 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user