Add credits section to home page

This commit is contained in:
KingRainbow44 2023-04-04 20:33:41 -04:00
parent b78f7f393e
commit a4c3f90388
No known key found for this signature in database
GPG Key ID: FC2CB64B00D257BE
2 changed files with 53 additions and 3 deletions

View File

@ -61,7 +61,7 @@
max-width: 630px;
max-height: 93px;
margin: 0 24px 0 60px;
margin: 0 0 0 60px;
border-radius: 10px;
box-sizing: border-box;
@ -101,6 +101,47 @@
}
}
.Content_Credits {
.Content_Text {
display: flex;
flex-direction: column;
background-color: var(--secondary-color);
max-width: 300px;
max-height: 80px;
margin: 13px 60px 0 0;
border-radius: 10px;
box-sizing: border-box;
padding: 11px;
}
.Content_Credits {
display: flex;
flex-direction: row;
gap: 5px;
max-height: 18px;
padding-bottom: 5px;
:nth-child(1) {
font-size: 18px;
font-weight: bold;
}
:nth-child(2) {
font-size: 10px;
align-self: center;
}
}
.Content_Links {
display: flex;
flex-wrap: wrap;
a {
color: var(--text-primary-color);
text-decoration: none;
padding-right: 10px;
}
}

View File

@ -15,7 +15,7 @@ class Content extends React.Component<any, any> {
return (
<div className={"Content"}>
<div className={"Content_Top"}>
<h1 className={"Content_Title"}>Welcome Back Traveler!</h1>
<h1 className={"Content_Title"}>Welcome back, Traveler~</h1>
<div className={"Content_Buttons"}>
<HomeButton name={"Commands"} anchor={"commands"} />
@ -46,7 +46,16 @@ class Content extends React.Component<any, any> {
</div>
<div className={"Content_Text"}>
<div className={"Content_Credits"}>
<p>Credits</p>
<p>(hover to see info)</p>
</div>
<div className={"Content_Links"}>
<a href={"https://paimon.moe"}>paimon.moe</a>
<a href={"https://gitlab.com/Dimbreath/AnimeGameData"}>Anime Game Data</a>
<a href={"https://genshin-impact.fandom.com"}>Genshin Impact Wiki</a>
</div>
</div>
</div>
</div>