2022-12-11 14:30:42 +00:00
<!DOCTYPE html>
< html lang = "fr" >
< head >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
< meta charset = "utf-8" / >
< title > OSS 110'Metz< / title >
2022-12-20 20:23:31 +00:00
2022-12-11 14:30:42 +00:00
< meta name = "description" content = "Le site web du BDE Metz pour 2025, fait avec beaucoup d'amour" / >
< meta name = "author" content = "VP geeks aka le REZO (cf rezo-rm.fr pour plus de détail)" / >
< meta name = "keyword" content = "caca" / >
< link rel = "stylesheet" href = "css/main.css" / >
2022-12-20 20:23:31 +00:00
< link rel = "apple-touch-icon" sizes = "57x57" href = "img/icon/apple-icon-57x57.png" >
< link rel = "apple-touch-icon" sizes = "60x60" href = "img/icon/apple-icon-60x60.png" >
< link rel = "apple-touch-icon" sizes = "72x72" href = "img/icon/apple-icon-72x72.png" >
< link rel = "apple-touch-icon" sizes = "76x76" href = "img/icon/apple-icon-76x76.png" >
< link rel = "apple-touch-icon" sizes = "114x114" href = "img/icon/apple-icon-114x114.png" >
< link rel = "apple-touch-icon" sizes = "120x120" href = "img/icon/apple-icon-120x120.png" >
< link rel = "apple-touch-icon" sizes = "144x144" href = "img/icon/apple-icon-144x144.png" >
< link rel = "apple-touch-icon" sizes = "152x152" href = "img/icon/apple-icon-152x152.png" >
< link rel = "apple-touch-icon" sizes = "180x180" href = "img/icon/apple-icon-180x180.png" >
< link rel = "icon" type = "image/png" sizes = "192x192" href = "img/icon/android-icon-192x192.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "img/icon/favicon-32x32.png" >
< link rel = "icon" type = "image/png" sizes = "96x96" href = "img/icon/favicon-96x96.png" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "img/icon/favicon-16x16.png" >
< link rel = "manifest" href = "/manifest.json" >
2022-12-20 20:27:44 +00:00
< meta name = "msapplication-TileColor" content = "#ff6600" >
2022-12-20 20:23:31 +00:00
< meta name = "msapplication-TileImage" content = "/img/iconms-icon-144x144.png" >
2022-12-20 20:27:44 +00:00
< meta name = "theme-color" content = "#ff6600" >
2022-12-20 20:23:31 +00:00
< / head >
2022-12-11 14:30:42 +00:00
< body >
2022-12-20 23:00:56 +00:00
< div id = "wrapper" >
2022-12-20 23:31:30 +00:00
< div id = "main-page" class = "container" >
2022-12-20 23:00:56 +00:00
< div id = "logo" >
< img src = "img/scep_gobelet.png" alt = "logo du bde" / >
< / div >
< div class = "column-section" >
2022-12-12 16:44:58 +00:00
< h1 > Prochaine activité< / h1 >
2023-01-08 11:41:10 +00:00
< span id = "timer" > 2 jours 00:00:10< / span >
< h2 id = "activite-title" > < / h2 >
< p id = "activite-desc" > < / p >
< p id = "activite-place" > < / p >
2022-12-12 16:44:58 +00:00
< / div >
< hr / >
2022-12-20 23:00:56 +00:00
< div class = "row-section" >
< div class = "column-section" >
2023-01-08 11:41:10 +00:00
< h1 > Planning des activités< / h1 >
2022-12-20 23:00:56 +00:00
< img src = "img/schedule.png" id = "schedule" alt = "Planning des activité" srcset = "" >
2022-12-12 16:44:58 +00:00
< / div >
2023-01-08 11:41:10 +00:00
< div class = "sapcer column-section" > < / div >
2022-12-20 23:00:56 +00:00
< div class = "column-section" >
2022-12-15 13:30:34 +00:00
< h1 > Ordre de mission< / h1 >
2022-12-20 23:00:56 +00:00
< a id = "prank-button" >
< span > Demander une mission !< / span >
< img src = "img/underline-red.png" id = "underline" / >
< / a >
2022-12-15 13:30:34 +00:00
< p id = "prank-desc" >
2022-12-19 22:26:51 +00:00
OSS 110'Metz est une organisation remplie d'espions qualifiés pour remplir presque toutes tes demandes !
2023-01-08 21:36:56 +00:00
Cliquez sur le bouton ci-dessus puis suivez les instructions.
2022-12-15 13:30:34 +00:00
< / p >
2022-12-12 16:44:58 +00:00
< / div >
2022-12-11 14:49:41 +00:00
< / div >
2022-12-12 16:44:58 +00:00
< hr / >
2022-12-20 23:00:56 +00:00
< div class = "column-section" >
2022-12-15 16:14:41 +00:00
< h1 > Chasse au trésor< / h1 >
< p id = "chasse-desc" >
2023-01-08 17:05:48 +00:00
Pendante toute la semaine tes espions préférés ont préparé pour toi une < i style = "font-weight: 900;" > chasse au trésor< / i > !
2022-12-19 22:26:51 +00:00
Résous les énigmes pour tenter de gagner le fameux < u > ticket d'or< / u > . Il te permettra de t'abrever gratuitement pendants les évènements festifs !
2022-12-15 16:14:41 +00:00
< / p >
< / div >
< hr / >
2022-12-20 23:00:56 +00:00
< div class = "column-section" >
2022-12-12 16:44:58 +00:00
< h1 > À propos de nous !< / h1 >
< img src = "img/team.jpeg" alt = "la liste du bde de 2025" / >
2022-12-11 14:49:41 +00:00
< / div >
2022-12-20 23:00:56 +00:00
< footer class = "column-section" >
Copyright © OSS 110'Metz
< / footer >
< / div >
2022-12-20 23:31:30 +00:00
2023-01-01 20:40:58 +00:00
< div id = "admin-page" class = "container" style = "display: none" >
2023-01-03 21:25:10 +00:00
< div id = "admin-header" >
< div id = "admin-prank" class = "admin-menu" > Prank< / div >
< div id = "admin-treasure" class = "admin-menu" > Trésors< / div >
< div id = "admin-activity" class = "admin-menu" > Activités< / div >
< / div >
2023-01-01 20:40:58 +00:00
< div id = "admin-content" >
2023-01-02 22:45:00 +00:00
2023-01-01 20:40:58 +00:00
< / div >
2022-12-19 22:26:51 +00:00
< / div > <!-- end admin page -->
2022-12-20 23:31:30 +00:00
< div class = "container" id = "login-page" style = "display: none;" >
2023-01-08 21:18:37 +00:00
< p > Connection< / p >
2022-12-20 23:31:30 +00:00
< div class = "column-section" >
2022-12-21 21:20:48 +00:00
< div id = "login-form" >
2022-12-19 22:26:51 +00:00
< div class = "form-group" >
2023-01-08 11:41:10 +00:00
< input type = "text" class = "form-control" placeholder = "Nom d'espion" name = "login" id = "login" / >
2022-12-19 22:26:51 +00:00
< / div >
< div class = "form-group" >
2023-01-08 11:41:10 +00:00
< input type = "password" class = "form-control" placeholder = "Mot de passe secret" name = "password" id = "password" / >
2022-12-19 22:26:51 +00:00
< / div >
< div class = "form-group" >
2022-12-21 21:20:48 +00:00
< button type = "submit" class = "btn btn-primary" id = "login-button" > Se connecter< / button >
2022-12-19 22:26:51 +00:00
< / div >
2023-01-07 16:46:33 +00:00
< div class = "form-group" >
< p id = "error-message" > < / p >
< / div >
2022-12-21 21:20:48 +00:00
< / div >
2022-12-19 22:26:51 +00:00
< / div >
2023-01-08 21:18:37 +00:00
< p > Inscription< / p >
< div class = "column-section" >
< div id = "register-form" >
< div class = "form-group" >
< input type = "text" class = "form-control" placeholder = "Nom d'espion" name = "login" id = "register-user" / >
< / div >
< div class = "form-group" >
< input type = "password" class = "form-control" placeholder = "Mot de passe secret" name = "password" id = "register-password" / >
< / div >
2023-01-08 17:05:48 +00:00
< div class = "form-group" >
< input type = "password" class = "form-control" placeholder = "Confirmer le mot de passe secret" name = "password" id = "register-password-confirm" / >
< / div >
2023-01-08 21:18:37 +00:00
< div class = "form-group" >
< button type = "submit" class = "btn btn-primary" id = "register-button" > S'inscrire< / button >
< / div >
< div class = "form-group" >
< p id = "error-message-register" > < / p >
< / div >
< / div >
< / div >
2022-12-20 21:52:02 +00:00
< hr / >
< div class = "row banner" >
2023-01-08 11:41:10 +00:00
< h2 > Notice pour l'espion< / h2 >
2022-12-20 21:52:02 +00:00
< p id = "notice-espion" >
2023-01-08 17:05:48 +00:00
Vous êtes espions et devez savoir retenir des mots de passe, car pour des raisons de sécurité celui-ci ne peut pas être changé. Alors faite attention !
2022-12-20 21:52:02 +00:00
< / p >
< / div >
2022-12-19 22:26:51 +00:00
< / div > <!-- end login page -->
2023-01-08 11:41:10 +00:00
< div id = "demande-page" class = "container" style = "display: none" >
< div class = "column-section" >
< h1 > Demandes< / h1 >
2023-01-08 17:05:48 +00:00
< p > Ici vous pouvez demandez à un espion aguerri de vous livrer des crêpes. Aussi, vous pouvez tentez de valider la chasse au trésor du jour !
2023-01-08 11:41:10 +00:00
Pour cela il suffit d'envoyer une photo du ticket avec l'endroit où vous l'avez trouvé.
< / p >
< / div >
< hr / >
< div class = "row-section" >
< div class = "column-section" id = "demande-form" >
< h2 > Crêpes< / h2 >
< div class = "form-group" >
< input type = "text" class = "form-control" placeholder = "Lieu de livraison" id = "demande-where" >
< / div >
< div class = "form-group" >
2023-01-08 18:14:17 +00:00
< input type = "number" class = "form-control" placeholder = "Quantité" max = "8" id = "demande-amount" >
2023-01-08 11:41:10 +00:00
< / div >
< div class = "form-group" >
2023-01-08 15:34:56 +00:00
< select class = "form-control" id = "demande-supp" >
< option value = "nature" > Nature< / option >
< option value = "sucre" > Sucre< / option >
< option value = "nutella" > Nutella< / option >
< option value = "confiture" > Confiture< / option >
< / select >
2023-01-08 11:41:10 +00:00
< / div >
< div class = "form-group" >
2023-01-08 16:47:33 +00:00
< textarea class = "form-control" placeholder = "Notes" id = "demande-notes" > < / textarea >
2023-01-08 11:41:10 +00:00
< / div >
< div class = "form-group" >
< button type = "submit" class = "btn btn-primary" id = "demande-button" > Envoyer< / button >
< / div >
2023-01-08 15:34:56 +00:00
< div class = "form-group" >
< p id = "error-message-demande" > < / p >
< / div >
2023-01-08 11:41:10 +00:00
< / div >
2023-01-08 18:14:17 +00:00
< / div >
< hr / >
< div class = "column-section" >
< h2 > Chasse au trésor< / h2 >
< p > Retrouve ici toutes les énigmes. Celles en vert sont déjà resolues alors dépéchez vous de résoudre les autres !< / p >
< div class = "column-section" id = "treasure-list" >
2023-01-08 11:41:10 +00:00
< / div >
< / div >
2023-01-08 18:14:17 +00:00
2023-01-08 11:41:10 +00:00
< hr / >
< div class = "column-section" >
< h1 > Vos demandes en cours< / h1 >
2023-01-08 15:34:56 +00:00
< div class = "column-section" id = "demande-list" > < / div >
2023-01-08 11:41:10 +00:00
< / div >
2022-12-19 22:26:51 +00:00
< / div > <!-- end demande page -->
2022-12-11 14:49:41 +00:00
< / div >
2022-12-20 20:23:31 +00:00
2023-01-08 18:14:17 +00:00
< div class = "overlay" >
< div id = "treasure-popup" >
< div class = "column-section" >
< h2 > Soumettre la résolution d'une énigme !< / h2 >
< a class = "close" href = "#" > × < / a >
< p id = "treasure-popup-title" > < / p >
< input type = "hidden" id = "treasure-popup-uid" >
< div class = "form-group" >
< input type = "file" id = "treasure-popup-image" >
< / div >
< div class = "form-group" >
< button type = "submit" class = "btn btn-primary" id = "treasure-popup-button" > Envoyer< / button >
< / div >
< / div >
< / div >
< / div >
2022-12-11 14:30:42 +00:00
< script src = "https://code.jquery.com/jquery-3.6.1.min.js" integrity = "sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin = "anonymous" > < / script >
2022-12-12 16:44:58 +00:00
< script src = "https://unpkg.com/typeit@8.7.0/dist/index.umd.js" > < / script >
2022-12-15 13:30:34 +00:00
< script src = "js/main.js" defer > < / script >
2022-12-12 16:44:58 +00:00
< script src = "js/anim.js" defer > < / script >
2022-12-11 14:30:42 +00:00
< / body >
2022-12-20 20:23:31 +00:00
< / html >
