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;">
WARNING
</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 style="height: calc(1px * var(--pxDensity)); margin: 0 calc(3px * var(--pxDensity)); background-color: var(--navBarBtn_Border);"></div>
<ul class="libUl">
<li class="libLi">
<div class="libContainer borderedRect">
<img class="libImg" src="/assets/js.png" style="border-radius: 16px;">
<div class="libTextContainer">
<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 class="libSrcContainer">
&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>Basic</h1><br>
<form class="licenseForm">
<div class="paramContainer"><label for="titleInput">Title</label><input type="text" id="titleInput" name="titleInput" value="Boykisser license"></div>
<div class="paramContainer"><label for="authorInput">For/Author</label><input type="text" id="authorInput" name="authorInput" value="Byte Dice"></div>
<div class="paramContainer"><label for="createdInput">Issued</label><input type="text" id="createdInput" name="createdInput" value="2025-01-01"></div>
<div class="paramContainer"><label for="expireInput">Expires</label><input type="text" id="expireInput" name="expireInput" value="NEVER!!!"></div>
<div class="paramContainer"><label for="identityInput">Identity</label><input type="text" id="identityInput" name="identityInput" value="any pronouns"></div>
<form class="licenseForm licenseFormContainer">
<label for="titleInput">Title</label><input type="text" id="titleInput" name="titleInput" value="Boykisser license">
<label for="authorInput">For/Author</label><input type="text" id="authorInput" name="authorInput" value="Byte Dice">
<label for="createdInput">Issued</label><input type="text" id="createdInput" name="createdInput" value="2025-01-01">
<label for="expireInput">Expires</label><input type="text" id="expireInput" name="expireInput" value="NEVER!!!">
<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">
<input type="range" min="0" max="10" value="3" class="slider" id="sillyInput" name="sillyInput">
</div></div>
<label for="sillyInput">Silly</label><div style="display: inline-flex">
<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>
<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">
<option value="boykisser" >Boykisser</option>
<option value="bi-kisser" >Bi-kisser</option>
<option value="ace-kisser" >Ace-kisser</option>
<option value="pan-kisser" >Pan-kisser</option>
<option value="trans-kisser" >Trans-kisser</option>
<option value="bytedice" >Byte Dice</option>
<option value="custom" id="customPic">Custom (upload)</option>
<!-- very clean code, nothing to see here (i dont want whitespaces) -->
</select><label
for="picUpload" id="picUploadLabel"><img src="/assets/icons/upload.svg" id="picUploadIcon" draggable="false"></label
><input
type="file" id="picUpload" name="picUpload" accept=".png,.jpg,.jpeg,.webp"
></div>
<label for="picInput">Picture</label><div style="display: inline-flex">
<select id="picInput" name="picInput">
<option value="boykisser" >Boykisser</option>
<option value="bi-kisser" >Bi-kisser</option>
<option value="ace-kisser" >Ace-kisser</option>
<option value="pan-kisser" >Pan-kisser</option>
<option value="trans-kisser" >Trans-kisser</option>
<option value="bytedice" >Byte Dice</option>
<option value="custom" id="customPic">Custom (upload)</option>
</select>
<label for="picUpload" id="picUploadLabel"><img src="/assets/icons/upload.svg" id="picUploadIcon" draggable="false"></label>
<input type="file" id="picUpload" name="picUpload" accept=".png,.jpg,.jpeg,.webp">
</div>
</form><br>
<h1>Extra</h1><br>
<!--<h1>Extra</h1><br>
<form class="licenseForm">
<label for="soon1">Soon...</label><input type="text" name="soon1" value="Does nothing"><br>
<!-- decorations like
<\!-- decorations like
the QR-code and other "accessories"
-->
</form><br>
-\->
</form><br>-->
<h1>Advanced</h1><br>
<!--<h1>Advanced</h1><br>
<form class="licenseForm">
<label for="soon2">Soon...</label><input type="text" name="soon2" value="Does nothing"><br>
<!--
<\!--
license border radius
pic border radius
title gradient (2 colors + direction) or flag
license bg-image/bg-gradient
-->
</form>
-\->
</form>-->
<button id="generateButton" onclick="generateLicense()">
<img src="/assets/icons/download.svg" class="generateButtonIcon" draggable="false">
toys/license/options.css
+8 -9
View File
@@ -14,6 +14,10 @@
margin: 0%;
max-width: calc(100% - (4px * var(--pxDensity)));
}
.licenseFormContainer {
display: grid;
grid-template-columns: 35% 65%;
}
.licenseForm label {
background-color: var(--navBarBtn_Inner);
box-shadow: calc(1px * var(--pxDensity)) 0px var(--navBarBtn_Border),
@@ -40,13 +44,12 @@
font-size: inherit;
margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%;
box-sizing: border-box;
/* width: round(auto, var(--pxDensity)); */
width: 50%;
width: round(auto, var(--pxDensity));
height: calc(6px * var(--pxDensity));
color: inherit;
display: inline-block;
}
.slider { /* its slightly offset down >:( */
.slider {
-webkit-appearance: none;
appearance: none;
background-color: var(--navBarBtn_Border);
@@ -83,7 +86,6 @@
font-size: inherit;
margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%;
box-sizing: border-box;
width: 50%;
height: calc(6px * var(--pxDensity));
color: inherit;
align-items: center;
@@ -152,6 +154,7 @@ input[type=file] {
display: none;
}
#picInput {
height: calc(6px * var(--pxDensity));
margin-right: calc(3px * var(--pxDensity));
}
#picUploadLabel {
@@ -193,8 +196,4 @@ form {
width: auto;
display: inline-block;
margin: auto 0%;
}
.paramContainer {
display: flex;
align-items: center;
}
}
toys/license/style.css
+1 -1
View File
@@ -11,7 +11,7 @@
}
a {
cursor: pointer;
color: #3333EE;
color: #2222FF;
text-decoration: underline;
font-weight: normal;
}