add blackjack login/register front

public/assets/css/oof.css

@@ -58,6 +58,11 @@ body {
     text-shadow: 4px 0px var(--teal);
 }
 
+.typebox {
+  margin-top: 2%;
+  margin-bottom: 2%;
+}
+
 #sbody {
   font-size: 15px;
     margin-left: 5px;
@@ -103,6 +108,31 @@ body {
   
 }
 
+#bjlogin {
+  margin: 0 auto;
+  margin-left: auto;
+  margin-right: auto;
+  text-align:center;
+}
+
+#bjmenu {
+  margin-bottom: -2px;
+}
+
+#tab1bj {
+  margin-right: 2px;
+}
+
+.bjbuttons {
+  margin: 2px;
+}
+
+#mainbj {
+  padding-bottom: 2%;
+  border: 1px solid black;
+  background-color: #F3F3EF;
+}
+
 #ws:link {
   text-decoration: none;
   color: inherit;

public/assets/css/xp.css

@@ -549,7 +549,7 @@ legend {
 
 menu[role=tablist] {
     position: relative;
-    margin: 0 0 -2px;
+    margin: 0 0 0;
     text-indent: 0;
     list-style-type: none;
     display: flex;
@@ -557,6 +557,7 @@ menu[role=tablist] {
 }
 
 menu[role=tablist] button {
+    background: #d0d0bf;
     z-index: 1;
     display: block;
     color: #222;
@@ -565,19 +566,10 @@ menu[role=tablist] button {
 }
 
 menu[role=tablist] button[aria-selected=true] {
-    padding-bottom: 2px;
-    margin-top: -2px;
-    background-color: #ece9d8;
     position: relative;
     z-index: 8;
-    margin-left: -3px;
-    margin-bottom: 1px
 }
 
-menu[role=tablist] button:focus {
-    outline: 1px dotted #222;
-    outline-offset: -4px
-}
 
 menu[role=tablist].justified button {
     flex-grow: 1;
@@ -1004,14 +996,8 @@ legend {
 }
 
 menu[role=tablist] button {
-    background: linear-gradient(180deg, #fff, #fafaf9 26%, #f0f0ea 95%, #ecebe5);
+    padding: 0 12px 3px;
-    margin-left: -1px;
+    border-bottom: 1px solid #F3F3EF;
-    margin-right: 2px;
-    border-radius: 0;
-    border-color: #91a7b4;
-    border-top-right-radius: 3px;
-    border-top-left-radius: 3px;
-    padding: 0 12px 3px
 }
 
 menu[role=tablist] button:hover {
@@ -1021,23 +1007,17 @@ menu[role=tablist] button:hover {
 }
 
 menu[role=tablist] button[aria-selected=true] {
-    border-color: #919b9c;
+    background: #F3F3EF;
-    margin-right: -1px;
-    border-bottom: 1px solid transparent;
     border-top: 1px solid #e68b2c;
-    box-shadow: inset 0 2px #ffc73c
+    box-shadow: inset 0 2px #ffc73c;
+    border-bottom: 1px solid #F3F3EF;
 }
 
 menu[role=tablist] button[aria-selected=true]:first-of-type:before {
     content: "";
     display: block;
     position: absolute;
-    z-index: -1;
-    top: 100%;
-    left: -1px;
-    height: 2px;
     width: 0;
-    border-left: 1px solid #919b9c
 }
 
 ul.tree-view {

public/assets/js/site.js

@@ -37,10 +37,6 @@ jQuery(function($) {
     const jmTXT = "Allons-nous-en, dit le postillon, de ses moeurs que pour les gens de génie. Donnez-la-moi pour que je me contiens plus. Veuillez écouter, je force ceux qui veulent mourir, me dit mon oncle, c'est infaillible, mon cher... Perdue, la pauvre malheureuse se débattit contre la crise qui venait d'avoir un papa absent. Point du tout : je ne suis rien. ";
 
   // debug
-  console.log("testing function")
-  console.log(chckGender());
-
-  
     loadapi();
     function getData(gender) { 
       let malecnt = chckGender()[0];
@@ -68,7 +64,6 @@ jQuery(function($) {
       {
         console.log("already loaded");
       }
-      console.log(equLoaded);
       }
 
     $("#rss-feeds").rss("https://anchor.fm/s/af11b98/podcast/rss", {
@@ -138,8 +133,6 @@ jQuery(function($) {
             countMale = -1;
             countFemale = -1;
             let body = "";
-            console.log("ayyyy");
-            
             nomsEqu.forEach(equipeTable);
             document.getElementById("equtbbody").innerHTML = body;
             function equipeTable(item, index) {
@@ -147,12 +140,9 @@ jQuery(function($) {
                 let picurl;
                 let count;
                 nomdesc = equipeText(item);
-                console.log(nomdesc[0]);
+                if (nomdesc[1]){picurl = getData('female');countFemale++;count = countFemale;}
-                console.log(nomdesc[1]);
+                else{picurl = getData('male');countMale++;count = countMale;};
-                if (nomdesc[1]){picurl = getData('female');countFemale++;count = countFemale;console.log(countFemale);}
-                else{picurl = getData('male');countMale++;count = countMale;console.log(countMale);};
                 try {
-                  console.log(picurl);
                   body += "<tr><td><div id='playerwindow' class='window' style='margin: auto;'><div class='title-bar' style='padding-top: 15px; padding-bottom: 15px;'><div id='title-bar-xp'class='title-bar-text'> " + nomdesc[0]  + "</div></div><div class='window-body'><img src='" + picurl.toString() + "'></div></div></td><td style='padding-top: 3%;'><div id='playerwindow' class='window'><div class='title-bar'style='padding-top: 15px; padding-bottom: 15px;'><div id='title-bar-xp'class='title-bar-text'>Meaculpa.mpeg</div><div class='title-bar-controls'><button aria-label='Close'></button></div></div><div class='window-body'>" + nomdesc[2] + "</td></div></div></tr>";
                   apiLoaded = 1;
                   equLoaded = 1;
@@ -230,7 +220,6 @@ jQuery(function($) {
         }
 
       var audio = document.getElementById('player');
-      console.log(audio.src);
 
     // check if ep is in cache
       
@@ -238,7 +227,6 @@ jQuery(function($) {
 
     // cookie last playback
       if (Cookies.get("lastep-title")) {
-      console.log("playback function")
       document.getElementById("lienep").innerHTML= Cookies.get("lastep-title");
       document.getElementById("sbody").innerHTML= Cookies.get("lastep-body") + "....";
       document.getElementById("player").setAttribute('src', Cookies.get("lastep-src"));
@@ -256,7 +244,6 @@ jQuery(function($) {
 
   function checkepcache(){
     if (Cookies.get("lastep-src")){
-      console.log("yahh");
       const epstab = document.getElementById("epstab");
       playicon();
     };
@@ -283,7 +270,6 @@ jQuery(function($) {
       epstab.innerHTML = "épisodes";
     }
     else {
-      console.log("ayyyy");
       epstab.innerHTML = "<img id='playicon' src='assets/img/spek.icon.svg' width='20px'></img>" + " épisodes";
     }
 
@@ -292,16 +278,13 @@ jQuery(function($) {
   function stopplayer(){
       document.getElementById("lienep").innerHTML= title;
       document.getElementById("sbody").innerHTML= body + "....";
-      document.getElementById("lienep").href= linkdec;
+      document.getElementById("lienep").href= linkdec;login
   }
 
   function play(src, title, date, body) {
       var audio = document.getElementById('player');
-      console.log(src);
-      console.log(title);
       var linkenc = src.substring(src.lastIndexOf('/')+1);
       var linkdec = decodeURIComponent(linkenc);
-      console.log(linkdec)
       document.getElementById("lienep").innerHTML= title;
       document.getElementById("sbody").innerHTML= body + "....";
       document.getElementById("lienep").href= linkdec;
@@ -318,6 +301,31 @@ jQuery(function($) {
       checkepcache();
       }
 
+
+  //blackjack
+
+  /// switch tab
+
+  let mainbj = document.getElementById("mainbj");
+  let tab1bj = document.getElementById("tab1bj");
+  let tab2bj = document.getElementById("tab2bj");
+
+  function loginTab(){  
+    console.log("loginTab");
+    tab1bj.setAttribute("aria-selected", "true");
+    tab2bj.setAttribute("aria-selected", "false");
+    mainbj.innerHTML = "<div id='logininput' class='typebox'><input id='login' type='text' placeholder='nom d" + "&#39;" + "utilisateur'/><input id='pass' type='password' placeholder='mot de passe'/></div><div><button class='bjbuttons'>se connecter</button><button class='bjbuttons' disabled>logout</button></div>"
+  }
+
+  function registerTab(){
+    console.log("registerTab");
+    tab1bj.setAttribute("aria-selected", "false");
+    tab2bj.setAttribute("aria-selected", "true");
+    mainbj.innerHTML = "<div id='logininput' class='typebox'><input id='login' type='text' placeholder='nom d" + "&#39;" + "utilisateur'/><input id='pass' type='password' placeholder='mot de passe'/><input id='email' type='text' placeholder='email'/><input id='conf_pass' type='password' placeholder='confirmer mot de passe'/></div><div id='bjbuttons'><button disabled>s'enregistrer</button></div>"
+  }
+
+  // other scripts
+
   function switchTab() {
       $('[href="#ep"]').tab('show');
   }

public/index.html

@@ -19,7 +19,6 @@
     <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
     <script src="assets/js/jquery.rss.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
-    <script src="assets/js/site.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
     <script src="https://unpkg.com/@solana/web3.js@latest/lib/index.iife.js"></script>
 </head>
@@ -105,7 +104,30 @@
                 <!-- F ÉQUIPE -->
                 <!-- BLACKJACK -->
                 <div class="tab-pane" style="min-width: 325px; width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px; " role="tabpanel" id="bj">
-                    <p> ayy lmao --</p>
+                    <p class="text-center" style="padding: 0px;padding-top: 10px;color: var(--yellow);font-size: 32px;font-family: 'Comic Neue', cursive;">
+                        <strong>blackjack tes bazou coins LOL</strong></p>
+                    <div class="window" style="min-width: 325px; width: 55%; margin: auto; margin-top: 10px; margin-bottom: 10px; ">
+                            <div class="title-bar" style="padding-top: 15px; padding-bottom: 15px;">
+                                <div id="" class="title-bar-text">
+                                    connexion
+                                </div>
+                            </div>
+                            <div class="window-body">
+                                <div id="bjlogin"> 
+                                    <section class="tabs" style="max-width: 500px">
+                                        <menu id="bjmenu" role="tablist">
+                                          <button id="tab1bj" onclick="loginTab()">login</button>
+                                          <button id="tab2bj" onclick="registerTab()">s'enregistrer</button>
+                                        </menu>
+                                        <div id="mainbj"></article>
+                                      </section>
+                                </div>
+                          </div>
+                          <div class="status-bar">
+                            <p class="text-left status-bar-field">bazous$: <div id="bazcoins"></div></p>
+                            <p class="text-left status-bar-field">wallet: <div id="walletid"></div></p>
+                          </div>
+                    </div>
                 </div>  
                 <!-- F BLACKJACK -->
                 <!-- FAQ -->
@@ -141,6 +163,7 @@
             <script type="text/javascript">
             imagewow();
             </script>
+            <script src="assets/js/site.js"></script>
             <script type="text/javascript" src="https://counter.websiteout.net/js/24/5/0/1"></script>
             <!-- ZXogY2xhcG8gbGUgam91cm5hbCBkdW4gcG9kY2FzdC4gbGEgcmVmZXJlbmNlIGVuIDIwMjIu -->
 	        <!-- mathieumoran.xyz -->