217 lines
10 KiB
HTML
217 lines
10 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">
|
|
|
|
<!-- fonts -->
|
|
<style>
|
|
@import url("https://fonts.googleapis.com/css2?family=Yellowtail&display=swap");
|
|
@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400&display=swap");
|
|
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');
|
|
</style>
|
|
|
|
|
|
<link rel="icon" type="image/png" href="/assets/favicon_32x32.png">
|
|
<title>Byte Dice - Boykisser license</title>
|
|
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://bytedice.net/toys/license">
|
|
|
|
<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, generator, 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">
|
|
<img src="/assets/backgrounds/starNoise_512x512.png" draggable="false" id="starNoise">
|
|
<canvas id="starfallCanvas"></canvas>
|
|
|
|
<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>
|
|
<br>
|
|
For takedown requests, please
|
|
<a onclick="slideTransition('https://github.com/ByteDice/ByteDiceWeb/issues', event)">submit an issue</a> with the "Copyright" label in the Github repository for this website.
|
|
</h1><br>
|
|
|
|
<h1>Basic</h1><br>
|
|
<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">
|
|
|
|
<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>
|
|
|
|
<label for="signatureInput">Signature</label><input type="text" id="signatureInput" name="signatureInput" value="Byte Dice">
|
|
|
|
<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>
|
|
<form class="licenseForm">
|
|
<label for="soon1">Soon...</label><input type="text" name="soon1" value="Does nothing"><br>
|
|
<\!-- decorations like
|
|
the QR-code and other "accessories"
|
|
-\->
|
|
</form><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>-->
|
|
|
|
<button id="generateButton" onclick="generateLicense()">
|
|
<img src="/assets/icons/download.svg" class="generateButtonIcon" draggable="false">
|
|
</button>
|
|
</div>
|
|
|
|
<div id="licenseContainer" class="blackBorderRect sans">
|
|
<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" class="yellowTail">Byte Dice</p>
|
|
<p id="signHere">Sign here</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div id="detailsContainer">
|
|
<h2 class="sans-bold">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 sans">
|
|
<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" class="yellowTail">
|
|
<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 id="navBarContainer" data-alt="byte"></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>
|
|
<script src="/stars.js"></script>
|
|
</body>
|
|
|
|
</html> |