mirror of
https://github.com/bdunderscore/modular-avatar.git
synced 2025-01-17 11:50:11 +08:00
docs: add discord link
This commit is contained in:
parent
0f28cf7aba
commit
cd4cadf23f
@ -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;
|
||||||
|
}
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user