jbiason
/
hue-nome-creator
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Trying to make it flex

main
Julio Biason 2 years ago
parent
b74e5a62f4
commit
41f6bb0a8d
1 changed files with 173 additions and 130 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 291
      index.html

291
index.html
Unescape View File

@ -1,135 +1,178 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>HUE HUE Name Generator</title>
</head>
<body>
<div id="content"></div>
</body>
<head>
<meta charset=utf-8>
<title>HUE HUE Name Generator</title>
<style type="text/css">
#content {
display: flex;
justify-content: space-around;
flex-direction: row;
}
#content>.block {
flex: auto;
}
</style>
</head>
<body>
<div>
<button id="generator">
Mais!
</button>
</div>
<div id="content"></div>
</body>
</html>
<script>
(function() {
const first = [
["Advogada", 1],
["Advogado", 0],
["Androide", 0],
["Andróide", 1],
["Apóstolo", 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],
["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"],
["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"],
["Fluminense", "Fluminense"],
["Furacão", "Furacão"],
["Gaúcho", "Gaúcha"],
["Goiano", "Goiana"],
["Júnior", "Júnior"],
["Maranhense", "Maranhese"],
["Mineiro", "Mineira"],
["Nordestino", "Nordestino"],
["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 () {
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 getRandomInt(max) {
return Math.floor(Math.random() * max);
}
function show() {
let base = document.createElement("div");
base.className = "block";
function generate() {
const initial = first[getRandomInt(first.length)];
const final = last[getRandomInt(last.length)];
for (let i = 0; i < 5; i++) {
let name = document.createElement("p");
name.innerHTML = generate();
base.append(name);
}
return initial[0] + " " + final[initial[1]];
}
document.getElementById("content").append(base);
}
function show() {
let name = document.createElement("p");
name.innerHTML = generate();
document.getElementById("content").append(name);
}
const btn = document.getElementById("generator");
btn.addEventListener("click", () => show());
show();
})();
show();
})();
</script>
Write Preview
Loading…
Cancel
Save