updated some stuff idk i forgor

toys/index.html

@@ -24,7 +24,7 @@
           <img class="toyImg" src="/assets/boykisserLicenseEmpty.png">
           <div class="toyTextContainer">
             <h1>Boykisser license generator</h1>
-            <p>Automatically generates a "Boykissser license" for you. Free of charge.</p>
+            <p>Automatically generates a "Boykissser license" for you. Free of charge and very silly.</p>
           </div>
         </button>
       </li>

toys/license/index.html

@@ -42,7 +42,9 @@
         <div id="sillyNumberValue">03</div>
         <div class="sliderDiv">
           <input type="range" min="0" max="10" value="3" class="slider" id="sillyInput" name="sillyInput">
-        </div>
+        </div><br>
+        <label for="signatureInput">Signature</label>
+        <input type="text" id="signatureInput" name="signatureInput" value="Byte Dice">
       </form>
     </div>
 

toys/license/script.js

@@ -5,12 +5,14 @@ const createdInput  = document.getElementById("createdInput")
 const expireInput    = document.getElementById("expireInput")
 const identityInput  = document.getElementById("identityInput")
 const sillyInput     = document.getElementById("sillyInput")
+const signatureInput = document.getElementById("signatureInput")
 
 const authorValue    = document.getElementById("authorValue")
 const createdValue   = document.getElementById("createdValue")
 const expireValue    = document.getElementById("expireValue")
 const genderValue    = document.getElementById("genderValue")
 const sillyValue     = document.getElementById("sillyValue")
+const signatureValue = document.getElementById("signature")
 
 const sillyNumberValue = document.getElementById("sillyNumberValue")
 
@@ -36,6 +38,9 @@ identityInput.oninput = function() {
 sillyInput.oninput = function() {
   sillyNumberValue.innerHTML = prependZero(this.value)
 }
+signatureInput.oninput = function() {
+  signatureValue.innerHTML = this.value
+}
 
 
 function onLoadLicense() {

toys/license/style.css

@@ -10,7 +10,7 @@
 #licenseContainer {
   width: 600px;
   height: 400px;
-  padding: 40px 40px 40px 40px;
+  padding: 40px 10px 40px 40px;
   position: absolute;
   left: 50%;
   bottom: 0%;
@@ -18,7 +18,7 @@
   font-size: 0.75rem;
   box-sizing: border-box;
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: auto auto;
   grid-template-rows: auto auto;
 }
 .blackBorderRect {
@@ -54,10 +54,11 @@
   border-top: #000000 solid 6px;
   margin: 0%;
   padding: 0% 25px;
+  text-align: center;
 }
 #detailsContainer {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, auto);
 }
 h2 {
   margin: 5px;

toys/style.css

@@ -5,6 +5,7 @@
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: calc(32px * var(--pxDensity)) 1fr;
+  color: inherit;
 }
 .toyImg {
   image-rendering: pixelated;