remade boykisser license to be easier to modify and update

This commit is contained in:
2026-06-28 19:26:43 +02:00
parent 2dd3847a81
commit cfc6d719a9
11 changed files with 407 additions and 261 deletions
+1 -18
View File
@@ -12,12 +12,10 @@ const inputOutputMap = {
for (const [inputId, outputId] of Object.entries(inputOutputMap)) {
const inputElement = document.getElementById(inputId)
const outputElement = document.getElementById(outputId)
const outputElement_600x400 = document.getElementById(`${outputId}_600x400`)
if (inputElement && outputElement) {
inputElement.oninput = function () {
outputElement.innerHTML = this.value
outputElement_600x400.innerHTML = this.value
}
}
}
@@ -25,11 +23,9 @@ for (const [inputId, outputId] of Object.entries(inputOutputMap)) {
const sillyInput = document.getElementById("sillyInput")
const sillyNumberValue = document.getElementById("sillyNumberValue")
let sillyValues = []
let sillyValues_600x400 = []
for (let i = 0; i < 10; i++) {
sillyValues.push(document.getElementById(`sillyValue${i}`))
sillyValues_600x400.push(document.getElementById(`sillyValue${i}_600x400`))
}
@@ -46,24 +42,20 @@ function setSillyValue(value) {
for (let i in sillyValues) {
let sillyValue = sillyValues[i]
let sillyValue_600x400 = sillyValues_600x400[i]
let isTurnedOn = i <= value - 1
if (isTurnedOn) {
sillyValue.className = "sillyValue on"
sillyValue_600x400.className = "sillyValue_600x400 on"
}
else {
sillyValue.className = "sillyValue off"
sillyValue_600x400.className = "sillyValue_600x400 off"
}
}
}
const picInput = document.getElementById("picInput")
const picValue = document.getElementById("picValue")
const picValue_600x400 = document.getElementById("picValue_600x400")
const picUpload = document.getElementById("picUpload")
const customPicOption = document.getElementById("customPic")
@@ -71,7 +63,6 @@ function setPictureValue() {
if (picInput.value != "custom") {
let src = `/assets/boykissers/${picInput.value}.png`
picValue.src = src
picValue_600x400.src = src
}
else {
if (picUpload.files.length > 0) {
@@ -79,7 +70,6 @@ function setPictureValue() {
const fileName = file.name
let src = URL.createObjectURL(file)
picValue.src = src
picValue_600x400.src = src
customPicOption.innerHTML = `Custom (${fileName})`
}
else {
@@ -92,13 +82,9 @@ picUpload.oninput = function() { setPictureValue() }
picInput.oninput = function() { setPictureValue() }
function prependZero(number) {
return number < 10 ? "0" + number : number
}
function generateLicense() {
const element = document.getElementById("licenseContainer_600x400")
const element = document.getElementById("licenseContainer")
html2canvas(element).then(canvas => {
const link = document.createElement("a");
@@ -113,14 +99,11 @@ function onLoadLicense() {
for (const [inputId, outputId] of Object.entries(inputOutputMap)) {
const inputElement = document.getElementById(inputId)
const outputElement = document.getElementById(outputId)
const outputElement_600x400 = document.getElementById(`${outputId}_600x400`)
if (inputElement && outputElement) {
outputElement.innerHTML = inputElement.value
outputElement_600x400.innerHTML = inputElement.value
}
}
if (sillyInput) {
setSillyValue(sillyInput.value)
}