From 11db41a1280966b53f8639469e177ad0a488c3bf Mon Sep 17 00:00:00 2001
From: ByteDice <bytedice.official@gmail.com>
Date: Wed, 22 Jan 2025 22:30:58 +0100
Subject: [PATCH] added picture logic & started on upload button

---
 .../{ace-boykisser.png => ace-kisser.png}        | Bin
 assets/boykissers/bytedice.png                   | Bin 0 -> 1536 bytes
 .../{pan-boykisser.png => pan-kisser.png}        | Bin
 .../{trans-boykisser.png => trans-kisser.png}    | Bin
 toys/license/index.html                          |  10 +++++-----
 toys/license/license.css                         |   3 ++-
 toys/license/script.js                           |  12 +++++++++++-
 7 files changed, 18 insertions(+), 7 deletions(-)
 rename assets/boykissers/{ace-boykisser.png => ace-kisser.png} (100%)
 create mode 100644 assets/boykissers/bytedice.png
 rename assets/boykissers/{pan-boykisser.png => pan-kisser.png} (100%)
 rename assets/boykissers/{trans-boykisser.png => trans-kisser.png} (100%)

diff --git a/assets/boykissers/ace-boykisser.png b/assets/boykissers/ace-kisser.png
similarity index 100%
rename from assets/boykissers/ace-boykisser.png
rename to assets/boykissers/ace-kisser.png
diff --git a/assets/boykissers/bytedice.png b/assets/boykissers/bytedice.png
new file mode 100644
index 0000000000000000000000000000000000000000..f605a1812562382cd726d6aecbb9d3d72f63d0ab
GIT binary patch
literal 1536
zcmZuxc{J2p9RJ>7jL1Yn$zD<^DLTpaep!y~4JCV~luo=nlx^(ud%Swy^DGC+dX7q^
zmzaz!NydrS!C11-WGatrHI@j;@_y>Q{_37{m+$x9bMNQ-{eC|8_v7|fQWA<103c;!
zZQ%%jh$RAX5n}Qyc5_;{f*q~Q5U*(;lQ1@1vUU#!kd$5T2y*ha5>AifKRQ{es;U~D
zj*5+SPKlCpr77C$Vll_O><soYP8@d0>m3+KT<eqId*5h_x7~@U?>?*H5}Wepz$%x^
z)vIBJg@rw8E4s)yPh7I!lxAyd>u@=6kH0V8@Ki%xEt!399ga$fqy5RX@3+;jZXf?e
z9{{qPjm0si@I0YF@?;mb<?5iQ*sw-IzTwi^TJBJS_&MhZ^2M&7`2x>{LSCMJMBO&N
z=X}u8##@@Sbc3Amb3#(N2p)#`NKMA=Xl`;t{F7p4G8?T`w}d4#65HubxqOGRnN^Dy
z_l5l}o<nT^(%0_S7o%6Ehsz&JE6n(<1ZTH?dav`cdSL&mu|m6}%E`~;_uSVW#%62r
z+AK?EoGYdo*`eEvIM;eYh-~vT;FcI`h-82OAC>{oAVTHv5MCt?H$}w8ijr@Tx<vuf
ztibRuZ)=LBi8u9+FsJABV(<+pRs%vPpyOeV_+s%5-Y$n$8ufq%?l&{lGL%%+GLh@b
z&SsD3we)p9fWj15<Zd9|Skz~CZT6a-nDom<Z;H{IgSs%^yxcfW?3vz1zzK&S6O?6$
z`*?u0(VPnGOhSMe8bc?wmI5~30IAeXc)9r$!a4~K6h2c0j<Yae;pH7VDI~PyQu#pM
zzEev*yeo%WgRZ^vnFn2UoZ(WsC=YDFgkzGUk9RzPk?~G?fCGjLEuAvy(Ek(Ji~4#b
zWkyVNcfJ?_5jcD*F=mnBq7{YXzFiYPUm`-;Es$L`GKWG3$Y`%)ifz)J{t`QM=wL?R
zt5A?Xh@PaFE*uq1LnIX%X@QOL#uhL9*ker1`&UEeU8=XvmQ;Ok^ne7bVsiKnW&e*R
z5u%vq6$Xe)rN-oInTP@&q7PuLf}~vsl>z#VQ7VZm>BFLJ^m19`l3*rbhlsBnaP>e2
zC}Pq9D(RUJL&o3eftrxOtKM8B0rftB@rm-9Wt@<c;ru47-mZQ3-Co8ShSo2rOwU4l
zlGVMqWC1nzCp9Y-`&X(zWYm<_q;r6G=B%75_sA-(XF3LHC7Pn*^v^@5qAFv0nR8@-
zGE1<fypt+0q{Dk1wa5@ximsl2m=yTtNC7Nsuj_<3a#In42bF?f)r%s-Prh7~6?omj
zl(w1kN^lr2EH_2bUC^-=cBUiUQ2gNci1a0yGqhN{k1;8u^Ue1Z1kZC~=J$}D88t1;
zwh`G<qfviZg{LYr$9cWg&jgmjUpV{TR#w@0GxOX+-7cJXSgR9fZcMOwqcRq)ul{(x
zCL&56no(MxhXJeeAg&C1D=H!U{qSpmo6;~3lSdvw(by(}du#*b#ep7FaLxz@QG@K<
zc4#mGz`CP<g|ZPy&>A}e2~nWtN5#YAVny&O%KvUfpwk;$lyq68hbn5dLdsbe+)IK+
zm3^j06h4!}Jr!l}e|AAba3%$x+W>4sC)|B7G7X_-pFQA)FysBudk9)viJIZdcj75o
zb%k~d038F-190Vl`4+tZNFf;6y$&h2Nmag1enI+l24f8Bzy22AMEE6lm#d;8dzkta
zQ)6X%ajh9`WKL`C-_T!~)(okp$jb$}tv%td-eqUdCmKS^GEX6c%D5N6(qN*=Qkphs
z5%Mx70hVaCOv08#ad$FDAc-Z)AXetvz}vHZyNoa4D@3uIyp<-4#+td_F2M_;f`#_M
tmEf|7aV5Fl|FobC<&qs#;FEnve@H6$IGbc@)k07NY%J|9O3b|C{sm@ekgNaz

literal 0
HcmV?d00001

diff --git a/assets/boykissers/pan-boykisser.png b/assets/boykissers/pan-kisser.png
similarity index 100%
rename from assets/boykissers/pan-boykisser.png
rename to assets/boykissers/pan-kisser.png
diff --git a/assets/boykissers/trans-boykisser.png b/assets/boykissers/trans-kisser.png
similarity index 100%
rename from assets/boykissers/trans-boykisser.png
rename to assets/boykissers/trans-kisser.png
diff --git a/toys/license/index.html b/toys/license/index.html
index e1b8f3e..606cee6 100644
--- a/toys/license/index.html
+++ b/toys/license/index.html
@@ -58,16 +58,15 @@
             <option value="pan-kisser"   >Pan-kisser</option>
             <option value="trans-kisser" >Trans-kisser</option>
             <option value="bytedice"     >Byte Dice</option>
-            <option value="custom"       >Custom (upload)</option>
-          </select><br>
+            <option value="custom" id="customPic">Custom (upload)</option>
+          </select><input type="file" id="picUpload" accept=".png,.jpg,.jpeg,.webp"><br>
           <!-- picture -->
         </form>
 
         <h1>Extra</h1>
         <form>
           <!-- decorations like
-            the QR-code
-            license bg-image/bg-color
+            the QR-code and other "accessories"
           -->
         </form>
 
@@ -77,6 +76,7 @@
             license border radius
             pic border radius
             title gradient (2 colors + direction) or flag
+            license bg-image/bg-gradient
           -->
         </form>
       </div>
@@ -84,7 +84,7 @@
       <div id="licenseContainer" class="blackBorderRect">
         <h3 id="titleValue">Boykisser license</h3>
         <div style="width: max-content;">
-          <div id="picContainer" class="blackBorderRect"></div>
+          <img id="picValue" class="blackBorderRect" src="">
 
           <div id="signatureContainer">
             <p id="signatureValue">Byte Dice</p>
diff --git a/toys/license/license.css b/toys/license/license.css
index 75a9edd..f75e62e 100644
--- a/toys/license/license.css
+++ b/toys/license/license.css
@@ -12,9 +12,10 @@
   grid-template-columns: repeat(2, auto);
   grid-template-rows: repeat(2, auto);
 }
-#picContainer {
+#picValue {
   width: 150px;
   height: 150px;
+  display: block;
 }
 #credits {
   position: absolute;
diff --git a/toys/license/script.js b/toys/license/script.js
index 292fc6f..66c73f4 100644
--- a/toys/license/script.js
+++ b/toys/license/script.js
@@ -46,10 +46,16 @@ function setSillyValue(value) {
   `;
 }
 
-function setPictureValue() {
+const picInput = document.getElementById("picInput")
+const picValue = document.getElementById("picValue")
 
+function setPictureValue() {
+  let src = picInput.value != "custom" ? `/assets/boykissers/${picInput.value}.png` : ""
+  picValue.src = src
 }
 
+picInput.oninput = function() { setPictureValue() }
+
 function prependZero(number) {
   return number < 10 ? "0" + number : number;
 }
@@ -67,4 +73,8 @@ function onLoadLicense() {
   if (sillyInput) {
     setSillyValue(sillyInput.value);
   }
+
+  if (picInput) {
+    setPictureValue()
+  }
 }