Window

The scroll to bottom is made in JS to automatically scroll to the last message.

TWIG component : Betclic/_sport/_webapp/_twig/_components/_hack_friday/_chat/_chat.twig
CSS components : Betclic/_sport/_webapp/_css/_components/_hack_friday/_chat/_window/_content.scss
Betclic/_sport/_webapp/_css/_components/_hack_friday/_chat/_window/_footer.scss
Betclic/_sport/_webapp/_css/_components/_hack_friday/_chat/_window/_header.scss
Betclic/_sport/_webapp/_css/_components/_hack_friday/_chat/_window/_window.scss
JS components : Betclic/_sport/_webapp/_js/_components/_hack_friday/_chat.js
Betclic/_sport/_webapp/_js/_components/_hack_friday/_cookie_chat.js

Default link

Landing

The landing appears with animation. The header is transparent and the logo is hidden.

With scroll

When there are many messages, the content is scrollable and the header blurs.

0€

23:59:54

👾 Hey ! J’ai piraté l’app Betclic… et j’y ai caché plein de codes secrets.

Chaque code te fera gagner des Feebets + une clé 🔑 pour tenter d’ouvrir le coffre et gagner un mega jackpot.

Pour commencer, voici ton premier code : F33BET
Teste-le dans le champ en bas 👇

F3BETE

👏 Bravo ! Tu as débloqué ton 1er code, obtenu 1€ de Feebets et donc compris la mécanique.

Parlons maintenant de ce qui vient d’apparaître en haut de l’écran 👀💰 Ce coffre c’est notre fameux jackpot, rempli de gains à partager. Clique dessus pour en savoir + et voir ton compteur de codes validés !

When the bot or human agent is writing

0€

👾 Hey ! J’ai piraté l’app Betclic… et j’y ai caché plein de codes secrets.

Chaque code te fera gagner des Feebets + une clé 🔑 pour tenter d’ouvrir le coffre et gagner un mega jackpot.

Pour commencer, voici ton premier code : F33BET
Teste-le dans le champ en bas 👇