diff --git a/toys/index.html b/toys/index.html index f774d23..176d597 100644 --- a/toys/index.html +++ b/toys/index.html @@ -24,7 +24,7 @@

Boykisser license generator

-

Automatically generates a "Boykissser license" for you. Free of charge.

+

Automatically generates a "Boykissser license" for you. Free of charge and very silly.

diff --git a/toys/license/index.html b/toys/license/index.html index 168c2f0..e097be7 100644 --- a/toys/license/index.html +++ b/toys/license/index.html @@ -42,7 +42,9 @@
03
-
+
+ + diff --git a/toys/license/script.js b/toys/license/script.js index 6a0f3c2..dfd45de 100644 --- a/toys/license/script.js +++ b/toys/license/script.js @@ -1,16 +1,18 @@ CURRENT_PAGE = PAGES.LICENSE -const authorInput = document.getElementById("authorInput") -const createdInput = document.getElementById("createdInput") -const expireInput = document.getElementById("expireInput") -const identityInput = document.getElementById("identityInput") -const sillyInput = document.getElementById("sillyInput") +const authorInput = document.getElementById("authorInput") +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 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() { diff --git a/toys/license/style.css b/toys/license/style.css index 8c0e5b6..c9f0a3b 100644 --- a/toys/license/style.css +++ b/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; diff --git a/toys/style.css b/toys/style.css index 5774fd1..bf433fd 100644 --- a/toys/style.css +++ b/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;