-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
35 lines (35 loc) · 2.33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
<title>Funny Character Maker</title>
<link rel="stylesheet" href="./stylesheet.css">
</head>
<body>
<textarea spellcheck="false" id="textArea"></textarea>
<div class="manage">
<h2>Manage</h2>
<nobr><label for="count" title="The amount of times the character, loop string or random chars should be added">Amount of characters to add</label> <input type="number" id="count" value="1" min="1"></nobr><br>
<span title="This checkbox makes the characters go into the loop text box, rather than the main box."><input id="multiCheck" type="checkbox"><label for="multiCheck">Loop string: </label></span><textarea id="multiArea"></textarea> <button class="manageCtrl" id="addMulti" title="Appends the loop string content to the main text box">Add Loop String</button><br>
<button class="manageCtrl" id="ctc" title="Copies the main text box's content to clipboard">Copy To Clipboard</button> <button class="manageCtrl" id="clear" title="Clears the main text box and loop string">Clear</button> <button class="manageCtrl" id="addRand" title="Add a random character from checked headings">Add Random</button><br>
<p>Note: All these characters where tested in the Arial font, behaviour may differ.</p>
<p>Got many of these characters from <a href="https://c.r74n.com/combining">R74n.com</a> and <a href="https://unicodeplus.com/">UnicodePlus</a> <3</p>
<sup>Support for other fonts might come later</sup>
</div>
<div class="buttons">
<div>
<h2><input type="checkbox" id="uprng" checked><label for="uprng"> Stackable (Up)</label></h2>
</div>
<div>
<h2><input type="checkbox" id="downrng" checked><label for="downrng"> Stackable (Down)</label></h2>
</div>
<div>
<h2><input type="checkbox" id="overlaprng" checked><label for="overlaprng"> Overlap</label></h2>
</div>
<div>
<h2><input type="checkbox" id="joinrng"><label for="joinrng"> Joiners & Misc.</label></h2>
</div>
</div>
<script src="./button.js" defer></script>
<script src="./index.js" defer></script>
</body>
</html>