quoije/le-journal-d-un-podcast
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added equipe tab

Browse Source
This commit is contained in:
quoije
2022-08-29 11:59:27 -04:00
parent 80a38ccdb1
commit 34649f138b
3 changed files with 124 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/css/oof.css
+17
View File
@@ -60,6 +60,14 @@ body {
font-style: normal;
}
#equtbimage {
font-size: 15px;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
}
#audioplayerdivstop {
margin-bottom: 160px;
}
@@ -68,6 +76,15 @@ body {
margin-bottom: 2px;
}
.table tr, .table td, .table th {border: 0!important;}
#equtb {
width: 100%;
font-weight: bold;
font-family: 'Comic Neue';
font-style: normal;
}
#ws:link {
text-decoration: none;
color: inherit;
public/assets/js/site.js
+81 -2
View File
@@ -16,7 +16,7 @@ jQuery(function($) {
},
},
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}', `{shortBodyPlain}`); 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>",
entryTemplate:"<table class=\"entry table-hover\" 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}', `{shortBodyPlain}`); 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',
});
@@ -31,7 +31,7 @@ jQuery(function($) {
},
},
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}', `{shortBodyPlain}`); 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>",
entryTemplate:"<table class=\"entry table-hover\" 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}', `{shortBodyPlain}`); 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',
});
@@ -66,6 +66,23 @@ jQuery(function($) {
clearcache();
});
// equipe
var equLoaded = 0;
$("#equtab").click(function() {
console.log(equLoaded);
if (equLoaded == 0){
equipeMain();
equLoaded = 1;
}
else
{
console.log("already loaded");
console.log(equLoaded);
}
console.log(equLoaded);
});
var audio = document.getElementById('player');
console.log(audio.src);
@@ -186,6 +203,68 @@ jQuery(function($) {
document.getElementById("meme").src = imlocation + image[imagenumber];
}
// équipe
function equipeMain() {
let body = "";
console.log("ayyyy");
const nomequi = ["gp", "seb", "pl", "christ", "gabelle", "gui", "allain", "nath", "aria", "jm"]
nomequi.forEach(equipeTable);
document.getElementById("equtbbody").innerHTML = body;
function equipeTable(item, index) {
console.log(index);
console.log(item);
body += "<tr><td><div id='playerwindow' class='window' style='margin: auto;'><div class='title-bar' style='padding-top: 15px; padding-bottom: 15px;'><div id='title-bar-xp' class='title-bar-text'> " + item + " </div></div><div class='window-body'><img src='assets/img/equ/" + item + ".png'></div></div></td><td style='color: var(--light)'>" + equipeText(item) + "</td></tr>";
console.log(body);
}
}
function equipeText(nom) {
switch (nom) {
case 'gp':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
break;
case 'seb':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
break;
case 'pl':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
break;
case 'christ':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
break;
case 'gabelle':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
break;
case 'gui':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
break;
case 'allain':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
break;
case 'nath':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
break;
case 'aria':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
break;
case 'jm':
return "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
default : return "ayy lmao";
}
}
public/index.html
+26 -14
View File
@@ -21,7 +21,6 @@
<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="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
</head>
<body>
@@ -73,6 +72,7 @@
<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 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 id="equtab" class="nav-link text-monospace text-center" role="equ" data-toggle="pill" data-bss-hover-animate="bounce" href="#equ" style="background: var(--success);color: var(--white);">équipe</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>
@@ -89,10 +89,6 @@
<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">
imagewow();
</script>
</div>
<!-- ÉPISODES -->
<div class="tab-pane" role="tabpanel" id="ep">
@@ -123,15 +119,18 @@
<div id="rss-feeds"></div>
</div>
<!-- F ÉPISODES -->
<!-- BAZOU -->
<div class="tab-pane" style="min-width: 10px;" role="tabpanel" id="baz">
<p class="text-center" style="color: var(--light);background: var(--danger);padding: 20px;">
<a href="https://solscan.io/token/6bFz8REykQeYh1JKAdPEUCTCEUfEw32i9a3bzvtacRhy"><img src="assets/img/logo.png" width="65%"></a>
</p>
<h2><a style="width: 50%;color: var(--yellow);padding-top: 0px;background: var(--purple);margin-top: 0;text-shadow: 2px 1px 0px var(--cyan);" id="ws" href="https://forms.gle/wwTYe9bYDLZkchQd6">free 200 $bazou</a></h2>
<br>
</div>
<!-- F BAZOU -->
<!-- ÉQUIPE -->
<div class="tab-pane" style="min-width: 325px; width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px; " role="tabpanel" id="equ">
<table class="table table-hover" id="equtb" style="width: 100%;">
<colgroup>
<col style="width: 30%;">
<col style="width: 70%;">
</colgroup>
<tbody id="equtbbody">
</tbody>
</table>
</div>
<!-- F ÉQUIPE -->
<!-- FAQ -->
<div class="tab-pane" role="tabpanel" id="faq">
<p class="text-center" style="color: var(--light);background: var(--danger);padding: 20px;">
@@ -142,6 +141,15 @@
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>
<!-- F FAQ -->
<!-- BAZOU -->
<div class="tab-pane" style="min-width: 10px;" role="tabpanel" id="baz">
<p class="text-center" style="color: var(--light);background: var(--danger);padding: 20px;">
<a href="https://solscan.io/token/6bFz8REykQeYh1JKAdPEUCTCEUfEw32i9a3bzvtacRhy"><img src="assets/img/logo.png" width="65%"></a>
</p>
<h2><a style="width: 50%;color: var(--yellow);padding-top: 0px;background: var(--purple);margin-top: 0;text-shadow: 2px 1px 0px var(--cyan);" id="ws" href="https://forms.gle/wwTYe9bYDLZkchQd6">free 200 $bazou</a></h2>
<br>
</div>
<!-- F BAZOU -->
</div>
</div>
</div>
@@ -152,6 +160,10 @@
<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>
<!-- SCRIPTS-->
<script type="text/javascript">
imagewow();
</script>
<script type="text/javascript" src="https://counter.websiteout.net/js/24/5/0/1"></script>
<!-- ZXogY2xhcG8gbGUgam91cm5hbCBkdW4gcG9kY2FzdC4gbGEgcmVmZXJlbmNlIGVuIDIwMjIu -->
<!-- mathieumoran.xyz -->