added 'sign here' section of license toy

This commit is contained in:
2025-01-18 16:38:01 +01:00
parent 66e6040044
commit 8a2b55f484
3 changed files with 33 additions and 3 deletions
+1 -1
View File
@@ -10,7 +10,7 @@
} }
html { html {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
font-size: 1rem; font-size: 1.3rem;
color: #ffffff; color: #ffffff;
background-color: #323232; background-color: #323232;
overflow: hidden; overflow: hidden;
+6
View File
@@ -18,8 +18,14 @@
<div id="mainDiv"> <div id="mainDiv">
<div id="navBarContainer" data-alt="byte"></div> <div id="navBarContainer" data-alt="byte"></div>
<div id="optionsContainer" class="borderedRect"></div> <div id="optionsContainer" class="borderedRect"></div>
<div id="licenseContainer" class="blackBorderRect"> <div id="licenseContainer" class="blackBorderRect">
<div id="picContainer" class="blackBorderRect"></div> <div id="picContainer" class="blackBorderRect"></div>
<div id="signatureContainer">
<p id="signature">Byte Dice</p>
<p id="signHere">Sign here</p>
</div>
<p id="credits">Original by Chilli<br>Remade by Byte Dice at bytedice.net/toys</p>
</div> </div>
</div> </div>
+26 -2
View File
@@ -9,14 +9,15 @@
} }
#licenseContainer { #licenseContainer {
width: 600px; width: 600px;
height: auto; height: 400px;
aspect-ratio: 1.5 / 1;
padding: 40px; padding: 40px;
padding-top: 80px; padding-top: 80px;
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: 0%; bottom: 0%;
transform: translate(-50%, calc(-22px * var(--pxDensity))); transform: translate(-50%, calc(-22px * var(--pxDensity)));
font-size: 0.75rem;
box-sizing: border-box;
} }
.blackBorderRect { .blackBorderRect {
background-color: #FFFFFF; background-color: #FFFFFF;
@@ -28,3 +29,26 @@
width: 150px; width: 150px;
height: 150px; height: 150px;
} }
#credits {
position: absolute;
bottom: 0%;
left: 0%;
margin: 0% 0% 0% 20px;
color: var(--navBarBtn_Inner);
font-size: 0.6rem;
}
#signatureContainer {
display: inline-flex;
flex-direction: column;
margin: 5% 0% 0% 0%;
}
#signature {
margin: 0% 0% 0.2rem 0%;
text-align: center;
font-size: 1rem;
}
#signHere {
border-top: #000000 solid 6px;
margin: 0%;
padding: 0% 25px;
}