public/50x.html

@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<title>Error</title>
-<style>
-    body {
-        width: 35em;
-        margin: 0 auto;
-        font-family: Tahoma, Verdana, Arial, sans-serif;
-    }
-</style>
-</head>
-<body>
-<h1>An error occurred.</h1>
-<p>Sorry, the page you are looking for is currently unavailable.<br/>
-Please try again later.</p>
-<p>If you are the system administrator of this resource then you should check
-the error log for details.</p>
-<p><em>Faithfully yours, nginx.</em></p>
-</body>
-</html>

public/assets/css/oof.css

@@ -60,6 +60,14 @@ body {
     font-style: normal;
 }
 
+#audioplayerdivstop {
+  margin-bottom: 160px;
+}
+
+#playicon {
+  margin-bottom: 2px;
+}
+
 #ws:link {
   text-decoration: none;
   color: inherit;

public/assets/img/stop-button-svgrepo-com.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 10.334 10.334" style="enable-background:new 0 0 10.334 10.334;" xml:space="preserve">
+<g>
+	<path style="fill:#030104;" d="M10.333,9.816c0,0.285-0.231,0.518-0.517,0.518H0.517C0.233,10.334,0,10.102,0,9.816V0.517
+		C0,0.232,0.231,0,0.517,0h9.299c0.285,0,0.517,0.231,0.517,0.517V9.816z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

public/assets/js/site.js

@@ -4,7 +4,6 @@ $(document).ready((function(){$("[data-bss-hover-animate]").mouseenter((function
 /*! js-cookie v3.0.1 | MIT */
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}return function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"})}));
 
-
 jQuery(function($) {
     $("#rss-feeds").rss("https://anchor.fm/s/af11b98/podcast/rss", {
       limit: 1000,
@@ -49,12 +48,31 @@ jQuery(function($) {
         'top': $("#playerwindow").data('origionalTop')
         });
         topFunction();
-        document.getElementById("player").pause();
       });
 
+      $(".closewin").click(function() {
+        $("#playerwindow").css({
+          'left': $("#playerwindow").data('originalLeft'),
+          'top': $("#playerwindow").data('origionalTop')
+          });
+          topFunction();
+          document.getElementById("sbody").innerHTML= "";
+          document.getElementById("player").pause();
+          keeplastepcache();
+          document.getElementById("player").setAttribute('src', "");
+          document.getElementById("lienep").href = "";
+          document.getElementById("nomep").innerHTML = "<a id='lienep' target='_blank'>Pas d'épisode en cours</a>";
+          document.getElementById("epstab").innerHTML = "épisodes";
+          clearcache();
+        });
+
       var audio = document.getElementById('player');
       console.log(audio.src);
 
+    // check if ep is in cache
+      
+      checkepcache();
+
     // cookie last playback
       if (Cookies.get("lastep-title")) {
       console.log("playback function")
@@ -66,13 +84,54 @@ jQuery(function($) {
       }
       
       audio.addEventListener('timeupdate',function(){
+        var currentTime = audio.currentTime;  
+        Cookies.set("lastep-time", currentTime);
           var currentTime = audio.currentTime;
-          Cookies.set("lastep-time", currentTime);
+          Cookies.set("lastep-time", currentTime, { expires: 365 });
       },false);
   });
 
+  function checkepcache(){
+    if (Cookies.get("lastep-src")){
+      console.log("yahh");
+      const epstab = document.getElementById("epstab");
+      playicon();
+    };
+  }
+
+  function keeplastepcache(){
+    Cookies.set("lastep_b4close-title", document.getElementById("lienep").innerHTML, { expires: 365 });
+    Cookies.set("lastep_b4close-time", document.getElementById("player").currentTime, { expires: 365 });
+  }
+
+  function clearcache(){
+    Cookies.remove("lastep-title");
+    Cookies.remove("lastep-body");
+    Cookies.remove("lastep-src");
+    Cookies.remove("lastep-time"); 
+  }
+
   // player things
 
+  function playicon(){
+    const epstab = document.getElementById("epstab");
+    if (document.getElementById("lienep").src = "")
+    {
+      epstab.innerHTML = "épisodes";
+    }
+    else {
+      console.log("ayyyy");
+      epstab.innerHTML = "<img id='playicon' src='assets/img/spek.icon.svg' width='20px'></img>" + " épisodes";
+    }
+
+  }
+
+  function stopplayer(){
+      document.getElementById("lienep").innerHTML= title;
+      document.getElementById("sbody").innerHTML= body + "....";
+      document.getElementById("lienep").href= linkdec;
+  }
+
   function play(src, title, date, body) {
       var audio = document.getElementById('player');
       console.log(src);
@@ -83,18 +142,18 @@ jQuery(function($) {
       document.getElementById("lienep").innerHTML= title;
       document.getElementById("sbody").innerHTML= body + "....";
       document.getElementById("lienep").href= linkdec;
-      document.getElementById("player").pause();
+      audio.pause();
-      document.getElementById("player").setAttribute('src', linkdec);
+      audio.setAttribute('src', linkdec);
-      document.getElementById("player").load();
+      if (title == Cookies.get("lastep_b4close-title")){
-      document.getElementById("player").play();
+        audio.currentTime = Cookies.get("lastep_b4close-time");
-      Cookies.set("lastep-title", title)
+      }
-      Cookies.set("lastep-src", audio.src);
+      audio.load();
-      Cookies.set("lastep-body", body)
+      audio.play();
+      Cookies.set("lastep-title", title, { expires: 365 });
+      Cookies.set("lastep-src", audio.src, { expires: 365 });
+      Cookies.set("lastep-body", body, { expires: 365 });
+      checkepcache();
       }
-
-
-
-
 
   function switchTab() {
       $('[href="#ep"]').tab('show');

public/index.html

@@ -72,7 +72,7 @@
         <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;">
                 <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 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 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>
@@ -99,22 +99,25 @@
                     <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;">
-                                <div class="title-bar-text">
+                                <div id="title-bar-xp" class="title-bar-text">
                                     Épisode en cours
                                 </div>
                                 <div class="title-bar-controls">
-                                    <button class="reset" aria-label="Close"></button>
+                                    <button class="reset" aria-label="Minimize"></button>
+                                    <button class="closewin" aria-label="Close"></button>
                                 </div>
                             </div>
                             <div class="window-body" style="font-size: medium;">
                                 <div id="nomep" style="font-weight: bold;"><a id="lienep" target="_blank">Pas
                                     d'épisode en cours</a></div>
                                 <div id="sbody"></div>
+                                <div id="audioplayerdiv">
                                 <audio style="width: 90%;" controls id="player">
                                 <source src="" type="audio/mpeg">
                                 :)
                             </audio>
                             </div>
+                            </div>
                         </div>
                     </div>
                     <div id="rss-feeds"></div>
@@ -152,7 +155,7 @@
             <script type="text/javascript" src="https://counter.websiteout.net/js/24/5/0/1"></script>
             <!-- ZXogY2xhcG8gbGUgam91cm5hbCBkdW4gcG9kY2FzdC4gbGEgcmVmZXJlbmNlIGVuIDIwMjIu -->
 	        <!-- mathieumoran.xyz -->
-            <!-- V1.10 // 14 AOUT 2022 // 11:09PM -->
+            <!-- V1.11 // 22 AOUT 2022 // 2:47AM -->
     </footer>
 </body>
 </html>