Let's start the bullshit bingo.
https://buzz.42l.fr
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
270 lines
13 KiB
270 lines
13 KiB
<!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>
|
|
|