docs: add discord link

This commit is contained in:
bd_ 2024-09-29 12:40:28 -07:00
parent 0f28cf7aba
commit cd4cadf23f
2 changed files with 38 additions and 11 deletions

View File

@ -65,3 +65,23 @@ img {
aspect-ratio: auto; aspect-ratio: auto;
height: auto; height: auto;
} }
.discordLink {
display: block;
height: 2em;
object-fit: cover;
padding: 0.1em;
}
img.button {
/*aspect-ratio: auto;*/
height: 100%;
object-fit: cover;
padding: 0;
margin: 0;
}
.button-group + .button-group {
margin-top: 1em;
}

View File

@ -29,7 +29,7 @@ function HomepageHeader() {
<p className="hero__subtitle"> <p className="hero__subtitle">
<Translate>Drag-and-Drop Avatar Assembly</Translate> <Translate>Drag-and-Drop Avatar Assembly</Translate>
</p> </p>
<div className={styles.buttons}> <div className={`button-group ${styles.buttons}`}>
<InstallButton/> <InstallButton/>
<Link <Link
className={`button button--secondary button--lg ${styles.button}`} className={`button button--secondary button--lg ${styles.button}`}
@ -43,21 +43,28 @@ function HomepageHeader() {
<Translate>Tutorials</Translate> <Translate>Tutorials</Translate>
</Link> </Link>
</div> </div>
<div className={`button-group ${styles.buttons}`}>
<a href={"https://discord.gg/dV4cVpewmM"} className={`discordLink`}>
<img className={`button button--lg ${styles.button}`}
alt="Discord"
src="https://img.shields.io/discord/1201675918956056627?style=flat-square&logo=Discord&logoColor=ffffff&logoSize=auto&label=Discord&color=%235865F2&cacheSeconds=60"/>
</a>
</div>
</div> </div>
</header> </header>
); );
} }
export default function Home(): JSX.Element { export default function Home(): JSX.Element {
const {siteConfig} = useDocusaurusContext(); const {siteConfig} = useDocusaurusContext();
return ( return (
<Layout <Layout
title={translate({message: 'Modular Avatar'})} title={translate({message: 'Modular Avatar'})}
description={translate({message: "Drag-and-Drop Avatar Assembly"})}> description={translate({message: "Drag-and-Drop Avatar Assembly"})}>
<HomepageHeader /> <HomepageHeader/>
<main> <main>
<HomepageFeatures /> <HomepageFeatures/>
</main> </main>
</Layout> </Layout>
); );
} }