first commit
This commit is contained in:
Shikiryu
@@ -0,0 +1,15 @@
|
|||||||
|
td {
|
||||||
|
width:7em;
|
||||||
|
height: 7em;
|
||||||
|
border:1px;
|
||||||
|
border-style:solid;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#grid {
|
||||||
|
border-width: 20px;
|
||||||
|
border-style: solid;
|
||||||
|
margin-top:3em;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
@@ -0,0 +1,71 @@
|
|||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
let words = [];
|
||||||
|
fetch('./codenames.txt')
|
||||||
|
.then(function(response) {
|
||||||
|
return response.text();
|
||||||
|
})
|
||||||
|
.then(function(text) {
|
||||||
|
words = text.split("\n");
|
||||||
|
words = getMultipleRandom(words, 25);
|
||||||
|
console.log(words);
|
||||||
|
});
|
||||||
|
|
||||||
|
function getMultipleRandom(arr, num) {
|
||||||
|
let i = 0;
|
||||||
|
let result = [];
|
||||||
|
while (i < num) {
|
||||||
|
let index = Math.floor(Math.random() * arr.length);
|
||||||
|
result.push(arr[index]);
|
||||||
|
arr.splice(index, 1);
|
||||||
|
i++;
|
||||||
|
}
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
function createField() {
|
||||||
|
document.querySelectorAll('td').forEach(td => {
|
||||||
|
td.style.backgroundColor = "white";
|
||||||
|
});
|
||||||
|
|
||||||
|
let counter = 0;
|
||||||
|
let previous_values = new Set();
|
||||||
|
let startingTeam = Math.round(Math.random());
|
||||||
|
|
||||||
|
let startingTeamColor = "#1e88e5";
|
||||||
|
let otherTeamColor = "#d32f2f";
|
||||||
|
if (startingTeam === 1) {
|
||||||
|
[startingTeamColor, otherTeamColor] = [otherTeamColor, startingTeamColor];
|
||||||
|
}
|
||||||
|
document.getElementById("grid").style.borderColor = startingTeamColor;
|
||||||
|
|
||||||
|
while (counter < 18) {
|
||||||
|
let random = Math.floor(Math.random() * 25) + 1;
|
||||||
|
if (!previous_values.has(random)) {
|
||||||
|
if (counter < 8) {
|
||||||
|
document.getElementById(random.toString()).style.backgroundColor = otherTeamColor;
|
||||||
|
} else if (counter > 8 && counter < 17) {
|
||||||
|
document.getElementById(random.toString()).style.backgroundColor = startingTeamColor;
|
||||||
|
} else {
|
||||||
|
document.getElementById(random.toString()).style.backgroundColor = "grey";
|
||||||
|
}
|
||||||
|
previous_values.add(random);
|
||||||
|
counter++;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function fillFields() {
|
||||||
|
for (let i = 1; i <= 25; i++) {
|
||||||
|
document.getElementById(i).innerHTML = words[i-1];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let intervalId = setInterval(createField, 150);
|
||||||
|
|
||||||
|
document.getElementById("generate").addEventListener("click", function() {
|
||||||
|
clearInterval(intervalId);
|
||||||
|
createField();
|
||||||
|
fillFields();
|
||||||
|
});
|
||||||
|
});
|
||||||
+400
@@ -0,0 +1,400 @@
|
|||||||
|
Afrique
|
||||||
|
Aiguille
|
||||||
|
Aile
|
||||||
|
Air
|
||||||
|
Alien
|
||||||
|
Allemagne
|
||||||
|
Alpes
|
||||||
|
Amour
|
||||||
|
Ampoule
|
||||||
|
Amérique
|
||||||
|
Ange
|
||||||
|
Angleterre
|
||||||
|
Anneau
|
||||||
|
Appareil
|
||||||
|
Araignée
|
||||||
|
Arc
|
||||||
|
Argent
|
||||||
|
Asile
|
||||||
|
Astérix
|
||||||
|
Atlantique
|
||||||
|
Atout
|
||||||
|
Australie
|
||||||
|
Avion
|
||||||
|
Avocat
|
||||||
|
Baguette
|
||||||
|
Baie
|
||||||
|
Balance
|
||||||
|
Baleine
|
||||||
|
Balle
|
||||||
|
Ballon
|
||||||
|
Banane
|
||||||
|
Banc
|
||||||
|
Bande
|
||||||
|
Banque
|
||||||
|
Bar
|
||||||
|
Barbe
|
||||||
|
Base
|
||||||
|
Bateau
|
||||||
|
Berlin
|
||||||
|
Bière
|
||||||
|
Blé
|
||||||
|
Bombe
|
||||||
|
Bon
|
||||||
|
Botte
|
||||||
|
Bouche
|
||||||
|
Bouchon
|
||||||
|
Bougie
|
||||||
|
Boulet
|
||||||
|
Bourse
|
||||||
|
Bouteille
|
||||||
|
Bouton
|
||||||
|
Boîte
|
||||||
|
Branche
|
||||||
|
Bretelle
|
||||||
|
Brique
|
||||||
|
Bureau
|
||||||
|
But
|
||||||
|
Bâton
|
||||||
|
Bête
|
||||||
|
Bûche
|
||||||
|
Bɶuf
|
||||||
|
Cabinet
|
||||||
|
Cadre
|
||||||
|
Cafard
|
||||||
|
Café
|
||||||
|
Camembert
|
||||||
|
Campagne
|
||||||
|
Canada
|
||||||
|
Canard
|
||||||
|
Canne
|
||||||
|
Canon
|
||||||
|
Carreau
|
||||||
|
Carrière
|
||||||
|
Carte
|
||||||
|
Carton
|
||||||
|
Cartouche
|
||||||
|
Casino
|
||||||
|
Ceinture
|
||||||
|
Cellule
|
||||||
|
Centre
|
||||||
|
Cercle
|
||||||
|
Champ
|
||||||
|
Champagne
|
||||||
|
Chance
|
||||||
|
Chapeau
|
||||||
|
Charge
|
||||||
|
Charme
|
||||||
|
Chasse
|
||||||
|
Chat
|
||||||
|
Chausson
|
||||||
|
Chaîne
|
||||||
|
Chef
|
||||||
|
Chemise
|
||||||
|
Cheval
|
||||||
|
Chevalier
|
||||||
|
Chien
|
||||||
|
Chine
|
||||||
|
Chocolat
|
||||||
|
Chou
|
||||||
|
Château
|
||||||
|
Cinéma
|
||||||
|
Cirque
|
||||||
|
Citrouille
|
||||||
|
Classe
|
||||||
|
Club
|
||||||
|
Clé
|
||||||
|
Cochon
|
||||||
|
Code
|
||||||
|
Col
|
||||||
|
Colle
|
||||||
|
Commerce
|
||||||
|
Coq
|
||||||
|
Corde
|
||||||
|
Corne
|
||||||
|
Coton
|
||||||
|
Coupe
|
||||||
|
Courant
|
||||||
|
Couronne
|
||||||
|
Course
|
||||||
|
Court
|
||||||
|
Couteau
|
||||||
|
Couverture
|
||||||
|
Critique
|
||||||
|
Crochet
|
||||||
|
Cuisine
|
||||||
|
Cycle
|
||||||
|
Cɶur
|
||||||
|
Danse
|
||||||
|
Dinosaure
|
||||||
|
Docteur
|
||||||
|
Don
|
||||||
|
Dragon
|
||||||
|
Droit
|
||||||
|
Droite
|
||||||
|
Eau
|
||||||
|
Enceinte
|
||||||
|
Ensemble
|
||||||
|
Entrée
|
||||||
|
Espace
|
||||||
|
Espagne
|
||||||
|
Espion
|
||||||
|
Esprit
|
||||||
|
Essence
|
||||||
|
Europe
|
||||||
|
Facteur
|
||||||
|
Fantôme
|
||||||
|
Farce
|
||||||
|
Fer
|
||||||
|
Ferme
|
||||||
|
Feu
|
||||||
|
Feuille
|
||||||
|
Figure
|
||||||
|
Filet
|
||||||
|
Fin
|
||||||
|
Flûte
|
||||||
|
Formule
|
||||||
|
Fort
|
||||||
|
Forêt
|
||||||
|
Fou
|
||||||
|
Foyer
|
||||||
|
Fraise
|
||||||
|
Français
|
||||||
|
Front
|
||||||
|
Fuite
|
||||||
|
Garde
|
||||||
|
Gauche
|
||||||
|
Gel
|
||||||
|
Glace
|
||||||
|
Gorge
|
||||||
|
Grain
|
||||||
|
Grenade
|
||||||
|
Grue
|
||||||
|
Grèce
|
||||||
|
Guerre
|
||||||
|
Guide
|
||||||
|
Géant
|
||||||
|
Génie
|
||||||
|
Herbe
|
||||||
|
Himalaya
|
||||||
|
Histoire
|
||||||
|
Hiver
|
||||||
|
Hollywood
|
||||||
|
Héros
|
||||||
|
Hôpital
|
||||||
|
Hôtel
|
||||||
|
Indien
|
||||||
|
Iris
|
||||||
|
Jet
|
||||||
|
Jeu
|
||||||
|
Jour
|
||||||
|
Journal
|
||||||
|
Jumelles
|
||||||
|
Jungle
|
||||||
|
Kangourou
|
||||||
|
Kiwi
|
||||||
|
Lait
|
||||||
|
Langue
|
||||||
|
Laser
|
||||||
|
Lentille
|
||||||
|
Lettre
|
||||||
|
Licorne
|
||||||
|
Lien
|
||||||
|
Ligne
|
||||||
|
Lion
|
||||||
|
Liquide
|
||||||
|
Lit
|
||||||
|
Livre
|
||||||
|
Londres
|
||||||
|
Louche
|
||||||
|
Lumière
|
||||||
|
Lune
|
||||||
|
Lunettes
|
||||||
|
Luxe
|
||||||
|
Machine
|
||||||
|
Magie
|
||||||
|
Main
|
||||||
|
Majeur
|
||||||
|
Maladie
|
||||||
|
Manche
|
||||||
|
Manège
|
||||||
|
Marche
|
||||||
|
Marin
|
||||||
|
Marque
|
||||||
|
Marron
|
||||||
|
Mars
|
||||||
|
Maîtresse
|
||||||
|
Membre
|
||||||
|
Menu
|
||||||
|
Meuble
|
||||||
|
Microscope
|
||||||
|
Miel
|
||||||
|
Millionaire
|
||||||
|
Mine
|
||||||
|
Mineur
|
||||||
|
Mode
|
||||||
|
Molière
|
||||||
|
Mort
|
||||||
|
Mouche
|
||||||
|
Moule
|
||||||
|
Mousse
|
||||||
|
Moustache
|
||||||
|
Mémoire
|
||||||
|
Nain
|
||||||
|
Napoléon
|
||||||
|
Neige
|
||||||
|
New-York
|
||||||
|
Ninja
|
||||||
|
Noir
|
||||||
|
Note
|
||||||
|
Noël
|
||||||
|
Nuit
|
||||||
|
Numéro
|
||||||
|
Nɶud
|
||||||
|
Oiseau
|
||||||
|
Opéra
|
||||||
|
Opération
|
||||||
|
Or
|
||||||
|
Orange
|
||||||
|
Ordre
|
||||||
|
Page
|
||||||
|
Paille
|
||||||
|
Palais
|
||||||
|
Palme
|
||||||
|
Papier
|
||||||
|
Parachute
|
||||||
|
Paris
|
||||||
|
Partie
|
||||||
|
Passe
|
||||||
|
Patron
|
||||||
|
Pendule
|
||||||
|
Pensée
|
||||||
|
Perle
|
||||||
|
Peste
|
||||||
|
Phare
|
||||||
|
Physique
|
||||||
|
Piano
|
||||||
|
Pied
|
||||||
|
Pigeon
|
||||||
|
Pile
|
||||||
|
Pilote
|
||||||
|
Pingouin
|
||||||
|
Pirate
|
||||||
|
Pièce
|
||||||
|
Place
|
||||||
|
Plage
|
||||||
|
Plan
|
||||||
|
Planche
|
||||||
|
Plante
|
||||||
|
Plat
|
||||||
|
Plateau
|
||||||
|
Plume
|
||||||
|
Point
|
||||||
|
Poire
|
||||||
|
Poison
|
||||||
|
Poisson
|
||||||
|
Police
|
||||||
|
Pomme
|
||||||
|
Pompe
|
||||||
|
Portable
|
||||||
|
Poste
|
||||||
|
Pouce
|
||||||
|
Poêle
|
||||||
|
Princesse
|
||||||
|
Prise
|
||||||
|
Prêt
|
||||||
|
Pyramide
|
||||||
|
Pétrole
|
||||||
|
Pêche
|
||||||
|
Pôle
|
||||||
|
Quartier
|
||||||
|
Queue
|
||||||
|
Radio
|
||||||
|
Raie
|
||||||
|
Rame
|
||||||
|
Rat
|
||||||
|
Rayon
|
||||||
|
Recette
|
||||||
|
Reine
|
||||||
|
Religieuse
|
||||||
|
Remise
|
||||||
|
Requin
|
||||||
|
Restaurant
|
||||||
|
Robe
|
||||||
|
Robot
|
||||||
|
Roi
|
||||||
|
Rome
|
||||||
|
Ronde
|
||||||
|
Rose
|
||||||
|
Rouge
|
||||||
|
Rouleau
|
||||||
|
Roulette
|
||||||
|
Russie
|
||||||
|
Règle
|
||||||
|
Résistance
|
||||||
|
Révolution
|
||||||
|
Sardine
|
||||||
|
Satellite
|
||||||
|
Schtroumpf
|
||||||
|
Science
|
||||||
|
Scène
|
||||||
|
Sens
|
||||||
|
Sept
|
||||||
|
Serpent
|
||||||
|
Sirène
|
||||||
|
Siège
|
||||||
|
Sol
|
||||||
|
Soldat
|
||||||
|
Soleil
|
||||||
|
Solution
|
||||||
|
Somme
|
||||||
|
Sorcière
|
||||||
|
Sortie
|
||||||
|
Souris
|
||||||
|
Table
|
||||||
|
Tableau
|
||||||
|
Talon
|
||||||
|
Tambour
|
||||||
|
Temple
|
||||||
|
Temps
|
||||||
|
Tennis
|
||||||
|
Terre
|
||||||
|
Timbre
|
||||||
|
Titre
|
||||||
|
Toile
|
||||||
|
Tokyo
|
||||||
|
Tour
|
||||||
|
Trait
|
||||||
|
Trou
|
||||||
|
Trésor
|
||||||
|
Tube
|
||||||
|
Tuile
|
||||||
|
Tête
|
||||||
|
Uniforme
|
||||||
|
Vague
|
||||||
|
Vaisseau
|
||||||
|
Vampire
|
||||||
|
Vase
|
||||||
|
Vent
|
||||||
|
Verre
|
||||||
|
Vert
|
||||||
|
Vie
|
||||||
|
Vin
|
||||||
|
Visage
|
||||||
|
Vision
|
||||||
|
Voile
|
||||||
|
Voiture
|
||||||
|
Vol
|
||||||
|
Voleur
|
||||||
|
Volume
|
||||||
|
Zéro
|
||||||
|
Échelle
|
||||||
|
Éclair
|
||||||
|
École
|
||||||
|
Égalité
|
||||||
|
Égypte
|
||||||
|
Éponge
|
||||||
|
Étoile
|
||||||
|
Étude
|
||||||
|
Œil
|
||||||
|
Œuf
|
||||||
+62
@@ -0,0 +1,62 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" type="text/css" href="semantic.css">
|
||||||
|
<script src="codenames.js"></script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="codenames.css">
|
||||||
|
<meta name="title" content="Générateur de grille CodeName">
|
||||||
|
<meta name="description" content="Webapp application to generate randomized grid layouts for the popular CodeNames boardgame filled with french words.">
|
||||||
|
<meta name="keywords" content="code,names,codenames,generator,grid">
|
||||||
|
<meta name="robots" content="index, follow">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="language" content="French">
|
||||||
|
<meta name="revisit-after" content="3 days">
|
||||||
|
<meta name="author" content="Shikiryu">
|
||||||
|
<title>Générateur de grille CodeName</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="ui container">
|
||||||
|
<h1 class="ui header center aligned" style="padding-top:2em;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif">Générateur de grille CodeName</h1>
|
||||||
|
<button class="fluid ui button" id="generate">Cliquez ici pour générer une nouvelle table</button>
|
||||||
|
<table id="grid" class="top attached ui basic table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td id="1"></td>
|
||||||
|
<td id="2"></td>
|
||||||
|
<td id="3"></td>
|
||||||
|
<td id="4"></td>
|
||||||
|
<td id="5"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td id="6"></td>
|
||||||
|
<td id="7"></td>
|
||||||
|
<td id="8"></td>
|
||||||
|
<td id="9"></td>
|
||||||
|
<td id="10"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td id="11"></td>
|
||||||
|
<td id="12"></td>
|
||||||
|
<td id="13"></td>
|
||||||
|
<td id="14"></td>
|
||||||
|
<td id="15"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td id="16"></td>
|
||||||
|
<td id="17"></td>
|
||||||
|
<td id="18"></td>
|
||||||
|
<td id="19"></td>
|
||||||
|
<td id="20"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td id="21"></td>
|
||||||
|
<td id="22"></td>
|
||||||
|
<td id="23"></td>
|
||||||
|
<td id="24"></td>
|
||||||
|
<td id="25"></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<footer class="ui header center aligned">App by <a href="https://www.github.com/almiche" class="ui link">Michel Chatmajian</a> with words from <a href="https://gist.github.com/MissingNoShiny/cbb22b220a0245cb0cea98e3f59f6301">MissingNoShiny</a></footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+40288
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user