add O to connect ayyy

public/assets/css/oof.css

@@ -133,22 +133,22 @@ body {
   background-color: #F3F3EF;
 }
 
-#ws:link {
+.ws:link {
   text-decoration: none;
   color: inherit;
 }
 
-#ws:visited {
+.ws:visited {
   text-decoration: none;
   color: inherit;
 }
 
-#ws:hover {
+.ws:hover {
   text-decoration: none;
   color: coral;
 }
 
-#ws:active {
+.ws:active {
   text-decoration: none;
   color: inherit;
 }

public/assets/js/site.js

@@ -309,6 +309,7 @@ jQuery(function($) {
   let mainbj = document.getElementById("mainbj");
   let tab1bj = document.getElementById("tab1bj");
   let tab2bj = document.getElementById("tab2bj");
+  let mainOOF = document.getElementById("mainOOF");
 
   function loginTab(){  
     console.log("loginTab");
@@ -326,6 +327,11 @@ jQuery(function($) {
 
   // other scripts
 
+  function connOOF() {
+    console.log("oof");
+      $('[href="#conn"]').tab('show');
+  }
+
   function switchTab() {
       $('[href="#ep"]').tab('show');
   }

public/index.html

@@ -26,7 +26,7 @@
 <body>
     <header class="text-center d-inline-flex" style="margin: 0;width: 100%;">
         <p class="text-center justify-content-center align-items-center align-content-center align-self-center m-auto pclass">
-            le journal d'un podcast<img class="d-inline-flex star" src="assets/img/star.png" data-bss-hover-animate="swing"><br></p>
+            le journal d'un p<a class="ws" onclick="connOOF()" href="#conn">o</a>dcast<img class="d-inline-flex star" src="assets/img/star.png" data-bss-hover-animate="swing"><br></p>
     </header>
     <div class="container" style="padding: 0px;padding-top: 0px;">
         <div style="background: var(--purple);">
@@ -39,18 +39,19 @@
         <p class="text-center text-white" style="background: var(--pink);text-align: center;width: 75%;margin-left: 15%;font-family: 'Comic Neue', cursive;">
             &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;wow un podcast québécois // socialiste // capitaliste</p>
         <div class="text-center" style="border-style: none;">
-            <ul class="nav nav-pills d-inline-flex justify-content-center" role="tablist" style="margin: 9px;border-style: dashed;min-width: 350px; width: 75%;margin-top: 0px;margin-bottom: 14px;">
+            <ul class="nav nav-pills d-inline-flex justify-content-center" style="margin: 9px;border-style: dashed;min-width: 350px; width: 75%;margin-top: 0px;margin-bottom: 14px;">
-                <li class="nav-item text-center" role="presentation" style="border-style: none;"><a class="nav-link active text-monospace text-uppercase text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#home" style="background: var(--success);color: var(--white);">accueil</a></li>
+                <li class="nav-item text-uppercase text-left" style="border-style: none;"><a class="nav-link text-monospace text-uppercase text-center" data-toggle="pill" data-bss-hover-animate="bounce" href="#home" style="background: var(--success);color: var(--white);">accueil</a></li>
-                <li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a id="epstab" class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#ep" style="background: var(--success);color: var(--white);">épisodes</a></li>
+                <li class="nav-item text-uppercase text-left"  style="border-style: none;"><a id="epstab" class="nav-link text-monospace text-center" data-toggle="pill" data-bss-hover-animate="bounce" href="#ep" style="background: var(--success);color: var(--white);">épisodes</a></li>
-                <li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a id="equtab" class="nav-link text-monospace text-center" role="equ" data-toggle="pill" data-bss-hover-animate="bounce" href="#equ" style="background: var(--success);color: var(--white);">équipe</a></li>
+                <li class="nav-item text-uppercase text-left"  style="border-style: none;"><a id="equtab" class="nav-link text-monospace text-center" data-toggle="pill" data-bss-hover-animate="bounce" href="#equ" style="background: var(--success);color: var(--white);">équipe</a></li>
-                <li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#faq" style="background: var(--success);color: var(--white);">foire aux questions</a></li>
+                <li class="nav-item text-uppercase text-left"  style="border-style: none;"><a class="nav-link text-monospace text-center" data-toggle="pill" data-bss-hover-animate="bounce" href="#faq" style="background: var(--success);color: var(--white);">foire aux questions</a></li>
-                <li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a id="epstab" class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#bj" style="background: var(--success);color: var(--white);">blackjack</a></li>
+                <li class="nav-item text-uppercase text-left"  style="border-style: none;"><a class="nav-link text-monospace text-center" data-toggle="pill" data-bss-hover-animate="bounce" href="#bj" style="background: var(--success);color: var(--white);">blackjack</a></li>
-                <li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#baz" style="background: var(--success);color: var(--white);">$bazou</a></li>
+                <li class="nav-item text-uppercase text-left"  style="border-style: none;"><a class="nav-link text-monospace text-center" data-toggle="pill" data-bss-hover-animate="bounce" href="#baz" style="background: var(--success);color: var(--white);">$bazou</a></li>
+                <li hidden class="nav-item text-uppercase text-left"  style="border-style: none;"><a class="nav-link text-monospace text-center" data-toggle="pill" data-bss-hover-animate="bounce" href="#conn" style="background: var(--success);color: var(--white);">$conn</a></li>
             </ul>
-            <div class="tab-content d-inline-flex justify-content-center" style="min-width: 350px; width: 75%;border-style: dotted;background:var(--danger);box-shadow: 8px 9px var(--warning);">
+            <div id="mainOOF" class="tab-content d-inline-flex justify-content-center" style="min-width: 350px; width: 75%;border-style: dotted;background:var(--danger);box-shadow: 8px 9px var(--warning);">
                 
                 <!-- ACCUEIL -->
-                <div class="tab-pane active" role="tabpanel" id="home" style="text-align: center;padding: 0px;">
+                <div class="tab-pane active" id="home" style="text-align: center;padding: 0px;">
                     <p class="text-center" style="padding: 0px;padding-top: 10px;color: var(--yellow);font-size: 32px;font-family: 'Comic Neue', cursive;">
                         <strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;WOW
                             DERNIER ÉPISODE !!!!11!!!!!</strong></p>
@@ -62,7 +63,7 @@
                     </a>
                 </div>
                 <!-- ÉPISODES -->
-                <div class="tab-pane" role="tabpanel" id="ep">
+                <div class="tab-pane" id="ep">
                     <div class="fixedep">
                         <div id="playerwindow" 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;">
@@ -91,7 +92,7 @@
                 </div>
                 <!-- F ÉPISODES -->
                 <!-- ÉQUIPE -->
-                                <div class="tab-pane" style="min-width: 325px; width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px; " role="tabpanel" id="equ">
+                                <div class="tab-pane" style="min-width: 325px; width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px; " id="equ">
                                     <table class="table table-hover" id="equtb" style="width: 100%;">
                                         <colgroup>
                                             <col style="width: 30%;">
@@ -103,9 +104,14 @@
                                 </div>  
                 <!-- 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">
+                <div class="tab-pane" style="min-width: 325px; width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px; " id="bj">
                     <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>
+                        <p> t'es pas connecté bozo </p>
+                </div>  
+                <!-- F BLACKJACK -->
+                <!-- CONNEXION -->
+                <div class="tab-pane" style="min-width: 325px; width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px;" id="conn">
                     <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">
@@ -129,9 +135,9 @@
                           </div>
                     </div>
                 </div>  
-                <!-- F BLACKJACK -->
+                <!-- F CONNEXION -->
                 <!-- FAQ -->
-                <div class="tab-pane" role="tabpanel" id="faq">
+                <div class="tab-pane" id="faq">
                     <p class="text-center" style="color: var(--light);background: var(--danger);padding: 20px;">
                         <strong>comment vous avez eu l'idée du podcast?</strong> Ayoye big <br>tu niaise tu tout le monde fait des podcast astheure<img class="rounded" data-bss-hover-animate="jello" src="assets/img/ezclap.png" style="width: 25%;margin: -212px;margin-left: 25px;margin-top: -276px;"><br><br><strong>Aimé
                             vou lumour keb?</strong> Gros fuckin hahha<br><br><strong>Qui peut prétendre tenir tête au
@@ -141,11 +147,11 @@
                 </div>
                 <!-- F FAQ -->
                 <!-- BAZOU -->
-                                <div class="tab-pane" style="min-width: 10px;" role="tabpanel" id="baz">
+                                <div class="tab-pane" style="min-width: 10px;" id="baz">
                                     <p class="text-center" style="color: var(--light);background: var(--danger);padding: 20px;">
                                         <a href="https://solscan.io/token/6bFz8REykQeYh1JKAdPEUCTCEUfEw32i9a3bzvtacRhy"><img src="assets/img/logo.png" width="65%"></a>
                                     </p>
-                                    <h2><a style="width: 50%;color: var(--yellow);padding-top: 0px;background: var(--purple);margin-top: 0;text-shadow: 2px 1px 0px var(--cyan);" id="ws" href="https://forms.gle/wwTYe9bYDLZkchQd6">free 200 $bazou</a></h2>
+                                    <h2><a style="width: 50%;color: var(--yellow);padding-top: 0px;background: var(--purple);margin-top: 0;text-shadow: 2px 1px 0px var(--cyan);" class="ws" href="https://forms.gle/wwTYe9bYDLZkchQd6">free 200 $bazou</a></h2>
                                 <br>
                                 </div>  
                 <!-- F BAZOU -->