-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
128 lines (125 loc) · 6.79 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="./style.css">
<link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/js/js.cookie.js"></script>
<title>RGB Armageddon</title>
</head>
<body id="bg" class="container" style="font-family: Quicksand;">
<div id="hexColorTemplate" style="display:none;">
<div class="row padding-top">
<label for="color-$NUM">Cor HEX #$NUM</label>
<input class="form-control col-md-1 hexColor" id="color-$NUM" style="border-radius: 10px;" value="$VAL"
data-jscolor="{preset:'large dark thin', position:'bottom'}" oninput="javascript: updateOutputText(event)"
onchange="javascript: updateOutputText(event); Cookies.set(`#${$NUM}`, document.getElementById('color-$NUM').value, { expires: 7, path: '' })"/>
</div>
</div>
<div id="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-8" style="padding-right: 0;">
<div class="container-fluid">
<div class="row padding-top">
<div id="output">
<label id="label4" for="outputText">Texto RGB</label>
<label id="graylabel2" class="gray" for="outputText" style="font-weight: normal;">Copie e cole este texto RGB no chat!</label>
<pre id="outputText" style="border-radius: 10px; white-space: pre-wrap; height: 70px; margin-right: 15px; font-family: MinecraftRegular; margin-bottom: 5px;"
onclick="copyTextToClipboard(this.textContent);"></pre>
<p id="error">O texto possui mais de 256 caracteres e pode não caber no chat do jogo.</p>
</div>
</div>
<div class="row">
<div id="coloredNick" class="minecraft"></div>
</div>
<div class="row">
<div class="col-md-3" style="padding-left: 0;">
<label for="nickname">Digite seu texto abaixo!</label>
<input class="form-control" id="nickname" type="text" maxlength="100" placeholder="Seu texto"
value="armamc.com" oninput="javascript: updateOutputText(event);"
onchange="javascript: updateOutputText(event)">
</div>
</div>
<div class="row" hidden style="margin-top: 10px; padding-top: 100px;">
<div class="col-md-3" style="padding-left: 0;">
<label for="output-format">Formato do Texto</label>
<select id="output-format"
class="form-control"
onchange="updateOutputText(event);">
<option value='0'>Padrão (&#rrggbb)</option>
<!-- <option value='2'>Legacy (&x&r&r&g&g&b&b)</option>
<option value='6'>Console (§x§r§r§g§g§b§b)</option>
<option value='8'>MOTD (\u00A7x)</option>
<option value='1'>Chat (<#rrggbb>)</option>
<option value='7'>BBCode [COLOR=#rrggbb]</option> -->
</select>
</div>
</div>
<div class="row" style="margin-top: 10px;">
<div class="col-md-3 padding-top" style="padding-left: 0px;">
<label for="color-preset">Predefinição de cores</label>
<select id="color-preset"
class="form-control"
onchange="preset(this.value); updateOutputText(event); ">
<option value='0'>Nenhum</option>
<option value='1'>Arco-íris</option>
<option value='2'>VIP Premium</option>
<option value='3'>VIP Master</option>
<option value='4'>VIP Ultimate</option>
<option value='5'>VIP Platinum</option>
<option value='6'>VIP Aniversário</option>
<option value='7'>VIP Férias</option>
<option value='8'>VIP Natal</option>
<option value='9'>Caixa Samurai - 2024</option>
<option value='10'>Caixa dos Piratas - 2024</option>
<option value='11'>Caixa de Halloween - 2024</option>
</select>
</div>
</div>
<div class="row padding-top" style="margin-top: 10px;">
<label for="numOfColors">Número de Cores</label>
<input class="form-control"
style="width: 75px;"
value="2" id="numOfColors" type="number" min="2" max="10"
onchange="updateOutputText(event); toggleColors(this.value);"
oninput="updateOutputText(event); toggleColors(this.value);"/>
</div>
<div class="row padding-top" style="margin-top: 10px;">
<label for="color-preset">Formatos - Não funciona com <code>/nick</code></label>
<div id="dbold">
<input type="checkbox" id="bold" onclick="updateOutputText(event);"/>
<label for="bold">Negrito</label>
</div>
<div id="ditalics">
<input type="checkbox" id="italics" onclick="updateOutputText(event);"/>
<label for="italics">Itálico</label>
</div>
<div id="dunderline">
<input type="checkbox" id="underline" onclick="updateOutputText(event);"/>
<label for="underline">Sublinhado</label>
</div>
<div id="dstrike" hidden>
<input type="checkbox" id="strike" onclick="updateOutputText(event);"/>
<label for="strike">Tachado</label>
</div>
<!-- <div id="appearance">
<input type="checkbox" id="darkmode" onclick="darkMode();"></input>
<label for="darkmode" style="margin-bottom: 0px;margin-top: 0px;">Modo Escuro</label>
</div> -->
</div>
</div>
</div>
<div class="col-md-4" style="padding-left: 0;">
<div id="hexColors" class="container-fluid">
<!-- Will be populated in JavaScript -->
</div>
</div>
</div>
</div>
</div>
<script src="jscolor.js"></script>
<script src="script.js"></script>
</body>
</html>