add min-weight to some divs belong other things.

assets/js/site.js

@@ -36,9 +36,9 @@ jQuery(function($) {
   function play(src, title, date, body) {
       console.log(src);
       console.log(title);
-      console.log(linkdec)
       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;
@@ -57,6 +57,28 @@ jQuery(function($) {
     document.documentElement.scrollTop = 0; // webkit
   }
 
+  function imagewow() {
+    var imlocation = "assets/img/maymay/";
+
+    function ImageArray(n) {
+    this.length = n;
+    for (var i = 1; i <= n; i++) {
+    this[i] = ' '
+    }
+    }
+    image = new ImageArray(7);
+    image[0] = 'dimanche.png';
+    image[1] = 'lundi.jpg';
+    image[2] = 'mardi.png';
+    image[3] = 'mercredi.png';
+    image[4] = 'jeudi.jpg';
+    image[5] = 'vendredi.jpg';
+    image[6] = 'samedi.jpg';
+    var currentdate = new Date();
+    var imagenumber = currentdate.getDay();
+    document.getElementById("meme").src = imlocation + image[imagenumber];
+  }
+
   $( function() {
     $( "#draggable" ).draggable();
     $("#draggable").data({

index.html

@@ -70,13 +70,13 @@
         <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;width: 75%;margin-top: 0px;margin-bottom: 14px;">
+            <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 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 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="#comm" style="background: var(--success);color: var(--white);">commentaires</a></li>
             </ul>
-            <div class="tab-content d-inline-flex justify-content-center" style="width: 75%;border-style: dotted;background:var(--danger);box-shadow: 8px 9px var(--warning);">
+            <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);">
                 
                 <!-- ACCUEIL -->
                 <div class="tab-pane active" role="tabpanel" id="home" style="text-align: center;padding: 0px;">
@@ -91,31 +91,13 @@
                     </a>
                     <!-- SCRIPT IMAGE-->
                     <script type="text/javascript">
-                        var imlocation = "assets/img/maymay/";
+                    imagewow();
-
-                        function ImageArray(n) {
-                            this.length = n;
-                            for (var i = 1; i <= n; i++) {
-                                this[i] = ' '
-                            }
-                        }
-                        image = new ImageArray(7);
-                        image[0] = 'dimanche.png';
-                        image[1] = 'lundi.jpg';
-                        image[2] = 'mardi.png';
-                        image[3] = 'mercredi.png';
-                        image[4] = 'jeudi.jpg';
-                        image[5] = 'vendredi.jpg';
-                        image[6] = 'samedi.jpg';
-                        var currentdate = new Date();
-                        var imagenumber = currentdate.getDay();
-                        document.getElementById("meme").src = imlocation + image[imagenumber];
                     </script>
                 </div>
                 <!-- ÉPISODES -->
                 <div class="tab-pane" role="tabpanel" id="ep">
                     <div class="fixedep">
-                        <div id="draggable" class="window" style="width: 55%; margin: auto; margin-top: 10px; margin-bottom: 10px; ">
+                        <div id="draggable" 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 class="title-bar-text">
                                     Épisode en cours
@@ -147,8 +129,8 @@
                             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>
                 <!-- COMMENTAIRES -->
-                <div class="tab-pane" role="tabpanel" id="comm">
+                <div class="tab-pane" style="min-width: 10px;" role="tabpanel" id="comm">
-                    <p class="text-center" style="margin: 2%;padding: 10px;padding-top: 10px;color: var(--yellow);font-size: 32px;font-family: 'Comic Neue', cursive;">
+                    <p class="text-center" style="padding: 10px;padding-top: 10px;color: var(--yellow);font-size: 25px;font-family: 'Comic Neue', cursive;">
                         <strong>&nbsp; &nbsp; &nbsp;LAISSE NOUS UN BEAU MESSAGE WOW!</strong></p> 
                     <div id="fb-root"></div>
                     <script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_CA/sdk.js#xfbml=1&version=v11.0" nonce="uTk7zYwn"></script>
@@ -166,7 +148,7 @@
                     class="fas fa-podcast"></i></a>
             <script type="text/javascript" src="https://counter.websiteout.net/js/24/5/0/1"></script>
             <!-- ZXogY2xhcG8gbGUgam91cm5hbCBkdW4gcG9kY2FzdC4gbGEgcmVmZXJlbmNlIGVuIDIwMjEu -->
-            <!-- V1.06 // 20 JUIN 2021 // 11.27AM -->
+            <!-- V1.07 // 24 JUILLET 2021 // 4.35PM -->
     </footer>
 </body>
 </html>