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

<!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&nbsp;!" />
<!-- <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&nbsp;!</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é&nbsp;!</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é&nbsp;!</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&nbsp;!</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&nbsp;!</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&nbsp;!</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é&nbsp;!</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&nbsp;!</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>&nbsp;!</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&nbsp;!</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&nbsp;!</p>
</label>
</td>
<td>
<input id="l" type="checkbox" />
<label for="l">
<h2>Innovation / R&amp;D 🔎</h2>
<p>Pour l'innovation, les hackathons sont la pièce maîtresse de la R&amp;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&nbsp;!</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&nbsp;!</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&nbsp;!</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&nbsp;!</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&nbsp;! Expérience digitale garantie&nbsp;!</p>
</label>
</td>
<td>
<input id="r" type="checkbox" />
<label for="r">
<h2>Disruptif 🦄</h2>
<p>Disruptez la disruption disruptive atypique du marché&nbsp;!</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&nbsp;!</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à&nbsp;!</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&nbsp;!</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é&nbsp;!</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&nbsp;!</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&nbsp;!</p>
</label>
</td>
<td>
<input id="y" type="checkbox" />
<label for="y">
<h2>Open-source ✨</h2>
<p>N'ayez crainte&nbsp;! Notre application vous veut du bien, car elle est Open-Source™&nbsp;!</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&nbsp;!</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&nbsp;!!</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>&nbsp;!</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&nbsp;!</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&nbsp;!</p>
</label>
</td>
</tr>
</table>
<br />
<div class="scoreboard">
<div>
<p>Score : <span id="score"></span>&nbsp;!</p>
<h3 id="score-title"></h3>
<p id="score-desc"></p>
</div>
</div>
<p>Partagez votre résultat&nbsp;!</p>
<textarea id="sh" readonly cols="80" rows="1"></textarea>
<br />
<br />
<p class="protip"><i>Protip&nbsp;: Si vous êtes en conférence à 42, jouez à plusieurs. Criez «&nbsp;Bingo&nbsp;» dans l'Holodeck dès que vous trouvez une ligne ou colonne complète, et chaque participant·e vous devra un repas. Disclaimer&nbsp;: 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>