ByteDice/ByteDiceWeb
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

fixed some bugs in /toys/license/

Browse Source
This commit is contained in:
ByteDice
2026-01-02 13:26:52 +01:00
parent e2755fd107
commit e654bf5ae8
4 changed files with 43 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
libs/test/index.html
+2 -4
View File
@@ -34,18 +34,16 @@
<h1 style="margin-bottom: calc(1px * var(--pxDensity)); font-size: 2em; color: red; text-decoration: underline;"> <h1 style="margin-bottom: calc(1px * var(--pxDensity)); font-size: 2em; color: red; text-decoration: underline;">
WARNING WARNING
</h1> </h1>
These are experimental/testing libraries. Do not expect them to function. Do not expect them to stay functioning. Do not expect them stay as a whole. Do not expect their advertising to be correct. Do not expect anything from them. These are experimental/testing libraries. Do not expect anything from them, they may even be removed in the future.
</div> </div>
<div style="height: calc(1px * var(--pxDensity)); margin: 0 calc(3px * var(--pxDensity)); background-color: var(--navBarBtn_Border);"></div>
<ul class="libUl"> <ul class="libUl">
<li class="libLi"> <li class="libLi">
<div class="libContainer borderedRect"> <div class="libContainer borderedRect">
<img class="libImg" src="/assets/js.png" style="border-radius: 16px;"> <img class="libImg" src="/assets/js.png" style="border-radius: 16px;">
<div class="libTextContainer"> <div class="libTextContainer">
<h1>Calendar Library</h1> <h1>Calendar Library</h1>
<p class="desc">A fully customizable calendar library. So customizable that you can barely call it a calendar library.</p> <p class="desc">Description.</p>
</div> </div>
<div class="libSrcContainer"> <div class="libSrcContainer">
&lt;script src="https://www.bytedice.net/libs/test/calendar_test.js"&gt;&lt;/script&gt; &lt;script src="https://www.bytedice.net/libs/test/calendar_test.js"&gt;&lt;/script&gt;
toys/license/index.html
+32 -32
View File
@@ -61,53 +61,53 @@
</h1><br> </h1><br>
<h1>Basic</h1><br> <h1>Basic</h1><br>
<form class="licenseForm"> <form class="licenseForm licenseFormContainer">
<div class="paramContainer"><label for="titleInput">Title</label><input type="text" id="titleInput" name="titleInput" value="Boykisser license"></div> <label for="titleInput">Title</label><input type="text" id="titleInput" name="titleInput" value="Boykisser license">
<div class="paramContainer"><label for="authorInput">For/Author</label><input type="text" id="authorInput" name="authorInput" value="Byte Dice"></div> <label for="authorInput">For/Author</label><input type="text" id="authorInput" name="authorInput" value="Byte Dice">
<div class="paramContainer"><label for="createdInput">Issued</label><input type="text" id="createdInput" name="createdInput" value="2025-01-01"></div> <label for="createdInput">Issued</label><input type="text" id="createdInput" name="createdInput" value="2025-01-01">
<div class="paramContainer"><label for="expireInput">Expires</label><input type="text" id="expireInput" name="expireInput" value="NEVER!!!"></div> <label for="expireInput">Expires</label><input type="text" id="expireInput" name="expireInput" value="NEVER!!!">
<div class="paramContainer"><label for="identityInput">Identity</label><input type="text" id="identityInput" name="identityInput" value="any pronouns"></div> <label for="identityInput">Identity</label><input type="text" id="identityInput" name="identityInput" value="any pronouns">
<div class="paramContainer"><label for="sillyInput">Silly</label><div id="sillyNumberValue">03</div><div class="sliderDiv"> <label for="sillyInput">Silly</label><div style="display: inline-flex">
<input type="range" min="0" max="10" value="3" class="slider" id="sillyInput" name="sillyInput"> <div id="sillyNumberValue">03</div><div class="sliderDiv">
</div></div> <input type="range" min="0" max="10" value="3" class="slider" id="sillyInput" name="sillyInput"></div>
</div>
<div class="paramContainer"><label for="signatureInput">Signature</label><input type="text" id="signatureInput" name="signatureInput" value="Byte Dice"></div> <label for="signatureInput">Signature</label><input type="text" id="signatureInput" name="signatureInput" value="Byte Dice">
<div class="paramContainer"><label for="picInput">Picture</label><select id="picInput" name="picInput"> <label for="picInput">Picture</label><div style="display: inline-flex">
<option value="boykisser" >Boykisser</option> <select id="picInput" name="picInput">
<option value="bi-kisser" >Bi-kisser</option> <option value="boykisser" >Boykisser</option>
<option value="ace-kisser" >Ace-kisser</option> <option value="bi-kisser" >Bi-kisser</option>
<option value="pan-kisser" >Pan-kisser</option> <option value="ace-kisser" >Ace-kisser</option>
<option value="trans-kisser" >Trans-kisser</option> <option value="pan-kisser" >Pan-kisser</option>
<option value="bytedice" >Byte Dice</option> <option value="trans-kisser" >Trans-kisser</option>
<option value="custom" id="customPic">Custom (upload)</option> <option value="bytedice" >Byte Dice</option>
<!-- very clean code, nothing to see here (i dont want whitespaces) --> <option value="custom" id="customPic">Custom (upload)</option>
</select><label </select>
for="picUpload" id="picUploadLabel"><img src="/assets/icons/upload.svg" id="picUploadIcon" draggable="false"></label <label for="picUpload" id="picUploadLabel"><img src="/assets/icons/upload.svg" id="picUploadIcon" draggable="false"></label>
><input <input type="file" id="picUpload" name="picUpload" accept=".png,.jpg,.jpeg,.webp">
type="file" id="picUpload" name="picUpload" accept=".png,.jpg,.jpeg,.webp" </div>
></div>
</form><br> </form><br>
<h1>Extra</h1><br> <!--<h1>Extra</h1><br>
<form class="licenseForm"> <form class="licenseForm">
<label for="soon1">Soon...</label><input type="text" name="soon1" value="Does nothing"><br> <label for="soon1">Soon...</label><input type="text" name="soon1" value="Does nothing"><br>
<!-- decorations like <\!-- decorations like
the QR-code and other "accessories" the QR-code and other "accessories"
--> -\->
</form><br> </form><br>-->
<h1>Advanced</h1><br> <!--<h1>Advanced</h1><br>
<form class="licenseForm"> <form class="licenseForm">
<label for="soon2">Soon...</label><input type="text" name="soon2" value="Does nothing"><br> <label for="soon2">Soon...</label><input type="text" name="soon2" value="Does nothing"><br>
<!-- <\!--
license border radius license border radius
pic border radius pic border radius
title gradient (2 colors + direction) or flag title gradient (2 colors + direction) or flag
license bg-image/bg-gradient license bg-image/bg-gradient
--> -\->
</form> </form>-->
<button id="generateButton" onclick="generateLicense()"> <button id="generateButton" onclick="generateLicense()">
<img src="/assets/icons/download.svg" class="generateButtonIcon" draggable="false"> <img src="/assets/icons/download.svg" class="generateButtonIcon" draggable="false">
toys/license/options.css
+8 -9
View File
@@ -14,6 +14,10 @@
margin: 0%; margin: 0%;
max-width: calc(100% - (4px * var(--pxDensity))); max-width: calc(100% - (4px * var(--pxDensity)));
} }
.licenseFormContainer {
display: grid;
grid-template-columns: 35% 65%;
}
.licenseForm label { .licenseForm label {
background-color: var(--navBarBtn_Inner); background-color: var(--navBarBtn_Inner);
box-shadow: calc(1px * var(--pxDensity)) 0px var(--navBarBtn_Border), box-shadow: calc(1px * var(--pxDensity)) 0px var(--navBarBtn_Border),
@@ -40,13 +44,12 @@
font-size: inherit; font-size: inherit;
margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%; margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%;
box-sizing: border-box; box-sizing: border-box;
/* width: round(auto, var(--pxDensity)); */ width: round(auto, var(--pxDensity));
width: 50%;
height: calc(6px * var(--pxDensity)); height: calc(6px * var(--pxDensity));
color: inherit; color: inherit;
display: inline-block; display: inline-block;
} }
.slider { /* its slightly offset down >:( */ .slider {
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
background-color: var(--navBarBtn_Border); background-color: var(--navBarBtn_Border);
@@ -83,7 +86,6 @@
font-size: inherit; font-size: inherit;
margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%; margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%;
box-sizing: border-box; box-sizing: border-box;
width: 50%;
height: calc(6px * var(--pxDensity)); height: calc(6px * var(--pxDensity));
color: inherit; color: inherit;
align-items: center; align-items: center;
@@ -152,6 +154,7 @@ input[type=file] {
display: none; display: none;
} }
#picInput { #picInput {
height: calc(6px * var(--pxDensity));
margin-right: calc(3px * var(--pxDensity)); margin-right: calc(3px * var(--pxDensity));
} }
#picUploadLabel { #picUploadLabel {
@@ -193,8 +196,4 @@ form {
width: auto; width: auto;
display: inline-block; display: inline-block;
margin: auto 0%; margin: auto 0%;
} }
.paramContainer {
display: flex;
align-items: center;
}
toys/license/style.css
+1 -1
View File
@@ -11,7 +11,7 @@
} }
a { a {
cursor: pointer; cursor: pointer;
color: #3333EE; color: #2222FF;
text-decoration: underline; text-decoration: underline;
font-weight: normal; font-weight: normal;
} }