first commit hihi

50x.html

@@ -0,0 +1,21 @@
+<!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>

assets/css/oof.css

@@ -0,0 +1,72 @@
+html {
+    --scrollbarBG: #4B0082;
+    --thumbBG: #FF69B4;
+    overflow: hidden;
+}
+
+body::-webkit-scrollbar {
+    width: 11px;
+}
+
+body::-webkit-scrollbar-track {
+    background: var(--scrollbarBG);
+}
+
+body::-webkit-scrollbar-thumb {
+    background-color: var(--thumbBG);
+    border-radius: 6px;
+    border: 3px solid var(--scrollbarBG);
+}
+
+body {
+    background: url("../img/winxp.jpg");
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    height: 100vh;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
+}
+
+.fixedep {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 20px;
+}
+
+.star {
+    width: 145px;
+    text-align: left;
+    margin-bottom: -22px;
+}
+
+.pclass {
+    font-size: 64px;
+    margin-left: 0;
+    margin-bottom: 0px;
+    font-weight: bold;
+    font-family: 'Comic Neue', cursive;
+    font-style: normal;
+    letter-spacing: -2px;
+    text-shadow: 4px 0px var(--teal);
+}
+
+#ws:link {
+  text-decoration: none;
+  color: inherit;
+}
+
+#ws:visited {
+  text-decoration: none;
+  color: inherit;
+}
+
+#ws:hover {
+  text-decoration: none;
+  color: coral;
+}
+
+#ws:active {
+  text-decoration: none;
+  color: inherit;
+}

assets/js/script.min.js

@@ -0,0 +1 @@
+$(document).ready((function(){$("[data-bss-hover-animate]").mouseenter((function(){var a=$(this);a.addClass("animated "+a.attr("data-bss-hover-animate"))})).mouseleave((function(){var a=$(this);a.removeClass("animated "+a.attr("data-bss-hover-animate"))}))}));

assets/js/site.js

@@ -0,0 +1,50 @@
+jQuery(function($) {
+    $("#rss-feeds").rss("https://anchor.fm/s/af11b98/podcast/rss", {
+      limit: 1000,
+      tokens: {
+      enclosure: function (entry, tokens) {
+          if (entry.enclosure) {
+          return `${entry.enclosure.url}`;
+      }
+          return "";
+      },
+      },
+      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}'); 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',
+    });
+    $("#lastephome").rss("https://anchor.fm/s/af11b98/podcast/rss", {
+      limit: 1,
+      tokens: {
+      enclosure: function (entry, tokens) {
+          if (entry.enclosure) {
+          return `${entry.enclosure.url}`;
+      }
+          return "";
+      },
+      },
+      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}'); 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',
+    });
+  });
+
+  function play(src, title, date) {
+      console.log(src);
+      console.log(title);
+      console.log(linkdec)
+      var linkenc = src.substring(src.lastIndexOf('/')+1);
+      var linkdec = decodeURIComponent(linkenc);
+      document.getElementById("lienep").innerHTML= title;
+      document.getElementById("lienep").href= linkdec;
+      document.getElementById("player").pause();
+      document.getElementById("player").setAttribute('src', linkdec);
+      document.getElementById("player").load();
+      document.getElementById("player").play();
+      }
+
+  function switchTab() {
+      $('[href="#ep"]').tab('show');
+  }

index.html

@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>le journal d'un podcast</title>
+    <meta name="description" content="ton journal quoitidien">
+    <link rel="icon" type="image/jpeg" sizes="16x16" href="assets/img/fav.jpg">
+    <link rel="stylesheet" href="assets/css/oof.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comic+Neue">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.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="assets/js/script.min.js"></script>
+    <script src="assets/js/jquery.rss.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
+</head>
+
+<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>
+    </header>
+    <div class="container" style="padding: 0px;padding-top: 0px;">
+        <div style="background: var(--purple);">
+
+            <!-- WIDGET STONKS BROUGHT TO YOU BY TRADINGVIEW -->
+            <div class="tradingview-widget-container">
+                <div class="tradingview-widget-container__widget"></div>
+                <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
+                    {
+                        "symbols": [{
+                            "proName": "FOREXCOM:SPXUSD",
+                            "title": "S&P 500"
+                        }, {
+                            "proName": "BITSTAMP:BTCUSD",
+                            "title": "BTC/USD"
+                        }, {
+                            "description": "ABIO",
+                            "proName": "NASDAQ:ABIO"
+                        }, {
+                            "description": "GAMESTONKS",
+                            "proName": "NYSE:GME"
+                        }, {
+                            "description": "PHARMABRO",
+                            "proName": "NASDAQ:ONTX"
+                        }, {
+                            "description": "CINEMA GUZZO LOL",
+                            "proName": "NYSE:AMC"
+                        }],
+                        "showSymbolLogo": true,
+                        "colorTheme": "dark",
+                        "isTransparent": true,
+                        "displayMode": "adaptive",
+                        "locale": "en"
+                    }
+                </script>
+            </div>
+
+        </div>
+
+        <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;">
+                <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);">
+                <!-- ACCUEIL -->
+                <div class="tab-pane active" role="tabpanel" 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>
+                    <div id="lastephome" style="margin: 9px;border-style: dashed;border-color: coral;"></div>
+                    <p class="text-center" style="padding: 0px;padding-top: 10px;color: var(--yellow);font-size: 32px;font-family: 'Comic Neue', cursive;">
+                        <strong>image rigolote de la journée hihi</strong></p>
+                    <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">
+                        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];
+                    </script>
+                </div>
+                <!-- ÉPISODES -->
+                <div class="tab-pane" role="tabpanel" id="ep">
+                    <div class="fixedep">
+                        <div id="infoaudio" style="background-color: #0FF404; width: 50%; margin: auto; margin-top: 10px; margin-bottom: 10px; border-style: dashed;">
+                            <div id="nomep" style="font-weight: bold; padding: 5px;"><a id="lienep" target="_blank">Pas
+                                    d'épisode en cours</a></div>
+                            <audio style="width: 90%;" controls id="player">
+                                <source src="" type="audio/mpeg">
+                                :)
+                            </audio>
+                        </div>
+                    </div>
+                    <div id="rss-feeds"></div>
+                </div>
+                <!-- FAQ -->
+                <div class="tab-pane" role="tabpanel" 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
+                            trépas inévitable de toute création du </strong><br><strong>progéniteur?</strong> Seul l'être monolithe dont le sang chasse les ténèbres <br>saura trouvez la clé.<br><br><strong>C koi
+                            votre podcast préféré?</strong> 2 biere pis la ptie joie haha<br><br>&nbsp;<strong>les
+                            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">
+                    <p class="text-center" style="margin: 2%;padding: 10px;padding-top: 10px;color: var(--yellow);font-size: 32px;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>
+                    <div class="fb-comments" style="border-style: dashed;border-color: coral;background: white;margin-bottom: 20px;" data-href="https://ljdp.ca" data-width="" data-numposts="5" data-colorscheme="light"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer class="text-center justify-content-center align-items-center align-content-center align-self-center" style="margin-top: 15px;">
+        <p class="d-xl-flex justify-content-center align-items-center align-content-center align-self-center m-auto align-items-xl-start" style="width: 50%;color: var(--yellow);padding-top: 0px;background: var(--purple);margin-top: 0;text-shadow: 2px 1px 0px var(--cyan);">
+            (C)&nbsp;copirite gp pis sa gagne - deux mille vingt et un -&nbsp;<a id="ws" href="https://mathieumoran.xyz" style="text-decoration: none;">mathieumoran.xyz</a></p><span style="font-size: 45px">
+            <a href="https://anchor.fm/s/af11b98/podcast/rss"><i class="fas fa-rss"></i></a>
+            <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>
+            <script type="text/javascript" src="https://counter.websiteout.net/js/24/5/0/1"></script>
+            <!-- ZXogY2xhcG8gbGUgam91cm5hbCBkdW4gcG9kY2FzdC4gbGEgcmVmZXJlbmNlIGVuIDIwMjEu -->
+            <!-- V1.03 // 14 JUIN 2021 // 1.14AM -->
+    </footer>
+</body>
+</html>