|
|
<!DOCTYPE html> |
|
|
<html lang="fr"> |
|
|
<head> |
|
|
<meta charset="utf-8" /> |
|
|
<title>Le Buzzword Bingo de la Tech</title> |
|
|
<meta name="description" content="Une conférence, un discours, une citation vous inspire ? Testez-la avec notre Buzzword Bingo !" /> |
|
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> --> |
|
|
<link rel="stylesheet" href="index.css?v=3" /> |
|
|
<script type="text/javascript" src="index.js?v=2"></script> |
|
|
</head> |
|
|
<body> |
|
|
<audio> |
|
|
<source src="horn.mp3" /> |
|
|
</audio> |
|
|
<div class="container"> |
|
|
<br /> |
|
|
<h1>~ Le Buzzword Bingo de la Tech ~</h1> |
|
|
<noscript>Nous sommes désolés, mais il est nécessaire d'activer Javascript pour faire fonctionner cette page.<br/><br/></noscript> |
|
|
<p>Lisez ou écoutez un discours. Si l'un des mots suivants est utilisé, cliquez sur sa case.</p> |
|
|
<p>Un point par case, 5 points bonus par ligne ou colonne !</p> |
|
|
<br /> |
|
|
<button id="hide-desc">Masquer les descriptions</button> |
|
|
<br /> |
|
|
<table class="bingo-table"> |
|
|
<tr> |
|
|
<td> |
|
|
<input id="a" type="checkbox" /> |
|
|
<label for="a"> |
|
|
<h2>IoT 🌡️</h2> |
|
|
<p>Une bouteille de rhum connectée, un coussin connecté, tout connecté !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="b" type="checkbox" /> |
|
|
<label for="b"> |
|
|
<h2>Blockchain ⛓️</h2> |
|
|
<p>On peut tout faire avec la Sainte Blockchain. Même tracer des oeufs dans un supermarché !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="c" type="checkbox" /> |
|
|
<label for="c"> |
|
|
<h2>Big Data 💾</h2> |
|
|
<p>Parce que c'est mieux quand on a BEAUCOUP de data !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="d" type="checkbox" /> |
|
|
<label for="d"> |
|
|
<h2>App mobile 📱</h2> |
|
|
<p>La solution à <i>tous</i> vos problèmes, sur votre smartphone !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="e" type="checkbox" /> |
|
|
<label for="e"> |
|
|
<h2>IA 🤖</h2> |
|
|
<p>De l'IA dans les villes, dans les campagnes et sur les réseaux sociaux !</p> |
|
|
</label> |
|
|
</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td> |
|
|
<input id="f" type="checkbox" /> |
|
|
<label for="f"> |
|
|
<h2>Quantique 🙀</h2> |
|
|
<p>Bénéficiez de la force de notre supercalculateur quantique entièrement digitalisé !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="g" type="checkbox" /> |
|
|
<label for="g"> |
|
|
<h2>Web 2 / 3 / 4.0 🌐</h2> |
|
|
<p>C'est la nouvelle révolution digitale du siècle.</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="h" type="checkbox" /> |
|
|
<label for="h"> |
|
|
<h2>Cloud 🌩️</h2> |
|
|
<p>Grâce au Cloud, toutes vos données sont en sécurité dans les nuages !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="i" type="checkbox" /> |
|
|
<label for="i"> |
|
|
<h2>Smart 🧠</h2> |
|
|
<p>Une application <i>smart</i>, c'est bien plus qu'une application. Vous aussi, devenez <i>smart</i> !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="j" type="checkbox" /> |
|
|
<label for="j"> |
|
|
<h2>Biométrique 👁️</h2> |
|
|
<p>Connectez votre empreinte digitale et votre visage à notre site web !</p> |
|
|
</label> |
|
|
</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td> |
|
|
<input id="k" type="checkbox" /> |
|
|
<label for="k"> |
|
|
<h2>Crypté 🔒</h2> |
|
|
<p>Utilisez notre nouvelle messagerie cryptée, la plus sûre du monde, avec du cryptage de militaire !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="l" type="checkbox" /> |
|
|
<label for="l"> |
|
|
<h2>Innovation / R&D 🔎</h2> |
|
|
<p>Pour l'innovation, les hackathons sont la pièce maîtresse de la R&D digitale.</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="m" type="checkbox" /> |
|
|
<label for="m"> |
|
|
<h2>Startup 🐓</h2> |
|
|
<p>Rejoignez la French Tech, pour une France digitale !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="n" type="checkbox" /> |
|
|
<label for="n"> |
|
|
<h2>Analytics 📈</h2> |
|
|
<p>Optimisez votre Big Data et votre SEO grâce à nos outils d'analytics !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="o" type="checkbox" /> |
|
|
<label for="o"> |
|
|
<h2>Du Futur 👽</h2> |
|
|
<p>Notre technologie vient du futur, nous avons fait le voyage pour vous !</p> |
|
|
</label> |
|
|
</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td> |
|
|
<input id="p" type="checkbox" /> |
|
|
<label for="p"> |
|
|
<h2>Webmarketing 💸</h2> |
|
|
<p>Boostez votre rentabilité sur le web digital !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="q" type="checkbox" /> |
|
|
<label for="q"> |
|
|
<h2>Expert / CTO / CEO 🧑🏼💻</h2> |
|
|
<p>Rencontrez les experts les plus pointus de votre région au 8 21 21 ! Expérience digitale garantie !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="r" type="checkbox" /> |
|
|
<label for="r"> |
|
|
<h2>Disruptif 🦄</h2> |
|
|
<p>Disruptez la disruption disruptive atypique du marché !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="s" type="checkbox" /> |
|
|
<label for="s"> |
|
|
<h2>Drones 🛸</h2> |
|
|
<p>Avec des drones qui tirent des lasers, c'est encore plus marrant !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="t" type="checkbox" /> |
|
|
<label for="t"> |
|
|
<h2>Incubateur 🚀</h2> |
|
|
<p>Grâce à l'incubateur, propulsez tous vos projets, vers l'infini et au-delà !</p> |
|
|
</label> |
|
|
</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td> |
|
|
<input id="u" type="checkbox" /> |
|
|
<label for="u"> |
|
|
<h2>Digital 🖐️</h2> |
|
|
<p>On vous l'a caché, mais l'informatique, c'est surtout des doigts. Lancez votre transformation digitale !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="v" type="checkbox" /> |
|
|
<label for="v"> |
|
|
<h2>Agile / SCRUM 🏃🏾♀️</h2> |
|
|
<p>Au rythme de 3 calls et 5 meetups par jour, boostez votre productivité !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="w" type="checkbox" /> |
|
|
<label for="w"> |
|
|
<h2>Hackers 👩🏽💻</h2> |
|
|
<p>Les méchants hackers digitaux qui piratent votre compte Facebook n'auront aucune chance face à nous !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="x" type="checkbox" /> |
|
|
<label for="x"> |
|
|
<h2>Dark Web 🚓</h2> |
|
|
<p>Explorez les méandres des profondeurs des ténèbres du Deep Dark Web, avec les méchants hackers !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="y" type="checkbox" /> |
|
|
<label for="y"> |
|
|
<h2>Open-source ✨</h2> |
|
|
<p>N'ayez crainte ! Notre application vous veut du bien, car elle est Open-Source™ !</p> |
|
|
</label> |
|
|
</td> |
|
|
</tr> |
|
|
<tr> |
|
|
<td> |
|
|
<input id="z" type="checkbox" /> |
|
|
<label for="z"> |
|
|
<h2>Gamification 🕹️</h2> |
|
|
<p>Gagnez de l'XP en réalisant vos tâches ennuyeuses, pour devenir Maître Photocopieuse de niveau 5 !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="1" type="checkbox" /> |
|
|
<label for="1"> |
|
|
<h2>(Social) Networking 🔌</h2> |
|
|
<p>Construisez votre Network sur Linkedin et followez-nous sur Snap, Insta, Twitter et Facebook !!</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="2" type="checkbox" /> |
|
|
<label for="2"> |
|
|
<h2>JavaScript 🤯</h2> |
|
|
<p>De toute façon, si vous n'utilisez pas Node, Angular, React ou Vue, vous êtes <i>has been</i> !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="3" type="checkbox" /> |
|
|
<label for="3"> |
|
|
<h2>La Tech ⚙️</h2> |
|
|
<p>Green Tech, Nano Tech, Fin'Tech, à peu près tout ce que vous voulez en Tech, ça marchera à coup sûr !</p> |
|
|
</label> |
|
|
</td> |
|
|
<td> |
|
|
<input id="4" type="checkbox" /> |
|
|
<label for="4"> |
|
|
<h2>Deep Learning 🧠</h2> |
|
|
<p>Grâce à l'apprentissage profond, nos IA seront <i>presque</i> aussi <i>smart</i> que l'espèce humaine !</p> |
|
|
</label> |
|
|
</td> |
|
|
</tr> |
|
|
</table> |
|
|
<br /> |
|
|
<div class="scoreboard"> |
|
|
<div> |
|
|
<p>Score : <span id="score"></span> !</p> |
|
|
<h3 id="score-title"></h3> |
|
|
<p id="score-desc"></p> |
|
|
</div> |
|
|
</div> |
|
|
<p>Partagez votre résultat !</p> |
|
|
<textarea id="sh" readonly cols="80" rows="1"></textarea> |
|
|
<br /> |
|
|
<br /> |
|
|
<p class="protip"><i>Protip : Si vous êtes en conférence à 42, jouez à plusieurs. Criez « Bingo » dans l'Holodeck dès que vous trouvez une ligne ou colonne complète, et chaque participant·e vous devra un repas. Disclaimer : 42l n'est pas responsable si vous recevez un TIG.</i></p> |
|
|
<br /> |
|
|
<p>Toute ressemblance avec des situations ou personnes existantes n'est purement pas fortuite.</p> |
|
|
<br /> |
|
|
<p>Page réalisée par l'<a href="https://42l.fr">association 42l</a>, (très) inspirée de <a href="https://troll.framasoft.org">Framasoft</a>, mais pas seulement... 🤪</p> |
|
|
<br /> |
|
|
<p>Police : Comic Relief. Image de fond : upklyak sur Freepik. <a href="https://git.42l.fr/neil/buzz">Code source</a></p> |
|
|
<br /> |
|
|
</div> |
|
|
</body> |
|
|
</html>
|
|
|
|
