*Add discord button for community

This commit is contained in:
Derrick Hammer 2022-05-26 02:15:43 -04:00
parent 4f69da67cf
commit 5c6c63821b
2 changed files with 19 additions and 3 deletions

View File

@ -6,9 +6,14 @@ import {StaticImage} from "gatsby-plugin-image";
const Header = () => (
<div className="header">
<Link to={"/"}><StaticImage src={"../images/logo.png"} alt={"Lume Web"} className={"logo"}/> </Link>
<div className={"header-buttons"}>
<Link to={"/donate"}>
<button className="donate-btn">Donate</button>
</Link>
<a href="https://discord.gg/3fe4KZhZ9y" target="_blank">
<button className="donate-btn">Discord</button>
</a>
</div>
</div>
)

View File

@ -123,6 +123,14 @@ p + p {
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 8px;
.header-buttons {
justify-content: space-evenly;
a {
margin: 0.5em;
}
}
}
.logo {
@ -340,6 +348,7 @@ p + p {
-ms-flex-pack: center;
justify-content: center;
margin: 24px 0 16px 0;
& a {
margin-right: 1em;
}
@ -879,6 +888,7 @@ blockquote {
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
@ -887,6 +897,7 @@ blockquote:before {
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}