172 lines
12 KiB
HTML
172 lines
12 KiB
HTML
<!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">
|
|
<link rel="stylesheet" href="assets/css/xp.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
|
<script src="assets/js/jquery.rss.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="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;">
|
|
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> 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="draggable" class="window" style="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
|
|
</div>
|
|
<div class="title-bar-controls">
|
|
<button class="reset" 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>
|
|
<audio style="width: 90%;" controls id="player">
|
|
<source src="" type="audio/mpeg">
|
|
:)
|
|
</audio>
|
|
</div>
|
|
</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> <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> 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: dotted;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) copirite gp pis sa gagne - deux mille vingt et un - <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.06 // 20 JUIN 2021 // 11.27AM -->
|
|
</footer>
|
|
</body>
|
|
</html> |