196 lines
9.0 KiB
HTML
196 lines
9.0 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">
|
|
|
|
<!-- 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>
|
|
<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" >User</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">Silliness</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="bgUploadIcon" draggable="false"></label>
|
|
<input type="file" id="picUpload" name="picUpload" accept=".png,.jpg,.jpeg,.webp">
|
|
</div>
|
|
</form><br>
|
|
|
|
<h1>Colors</h1><br>
|
|
<form class="licenseForm licenseFormContainer">
|
|
<label for="bgTypeInput" name="bgTypeInput">BG Type</label><div style="display: inline-flex;">
|
|
<select id="bgTypeInput", name="bgTypeInput">
|
|
<option value="color">Solid Color</option>
|
|
<option value="image" id="customBg">Image (upload)</option>
|
|
</select>
|
|
<label for="bgUpload" id="bgUploadLabel"><img src="/assets/icons/upload.svg" id="bgUploadIcon" draggable="false"></label>
|
|
<input type="file" id="bgUpload" name="bgUpload" accept=".png,.jpg,.jpeg,.webp">
|
|
</div>
|
|
|
|
<label for="bgColInput" >Background</label><input type="color" id="bgColInput" name="bgColInput" value="#FFFFFF">
|
|
<label for="borderColInput">Borders</label ><input type="color" id="borderColInput" name="borderColInput" value="#000000">
|
|
<label for="textColInput" >Text</label ><input type="color" id="textColInput" name="textColInput" value="#000000">
|
|
</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>-->
|
|
|
|
<div style="display: flex; gap: calc(1px * var(--pxDensity))">
|
|
<button id="generateButton" class="generateButton navBtn" onclick="generateLicense()">
|
|
Download
|
|
</button>
|
|
<button class="generateButton navBtn" onclick="exportData()">
|
|
Copy Data
|
|
</button>
|
|
<button class="generateButton navBtn" onclick="importData()">
|
|
Import
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: inline-flex; justify-content: center;">
|
|
<div id="licenseAnchor" style="display: inline-block; transform-origin: center;">
|
|
<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" class="yellowTail">
|
|
<p id="signatureValue">Byte Dice</p>
|
|
<p id="signHere">Sign here</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div id="detailsContainer">
|
|
<h2>User </h2><h2 id="authorValue" >foo</h2>
|
|
<h2>Issued </h2><h2 id="createdValue">bar</h2>
|
|
<h2>Expires </h2><h2 id="expireValue" >baz</h2>
|
|
<h2>Identity </h2><h2 id="genderValue" >cux</h2>
|
|
<h2>Silliness</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>
|
|
<!-- NR-ID = Non-Reversible IDentification -->
|
|
<p id="hashID">NR-ID: 8f434346648f6b96</p>
|
|
</div>
|
|
</div>
|
|
</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="license.js"></script>
|
|
<script src="input.js"></script>
|
|
<script src="/stars.js"></script>
|
|
</body>
|
|
|
|
</html> |