diff --git a/index.html b/index.html
index d6d1182..bce53ae 100644
--- a/index.html
+++ b/index.html
@@ -1,135 +1,178 @@
-
-
- HUE HUE Name Generator
-
-
-
-
+
+
+
+ HUE HUE Name Generator
+
+
+
+
+
+
+
+
+
+
+ (function () {
+ const first = [
+ ["Advogada", 1],
+ ["Advogado", 0],
+ ["Androide", 0],
+ ["Andróide", 1],
+ ["Apóstolo", 0],
+ ["Baseado", 0],
+ ["Betoneira", 1],
+ ["Bruxa", 1],
+ ["Bruxo", 0],
+ ["Cadeira", 1],
+ ["Carreta", 1],
+ ["Dragão", 0],
+ ["Estagiária", 1],
+ ["Estagiário", 0],
+ ["Feijão", 0],
+ ["Guardiã", 1],
+ ["Guardião", 0],
+ ["Homem", 0],
+ ["Iphone", 0],
+ ["Lavadeira", 1],
+ ["Morador", 0],
+ ["Moradora", 1],
+ ["Moça", 1],
+ ["Moço", 0],
+ ["Mulher", 1],
+ ["Novinha", 1],
+ ["Novinho", 0],
+ ["Professor", 0],
+ ["Professora", 1],
+ ["Senhorita", 1],
+ ["Socialite", 1],
+ ["Síndica", 1],
+ ["Síndico", 0],
+ ["Soldado", 0],
+ ["Soldada", 1],
+ ["Viking", 0],
+ ["Viking", 1],
+ ];
+ const last = [
+ ["Acriano", "Acriana"],
+ ["Alagoano", "Alagoana"],
+ ["Amapaense", "Amapaense"],
+ ["Amarelo", "Amarela"],
+ ["Amazonense", "Amazonense"],
+ ["Baiano", "Baiana"],
+ ["Barriga Verde", "Barriga Verde"],
+ ["Branco", "Branca"],
+ ["Brasiliense", "Brasiliense"],
+ ["Capixaba", "Capixaba"],
+ ["Carente", "Carente"],
+ ["Carioca", "Carioca"],
+ ["Carpinteiro", "Carpinteira"],
+ ["Casado", "Casada"],
+ ["Cearense", "Cearense"],
+ ["Com Arroz", "Com Arraoz"],
+ ["Com Feijão", "Com Feijão"],
+ ["Concreto", "Concreto"],
+ ["Da Alegria", "Da Alegria"],
+ ["Da Cama", "Da Cama"],
+ ["Da Ciência", "Da Ciência"],
+ ["Da Conspiração", "Da Conspiração"],
+ ["Da Escola", "Da Escola"],
+ ["Da Monarquia", "Da Monarquia"],
+ ["Da Rua", "Da Rua"],
+ ["Da Semana", "Da Semana"],
+ ["Da Terra", "Da Terra"],
+ ["Da Zona Leste", "Da Zone Leste"],
+ ["Da Zona Oeste", "Da Zona Oeste"],
+ ["Da Zona Sul", "Da Zona Sul"],
+ ["Da Zona", "Da Zona"],
+ ["Da Zone Norte", "Da Zona Norte"],
+ ["Das Estrelas", "Das Estrelas"],
+ ["De Carne", "De Carne"],
+ ["De Dados", "De Dados"],
+ ["Do Ar", "Do Ar"],
+ ["Do Brasil", "Do Brasil"],
+ ["Do Estado", "Do Estado"],
+ ["Do Mar", "Do Mar"],
+ ["Do Nordeste", "Do Nordeste"],
+ ["Do Norte", "Do Norte"],
+ ["Do Ocidente", "Do Ocidente"],
+ ["Do Oriente", "Do Oriente"],
+ ["Do Prédio", "Do Prédio"],
+ ["Do Pão", "Do Pão"],
+ ["Do Rio", "Do Rio"],
+ ["Do Sul", "Do Sul"],
+ ["Dos Dados", "Dos Dados"],
+ ["Fluminense", "Fluminense"],
+ ["Furacão", "Furacão"],
+ ["Gaúcho", "Gaúcha"],
+ ["Goiano", "Goiana"],
+ ["Júnior", "Júnior"],
+ ["Maranhense", "Maranhese"],
+ ["Mineiro", "Mineira"],
+ ["Nordestino", "Nordestina"],
+ ["Novato", "Novata"],
+ ["Paraense", "Paraense"],
+ ["Paraibano", "Paraibana"],
+ ["Paranaense", "Paranaense"],
+ ["Paranaense", "paranaense"],
+ ["Paulista", "Paulista"],
+ ["Pobre", "Pobre"],
+ ["Premiado", "Premiada"],
+ ["Preto", "Preta"],
+ ["Vacianado", "Vacinada"],
+ ["Velho", "Velha"],
+ ["Verde", "Verde"],
+ ["Vermelho", "Vermelha"],
+ ];
+
+ function getRandomInt(max) {
+ return Math.floor(Math.random() * max);
+ }
+
+ function generate() {
+ const initial = first[getRandomInt(first.length)];
+ const final = last[getRandomInt(last.length)];
+ const name = initial[0] + " " + final[initial[1]];
+
+ if (name.length > 19) {
+ return generate();
+ }
+
+ return name;
+ }
+
+ function show() {
+ let base = document.createElement("div");
+ base.className = "block";
+
+ for (let i = 0; i < 5; i++) {
+ let name = document.createElement("p");
+ name.innerHTML = generate();
+ base.append(name);
+ }
+
+ document.getElementById("content").append(base);
+ }
+
+ const btn = document.getElementById("generator");
+ btn.addEventListener("click", () => show());
+
+ show();
+ })();
+
\ No newline at end of file