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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 303
      index.html

303
index.html
Unescape View File

@ -1,135 +1,178 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html lang="en"> <html lang="en">
<head>
<meta charset=utf-8> <head>
<title>HUE HUE Name Generator</title> <meta charset=utf-8>
</head> <title>HUE HUE Name Generator</title>
<body> <style type="text/css">
<div id="content"></div> #content {
</body> 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> </html>
<script> <script>
(function() { (function () {
const first = [ const first = [
["Advogada", 1], ["Advogada", 1],
["Advogado", 0], ["Advogado", 0],
["Androide", 0], ["Androide", 0],
["Andróide", 1], ["Andróide", 1],
["Apóstolo", 0], ["Apóstolo", 0],
["Betoneira", 1], ["Baseado", 0],
["Bruxa", 1], ["Betoneira", 1],
["Bruxo", 0], ["Bruxa", 1],
["Cadeira", 1], ["Bruxo", 0],
["Carreta", 1], ["Cadeira", 1],
["Dragão", 0], ["Carreta", 1],
["Estagiária", 1], ["Dragão", 0],
["Estagiário", 0], ["Estagiária", 1],
["Feijão", 0], ["Estagiário", 0],
["Guardiã", 1], ["Feijão", 0],
["Guardião", 0], ["Guardiã", 1],
["Homem", 0], ["Guardião", 0],
["Iphone", 0], ["Homem", 0],
["Lavadeira", 1], ["Iphone", 0],
["Morador", 0], ["Lavadeira", 1],
["Moradora", 1], ["Morador", 0],
["Moça", 1], ["Moradora", 1],
["Moço", 0], ["Moça", 1],
["Mulher", 1], ["Moço", 0],
["Novinha", 1], ["Mulher", 1],
["Novinho", 0], ["Novinha", 1],
["Professor", 0], ["Novinho", 0],
["Professora", 1], ["Professor", 0],
["Senhorita", 1], ["Professora", 1],
["Socialite", 1], ["Senhorita", 1],
["Síndica", 1], ["Socialite", 1],
["Síndico", 0], ["Síndica", 1],
["Viking", 0], ["Síndico", 0],
["Viking", 1], ["Soldado", 0],
]; ["Soldada", 1],
const last = [ ["Viking", 0],
["Acriano", "Acriana"], ["Viking", 1],
["Alagoano", "Alagoana"], ];
["Amapaense", "Amapaense"], const last = [
["Amarelo", "Amarela"], ["Acriano", "Acriana"],
["Amazonense", "Amazonense"], ["Alagoano", "Alagoana"],
["Baiano", "Baiana"], ["Amapaense", "Amapaense"],
["Barriga Verde", "Barriga Verde"], ["Amarelo", "Amarela"],
["Branco", "Branca"], ["Amazonense", "Amazonense"],
["Brasiliense", "Brasiliense"], ["Baiano", "Baiana"],
["Capixaba", "Capixaba"], ["Barriga Verde", "Barriga Verde"],
["Carente", "Carente"], ["Branco", "Branca"],
["Carioca", "Carioca"], ["Brasiliense", "Brasiliense"],
["Carpinteiro", "Carpinteira"], ["Capixaba", "Capixaba"],
["Casado", "Casada"], ["Carente", "Carente"],
["Cearense", "Cearense"], ["Carioca", "Carioca"],
["Com Arroz", "Com Arraoz"], ["Carpinteiro", "Carpinteira"],
["Com Feijão", "Com Feijão"], ["Casado", "Casada"],
["Concreto", "Concreto"], ["Cearense", "Cearense"],
["Da Alegria", "Da Alegria"], ["Com Arroz", "Com Arraoz"],
["Da Cama", "Da Cama"], ["Com Feijão", "Com Feijão"],
["Da Ciência", "Da Ciência"], ["Concreto", "Concreto"],
["Da Conspiração", "Da Conspiração"], ["Da Alegria", "Da Alegria"],
["Da Escola", "Da Escola"], ["Da Cama", "Da Cama"],
["Da Monarquia", "Da Monarquia"], ["Da Ciência", "Da Ciência"],
["Da Rua", "Da Rua"], ["Da Conspiração", "Da Conspiração"],
["Da Semana", "Da Semana"], ["Da Escola", "Da Escola"],
["Da Terra", "Da Terra"], ["Da Monarquia", "Da Monarquia"],
["Das Estrelas", "Das Estrelas"], ["Da Rua", "Da Rua"],
["De Carne", "De Carne"], ["Da Semana", "Da Semana"],
["De Dados", "De Dados"], ["Da Terra", "Da Terra"],
["Do Ar", "Do Ar"], ["Da Zona Leste", "Da Zone Leste"],
["Do Brasil", "Do Brasil"], ["Da Zona Oeste", "Da Zona Oeste"],
["Do Estado", "Do Estado"], ["Da Zona Sul", "Da Zona Sul"],
["Do Mar", "Do Mar"], ["Da Zona", "Da Zona"],
["Do Nordeste", "Do Nordeste"], ["Da Zone Norte", "Da Zona Norte"],
["Do Norte", "Do Norte"], ["Das Estrelas", "Das Estrelas"],
["Do Ocidente", "Do Ocidente"], ["De Carne", "De Carne"],
["Do Oriente", "Do Oriente"], ["De Dados", "De Dados"],
["Do Prédio", "Do Prédio"], ["Do Ar", "Do Ar"],
["Do Pão", "Do Pão"], ["Do Brasil", "Do Brasil"],
["Do Rio", "Do Rio"], ["Do Estado", "Do Estado"],
["Do Sul", "Do Sul"], ["Do Mar", "Do Mar"],
["Fluminense", "Fluminense"], ["Do Nordeste", "Do Nordeste"],
["Furacão", "Furacão"], ["Do Norte", "Do Norte"],
["Gaúcho", "Gaúcha"], ["Do Ocidente", "Do Ocidente"],
["Goiano", "Goiana"], ["Do Oriente", "Do Oriente"],
["Júnior", "Júnior"], ["Do Prédio", "Do Prédio"],
["Maranhense", "Maranhese"], ["Do Pão", "Do Pão"],
["Mineiro", "Mineira"], ["Do Rio", "Do Rio"],
["Nordestino", "Nordestino"], ["Do Sul", "Do Sul"],
["Novato", "Novata"], ["Dos Dados", "Dos Dados"],
["Paraense", "Paraense"], ["Fluminense", "Fluminense"],
["Paraibano", "Paraibana"], ["Furacão", "Furacão"],
["Paranaense", "Paranaense"], ["Gaúcho", "Gaúcha"],
["Paranaense", "paranaense"], ["Goiano", "Goiana"],
["Paulista", "Paulista"], ["Júnior", "Júnior"],
["Pobre", "Pobre"], ["Maranhense", "Maranhese"],
["Premiado", "Premiada"], ["Mineiro", "Mineira"],
["Preto", "Preta"], ["Nordestino", "Nordestina"],
["Vacianado", "Vacinada"], ["Novato", "Novata"],
["Velho", "Velha"], ["Paraense", "Paraense"],
["Verde", "Verde"], ["Paraibano", "Paraibana"],
["Vermelho", "Vermelha"], ["Paranaense", "Paranaense"],
]; ["Paranaense", "paranaense"],
["Paulista", "Paulista"],
function getRandomInt(max) { ["Pobre", "Pobre"],
return Math.floor(Math.random() * max); ["Premiado", "Premiada"],
} ["Preto", "Preta"],
["Vacianado", "Vacinada"],
function generate() { ["Velho", "Velha"],
const initial = first[getRandomInt(first.length)]; ["Verde", "Verde"],
const final = last[getRandomInt(last.length)]; ["Vermelho", "Vermelha"],
];
return initial[0] + " " + final[initial[1]];
} function getRandomInt(max) {
return Math.floor(Math.random() * max);
function show() { }
let name = document.createElement("p");
name.innerHTML = generate(); function generate() {
document.getElementById("content").append(name); const initial = first[getRandomInt(first.length)];
} const final = last[getRandomInt(last.length)];
const name = initial[0] + " " + final[initial[1]];
show();
})(); if (name.length > 19) {
</script> 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();
})();
</script>
Write Preview
Loading…
Cancel
Save