From 34649f138b667bbfc764ee263ae522a74a53d5ed Mon Sep 17 00:00:00 2001 From: quoije Date: Mon, 29 Aug 2022 11:59:27 -0400 Subject: [PATCH] added equipe tab --- public/assets/css/oof.css | 17 ++++++++ public/assets/js/site.js | 83 ++++++++++++++++++++++++++++++++++++++- public/index.html | 40 ++++++++++++------- 3 files changed, 124 insertions(+), 16 deletions(-) diff --git a/public/assets/css/oof.css b/public/assets/css/oof.css index 70edfb2..97177f1 100644 --- a/public/assets/css/oof.css +++ b/public/assets/css/oof.css @@ -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; diff --git a/public/assets/js/site.js b/public/assets/js/site.js index e8a68b2..b7c3181 100644 --- a/public/assets/js/site.js +++ b/public/assets/js/site.js @@ -16,7 +16,7 @@ jQuery(function($) { }, }, layoutTemplate: "{entries}", - entryTemplate:"\n", + entryTemplate:"
{title}
{date}

{bodyPlain}

\n", dateFormat: 'DD/MM/YYYY', dateLocale: 'fr-ca', }); @@ -31,7 +31,7 @@ jQuery(function($) { }, }, layoutTemplate: "{entries}", - entryTemplate:"
{title}
{date}

{bodyPlain}

\n", + entryTemplate:"
{title}
{date}

{bodyPlain}

\n", 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 += ""; + 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"; + } + } + \ No newline at end of file diff --git a/public/index.html b/public/index.html index 489a0ed..53eac0d 100644 --- a/public/index.html +++ b/public/index.html @@ -21,7 +21,6 @@ - @@ -73,6 +72,7 @@ @@ -89,10 +89,6 @@ - -
@@ -123,15 +119,18 @@
- -
-

- -

-

free 200 $bazou

-
-
- + +
+
{title}
{date}

{bodyPlain}

" + item + "
" + equipeText(item) + "
+ + + + + + +
+ +

@@ -142,6 +141,15 @@ boutons du menu sont brisés, ca marche une fois sur 15 ouin, mais si je le règle, on a pas les boutons qui jump sooooo

+ +
+

+ +

+

free 200 $bazou

+
+
+ @@ -152,6 +160,10 @@ + +