207 lines
9.7 KiB
HTML
207 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
|
|
|
|
<link rel="stylesheet" href="/global/navBar.css">
|
|
<link rel="stylesheet" href="/global/globalStyle.css">
|
|
<link rel="stylesheet" href="/global/loadingScreen.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="license.css">
|
|
<link rel="stylesheet" href="options.css">
|
|
<link rel="stylesheet" href="600x400_license.css">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Yellowtail&display=swap" rel="stylesheet">
|
|
|
|
<link rel="icon" type="image/png" href="/assets/favicon_32x32.png">
|
|
<title>Byte Dice - Boykisser license</title>
|
|
|
|
|
|
<meta name="description" content="A 'boykisser license' generator tool. Based off the original by Chilli (link in site). It's completely free of charge and very silly.">
|
|
<meta name="keywords" content="Byte Dice, pixel art, procedural generation, game art, digital art, ByteDice showcase, Boykisser, license, lenerator, silly">
|
|
<meta name="author" content="Byte Dice">
|
|
|
|
<meta property="og:title" content="Byte Dice - Boykisser license">
|
|
<meta property="og:description" content="A 'boykisser license' generator tool. Based off the original by Chilli (link in site). It's completely free of charge and very silly.">
|
|
<meta property="og:url" content="https://bytedice.net/toys/license">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image" content="/assets/boykisserLicense.png">
|
|
<meta property="og:image:width" content="600">
|
|
<meta property="og:image:height" content="399">
|
|
|
|
<!-- No twitter embeds except for card. Elon can go and fucking return it to its previous owners. -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- If you came here from u/RandomPersonDotExe, let them know that they are a good developer. -->
|
|
<!-- Also, u/RandomPersonDotExe and Byte Dice are the same person. -->
|
|
<!-- Proof for the above comment? None, but I am Byte Dice and randomPerson probably sent you this saying it's their work -->
|
|
<!-- Proof that I am Byte Dice? Check the commit history. -->
|
|
|
|
<div id="mainDiv">
|
|
<div id="navBarContainer" data-alt="byte"></div>
|
|
|
|
<div class="allContainer">
|
|
<div id="optionsContainer" class="borderedRect">
|
|
<h1 class="optionsCredits h1Top">
|
|
Based on the <a onclick="slideTransition('https://picrew.me/en/image_maker/2310778', event)">original</a> by Chilli!<br>
|
|
Boykisser picture presets by <a onclick="slideTransition('https://www.deviantart.com/greenbandit2004', event)">greenbandit2004</a>.<br>
|
|
Contact
|
|
<a onclick="slideTransition('https://www.reddit.com/u/RandomPersonDotExe', event)">u/RandomPersonDotExe</a>
|
|
on Reddit or @bytedice on Discord for takedown requests.
|
|
</h1><br>
|
|
|
|
<h1>Basic</h1><br>
|
|
<form>
|
|
<label for="titleInput">Title</label><input type="text" id="titleInput" name="titleInput" value="Boykisser license"><br>
|
|
<label for="authorInput">For/Author</label><input type="text" id="authorInput" name="authorInput" value="Byte Dice"><br>
|
|
<label for="createdInput">Issued</label><input type="text" id="createdInput" name="createdInput" value="2025-01-01"><br>
|
|
<label for="expireInput">Expires</label><input type="text" id="expireInput" name="expireInput" value="NEVER!!!"><br>
|
|
<label for="identityInput">Identity</label><input type="text" id="identityInput" name="identityInput" value="any pronouns"><br>
|
|
|
|
<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><br>
|
|
|
|
<label for="signatureInput">Signature</label><input type="text" id="signatureInput" name="signatureInput" value="Byte Dice"><br>
|
|
|
|
<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"
|
|
><br>
|
|
</form><br>
|
|
|
|
<h1>Extra</h1><br>
|
|
<form>
|
|
<label for="soon1">Soon...</label><input name="soon1" value="Does nothing"><br>
|
|
<!-- decorations like
|
|
the QR-code and other "accessories"
|
|
-->
|
|
</form><br>
|
|
|
|
<h1>Advanced</h1><br>
|
|
<form>
|
|
<label for="soon2">Soon...</label><input 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>
|
|
|
|
<button id="generateButton" onclick="generateLicense()">
|
|
<img src="/assets/icons/download.svg" class="generateButtonIcon" draggable="false">
|
|
</button>
|
|
</div>
|
|
|
|
<div id="licenseContainer" class="blackBorderRect">
|
|
<h3 id="titleValue">Boykisser license</h3>
|
|
<div style="width: max-content;">
|
|
<div id="picContainer" class="blackBorderRect">
|
|
<img id="picValue" src="" draggable="false">
|
|
</div>
|
|
|
|
<div id="signatureContainer">
|
|
<p id="signatureValue">Byte Dice</p>
|
|
<p id="signHere">Sign here</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div id="detailsContainer">
|
|
<h2>For </h2><h2 id="authorValue" >Byte Dice</h2>
|
|
<h2>Issued </h2><h2 id="createdValue">2025-01-18</h2>
|
|
<h2>Expires </h2><h2 id="expireValue" >never</h2>
|
|
<h2>Identity </h2><h2 id="genderValue" >unknown</h2>
|
|
<h2>Silly</h2>
|
|
<div class="sillyBar">
|
|
<div id="sillyValue0" class="sillyValue on"></div>
|
|
<div id="sillyValue1" class="sillyValue on"></div>
|
|
<div id="sillyValue2" class="sillyValue on"></div>
|
|
<div id="sillyValue3" class="sillyValue off"></div>
|
|
<div id="sillyValue4" class="sillyValue off"></div>
|
|
<div id="sillyValue5" class="sillyValue off"></div>
|
|
<div id="sillyValue6" class="sillyValue off"></div>
|
|
<div id="sillyValue7" class="sillyValue off"></div>
|
|
<div id="sillyValue8" class="sillyValue off"></div>
|
|
<div id="sillyValue9" class="sillyValue off"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p id="credits">Original by Chilli<br>Remade by Byte Dice at bytedice.net/toys</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="licenseContainer_600x400" class="blackBorderRect">
|
|
<h3 id="titleValue_600x400">Boykisser license</h3>
|
|
<div style="width: max-content;">
|
|
<div id="picContainer_600x400" class="blackBorderRect">
|
|
<img id="picValue_600x400" src="" draggable="false">
|
|
</div>
|
|
|
|
<div id="signatureContainer_600x400">
|
|
<p id="signatureValue_600x400">Byte Dice</p>
|
|
<p id="signHere_600x400">Sign here</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div id="detailsContainer_600x400">
|
|
<h2>For </h2><h2 id="authorValue_600x400" >Byte Dice</h2>
|
|
<h2>Issued </h2><h2 id="createdValue_600x400">2025-01-18</h2>
|
|
<h2>Expires </h2><h2 id="expireValue_600x400" >never</h2>
|
|
<h2>Identity </h2><h2 id="genderValue_600x400" >unknown</h2>
|
|
<h2>Silly</h2>
|
|
<div class="sillyBar_600x400">
|
|
<div id="sillyValue0_600x400" class="sillyValue_600x400 on"></div>
|
|
<div id="sillyValue1_600x400" class="sillyValue_600x400 on"></div>
|
|
<div id="sillyValue2_600x400" class="sillyValue_600x400 on"></div>
|
|
<div id="sillyValue3_600x400" class="sillyValue_600x400 off"></div>
|
|
<div id="sillyValue4_600x400" class="sillyValue_600x400 off"></div>
|
|
<div id="sillyValue5_600x400" class="sillyValue_600x400 off"></div>
|
|
<div id="sillyValue6_600x400" class="sillyValue_600x400 off"></div>
|
|
<div id="sillyValue7_600x400" class="sillyValue_600x400 off"></div>
|
|
<div id="sillyValue8_600x400" class="sillyValue_600x400 off"></div>
|
|
<div id="sillyValue9_600x400" class="sillyValue_600x400 off"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p id="credits_600x400">Original by Chilli<br>Remade by Byte Dice at bytedice.net/toys</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="loadingScreen"></div>
|
|
|
|
<!-- libs -->
|
|
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
|
|
|
|
<!-- global -->
|
|
<script src="/global/globalScript.js"></script>
|
|
<script src="/global/pxDensity.js"></script>
|
|
<script src="/global/loadingScreen.js"></script>
|
|
<script src="/global/navBar.js"></script>
|
|
<script src="/global/screenTransition.js"></script>
|
|
|
|
<!-- local -->
|
|
<script src="script.js"></script>
|
|
</body>
|
|
|
|
</html> |