morgan/Grinch-AP
1
0
Fork 0
mirror of https://github.com/MarioSpore/Grinch-AP.git synced 2025-10-21 20:21:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Website landing page preliminary update

Browse Source
This commit is contained in:
Chris Wilson
2021-06-11 20:22:47 -04:00
parent 3ea7f1cb03
commit 7b495f3d81
3 changed files with 40 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
WebHostLib/static/styles/landing.css
View File

@@ -7,7 +7,6 @@ html{
flex-direction: column;
justify-content: center;
flex-wrap: wrap;
margin-top: 60px;
}
#landing-header{
@@ -53,18 +52,19 @@ html{
font-size: 1.4rem;
}
#uploads-button{
top: 65px;
#far-left-button{
top: 115px;
left: calc(50% - 416px - 200px - 75px);
background-image: url("/static/static/button-images/button-a.png");
background-size: 200px auto;
width: 200px;
height: calc(156px - 40px);
padding-top: 40px;
cursor: default;
}
#setup-guide-button{
top: 270px;
#mid-left-button{
top: 320px;
left: calc(50% - 416px - 200px + 140px);
background-image: url("/static/static/button-images/button-b.png");
background-size: 260px auto;
@@ -73,8 +73,8 @@ html{
padding-top: 35px;
}
#player-settings-button{
top: 350px;
#mid-button{
top: 400px;
left: calc(50% - 100px);
background-image: url("/static/static/button-images/button-a.png");
background-size: 200px auto;
@@ -83,8 +83,8 @@ html{
padding-top: 38px;
}
#discord-button{
top: 250px;
#mid-right-button{
top: 300px;
left: calc(50% + 416px - 166px);
background-image: url("/static/static/button-images/button-c.png");
background-size: 250px auto;
@@ -94,14 +94,15 @@ html{
padding-left: 20px;
}
#generate-button{
top: 75px;
#far-right-button{
top: 125px;
left: calc(50% + 416px + 75px);
background-image: url("/static/static/button-images/button-b.png");
background-size: 260px auto;
width: 260px;
height: calc(130px - 35px);
padding-top: 35px;
cursor: default;
}
#landing-clouds{
@@ -111,7 +112,7 @@ html{
#landing-clouds #cloud1{
position: absolute;
left: 10px;
top: 265px;
top: 365px;
width: 400px;
height: 350px;
@@ -147,23 +148,23 @@ html{
@keyframes c1-float{
from{
left: 10px;
top: 265px;
top: 365px;
}
25%{
left: 14px;
top: 267px;
top: 367px;
}
50%{
left: 17px;
top: 265px;
top: 365px;
}
75%{
left: 14px;
top: 262px;
top: 362px;
}
to{
left: 10px;
top: 265px;
top: 365px;
}
}
@@ -241,32 +242,32 @@ html{
}
#landing-deco-1{
top: 430px;
top: 480px;
left: calc(50% - 276px);
}
#landing-deco-2{
top: 200px;
top: 250px;
left: calc(50% + 150px);
}
#landing-deco-3{
top: 300px;
top: 350px;
left: calc(50% - 150px);
}
#landing-deco-4{
top: 240px;
top: 290px;
left: calc(50% - 580px);
}
#landing-deco-5{
top: 40px;
top: 90px;
left: calc(50% + 450px);
}
#landing-deco-6{
top: 412px;
top: 462px;
left: calc(50% + 196px);
}