added equipe tab

public/assets/css/oof.css

@@ -60,6 +60,14 @@ body {
     font-style: normal;
 }
 
+#equtbimage {
+  font-size: 15px;
+  margin-left: 5px;
+  margin-right: 5px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
 #audioplayerdivstop {
   margin-bottom: 160px;
 }
@@ -68,6 +76,15 @@ body {
   margin-bottom: 2px;
 }
 
+.table tr, .table td, .table th {border: 0!important;}
+
+#equtb {
+  width: 100%;
+  font-weight: bold;
+  font-family: 'Comic Neue';
+  font-style: normal;
+}
+
 #ws:link {
   text-decoration: none;
   color: inherit;

public/assets/js/site.js

@@ -16,7 +16,7 @@ jQuery(function($) {
       },
       },
       layoutTemplate: "{entries}",
-      entryTemplate:"<table class=\"entry\" style=\"overflow:hidden;word-wrap:break-word;border-width:2; border-style:solid; max-width: 100%; width: 100%; border-color: transparent;\"cellpadding=\"3\"><tr><td class=\"entry\"style=\"background-color: #0FF404; color: #0FF00; \"><b><a href=\"{enclosure}\" onclick=\"play('{enclosure}',`{title}`,'{date}', `{shortBodyPlain}`); return false;\" style=\"color: #0FF00;\" target=\"_blank\">{title}</a></b></td></tr>\n<tr><td class=\"entry\"style=\"width:100%; overflow: hidden; word-wrap: break-word;background-color: transparent; color: #ffffff; padding-top: 10px;\"><i><b>{date}</b></i><br><p>{bodyPlain}</p></td></tr><tr>",
+      entryTemplate:"<table class=\"entry table-hover\" style=\"overflow:hidden;word-wrap:break-word;border-width:2; border-style:solid; max-width: 100%; width: 100%; border-color: transparent;\"cellpadding=\"3\"><tr><td class=\"entry\"style=\"background-color: #0FF404; color: #0FF00; \"><b><a href=\"{enclosure}\" onclick=\"play('{enclosure}',`{title}`,'{date}', `{shortBodyPlain}`); return false;\" style=\"color: #0FF00;\" target=\"_blank\">{title}</a></b></td></tr>\n<tr><td class=\"entry\"style=\"width:100%; overflow: hidden; word-wrap: break-word;background-color: transparent; color: #ffffff; padding-top: 10px;\"><i><b>{date}</b></i><br><p>{bodyPlain}</p></td></tr><tr>",
       dateFormat: 'DD/MM/YYYY',
       dateLocale: 'fr-ca',
     });
@@ -31,7 +31,7 @@ jQuery(function($) {
       },
       },
       layoutTemplate: "{entries}",
-      entryTemplate:"<table class=\"entry\" style=\"overflow:hidden;word-wrap:break-word;border-width:2; border-style:solid; max-width: 100%; width: 100%; border-color: transparent;\"cellpadding=\"3\"><tr><td class=\"entry\"style=\"background-color: #0FF404; color: #0FF00; \"><b><a href=\"{enclosure}\" onclick=\"play('{enclosure}',`{title}`,'{date}', `{shortBodyPlain}`); switchTab(); return false;\" style=\"color: #0FF00;\" target=\"_blank\">{title}</a></b></td></tr>\n<tr><td class=\"entry\"style=\"width:100%; overflow: hidden; word-wrap: break-word;background-color: transparent; color: #ffffff; padding-top: 10px;\"><i><b>{date}</b></i><br><p>{bodyPlain}</p></td></tr><tr>",
+      entryTemplate:"<table class=\"entry table-hover\" style=\"overflow:hidden;word-wrap:break-word;border-width:2; border-style:solid; max-width: 100%; width: 100%; border-color: transparent;\"cellpadding=\"3\"><tr><td class=\"entry\"style=\"background-color: #0FF404; color: #0FF00; \"><b><a href=\"{enclosure}\" onclick=\"play('{enclosure}',`{title}`,'{date}', `{shortBodyPlain}`); switchTab(); return false;\" style=\"color: #0FF00;\" target=\"_blank\">{title}</a></b></td></tr>\n<tr><td class=\"entry\"style=\"width:100%; overflow: hidden; word-wrap: break-word;background-color: transparent; color: #ffffff; padding-top: 10px;\"><i><b>{date}</b></i><br><p>{bodyPlain}</p></td></tr><tr>",
       dateFormat: 'DD/MM/YYYY',
       dateLocale: 'fr-ca',
     });
@@ -66,6 +66,23 @@ jQuery(function($) {
           clearcache();
         });
 
+        // equipe
+        var equLoaded = 0;
+        $("#equtab").click(function() {
+            console.log(equLoaded);
+            if (equLoaded == 0){
+              equipeMain();
+              equLoaded = 1;
+            }
+            else
+            {
+              console.log("already loaded");
+              console.log(equLoaded);
+            }
+            console.log(equLoaded);
+          });
+  
+
       var audio = document.getElementById('player');
       console.log(audio.src);
 
@@ -186,6 +203,68 @@ jQuery(function($) {
     document.getElementById("meme").src = imlocation + image[imagenumber];
   }
 
+  // équipe
+
+  function equipeMain() {
+    let body = "";
+    console.log("ayyyy");
+    const nomequi = ["gp", "seb", "pl", "christ", "gabelle", "gui", "allain", "nath", "aria", "jm"]
+    nomequi.forEach(equipeTable);
+    document.getElementById("equtbbody").innerHTML = body;
+    function equipeTable(item, index) {
+      console.log(index);
+      console.log(item);
+      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'> " + item  + " </div></div><div class='window-body'><img src='assets/img/equ/" + item + ".png'></div></div></td><td style='color: var(--light)'>" + equipeText(item) + "</td></tr>";
+      console.log(body);
+    }
+  }
+
+  function equipeText(nom) {
+  
+  switch (nom) {
+    case 'gp': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    break;
+
+    case 'seb': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    break;
+
+    case 'pl': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    break;
+
+    case 'christ': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    break;
+
+    case 'gabelle': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    break;
+
+    case 'gui': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    break;
+
+    case 'allain': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    break;
+
+    case 'nath': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    break;
+
+    case 'aria': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    break;
+
+    case 'jm': 
+    return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+    
+    default : return "ayy lmao";
+  }
+  }
+
   
 
  

public/index.html

@@ -21,7 +21,6 @@
     <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>
-
 </head>
 
 <body>
@@ -73,6 +72,7 @@
             <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;">
                 <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" 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" 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" 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" 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>
             </ul>
@@ -89,10 +89,6 @@
                     <a href="https://www.facebook.com/ljdpodcast" style="text-align: center;">
                         <img id="meme" src="assets/img/maymay/dimanche.png" style="width: 58%;padding: 0;padding-top: 0px;margin-top: -7px;padding-bottom: 10px;">
                     </a>
-                    <!-- SCRIPT IMAGE-->
-                    <script type="text/javascript">
-                    imagewow();
-                    </script>
                 </div>
                 <!-- ÉPISODES -->
                 <div class="tab-pane" role="tabpanel" id="ep">
@@ -123,15 +119,18 @@
                     <div id="rss-feeds"></div>
                 </div>
                 <!-- F ÉPISODES -->
-                <!-- BAZOU -->
+                <!-- ÉQUIPE -->
-                <div class="tab-pane" style="min-width: 10px;" role="tabpanel" id="baz">
+                                <div class="tab-pane" style="min-width: 325px; width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px; " role="tabpanel" id="equ">
-                    <p class="text-center" style="color: var(--light);background: var(--danger);padding: 20px;">
+                                    <table class="table table-hover" id="equtb" style="width: 100%;">
-                        <a href="https://solscan.io/token/6bFz8REykQeYh1JKAdPEUCTCEUfEw32i9a3bzvtacRhy"><img src="assets/img/logo.png" width="65%"></a>
+                                        <colgroup>
-                    </p>
+                                            <col style="width: 30%;">
-                    <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>
+                                            <col style="width: 70%;">
-                <br>
+                                          </colgroup>
-                </div>  
+                                        <tbody id="equtbbody">
-                <!-- F BAZOU -->
+                                        </tbody>
+                                      </table>
+                                </div>  
+                <!-- F ÉQUIPE -->
                 <!-- FAQ -->
                 <div class="tab-pane" role="tabpanel" id="faq">
                     <p class="text-center" style="color: var(--light);background: var(--danger);padding: 20px;">
@@ -142,6 +141,15 @@
                             boutons du menu sont brisés, ca marche une fois sur 15 </strong>ouin, mais si je le règle, on a pas les boutons qui jump sooooo</p>
                 </div>
                 <!-- F FAQ -->
+                <!-- BAZOU -->
+                                <div class="tab-pane" style="min-width: 10px;" role="tabpanel" 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>
+                                <br>
+                                </div>  
+                <!-- F BAZOU -->
             </div>
         </div>
     </div>
@@ -152,6 +160,10 @@
             <a href="https://www.facebook.com/ljdpodcast"><i class="fab fa-facebook-square"></i></a>
             <a href="https://podcasts.apple.com/ca/podcast/le-journal-dun-podcast/id1462715091?l=fr"><i
                     class="fas fa-podcast"></i></a>
+            <!-- SCRIPTS-->
+            <script type="text/javascript">
+            imagewow();
+            </script>
             <script type="text/javascript" src="https://counter.websiteout.net/js/24/5/0/1"></script>
             <!-- ZXogY2xhcG8gbGUgam91cm5hbCBkdW4gcG9kY2FzdC4gbGEgcmVmZXJlbmNlIGVuIDIwMjIu -->
 	        <!-- mathieumoran.xyz -->