Button Layout

This commit is contained in:
brausjonas
2023-03-26 19:21:41 +02:00
parent f44184cef0
commit cd678cb7a0
3 changed files with 15 additions and 4 deletions
+1 -1
View File
@@ -62,7 +62,7 @@
<workItem from="1679674448294" duration="3278000" />
<workItem from="1679754546660" duration="3762000" />
<workItem from="1679776338023" duration="11768000" />
<workItem from="1679841996008" duration="8108000" />
<workItem from="1679841996008" duration="8823000" />
</task>
<servers />
</component>
+11
View File
@@ -79,6 +79,7 @@ h2
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 18.1cm)
@@ -130,6 +131,16 @@ h2
background-position: center;
}
.googlePlayCard
{
background-image: url("https://cdn-icons-png.flaticon.com/512/732/732208.png"), linear-gradient(#b9a4f7, #ece2ff);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
background-blend-mode: luminosity;
}
.imageFull
{
max-width: 95%;
+3 -3
View File
@@ -56,7 +56,7 @@
<h1 style="color: #F7A4A4">Welcome to the games section</h1>
<div class="mainPageCards">
<div class="color3">
<div class="googlePlayCard">
<h2>Google Play</h2>
<p>
Visit our page on Google Play!
@@ -74,14 +74,14 @@
<button style="background-image: linear-gradient(#B6E2A1, #FFFBC1)" onclick="window.location.href='https://play.google.com/store/apps/details?id=com.IOGameStudios.FlufflParty'">Get!</button>
</div>
<div class="color2">
<div class="color3">
<h2>FlufflParty Test Build</h2>
<p>
You can download a test build of FlufflParty for PC now.
</p>
<button style="background-image: linear-gradient(#B6E2A1, #FFFBC1)" onclick="window.location.href='https://www.iogamestudios.de/FlufflParty.zip'">Download</button>
<button style="background-image: linear-gradient(#b9a4f7, #ece2ff);" onclick="window.location.href='https://www.iogamestudios.de/FlufflParty.zip'">Download</button>
</div>
</div>