first commit hihi
@@ -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;
|
||||
}
|
||||
|
After Width: | Height: | Size: 662 KiB |
|
After Width: | Height: | Size: 572 B |
|
After Width: | Height: | Size: 912 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 357 KiB |
|
After Width: | Height: | Size: 855 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 74 KiB |
|
After Width: | Height: | Size: 267 KiB |
@@ -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"))}))}));
|
||||
@@ -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');
|
||||
}
|
||||