*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 = () => ( const Header = () => (
<div className="header"> <div className="header">
<Link to={"/"}><StaticImage src={"../images/logo.png"} alt={"Lume Web"} className={"logo"}/> </Link> <Link to={"/"}><StaticImage src={"../images/logo.png"} alt={"Lume Web"} className={"logo"}/> </Link>
<div className={"header-buttons"}>
<Link to={"/donate"}> <Link to={"/donate"}>
<button className="donate-btn">Donate</button> <button className="donate-btn">Donate</button>
</Link> </Link>
<a href="https://discord.gg/3fe4KZhZ9y" target="_blank">
<button className="donate-btn">Discord</button>
</a>
</div>
</div> </div>
) )

View File

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