Les espaces membres SystemeIO du futur

<script>
// Les espaces membres SystemeIO du futur - https://sio.tapezinfo.com/espace
//
// Offres SystemeIO : https://docs.google.com/spreadsheets/d/1PHgDSNi5SMogWF-TJ6brncT1c9VJOB_W4pvveXGN2lQ/edit?usp=sharing
// Fontawesome (icones) : https://fontawesome.com/v5/cheatsheet
// BONUS : 10 groupes de pub Facebook : https://tapezinfo.com/groupes

var jamesmenutext = '&lt;&lt; RETOUR VERS MES FORMATIONS &nbsp;&nbsp; <i class="im-2x im-logo membership-logo"></i>';
var jamesmenulink = 'https://systeme.io/dashboard/school/?sa=sa70e8f959144492c58421f4190162f858&tk=retourformation_menu';

var jamesimagesrc = 'https://parmois.com/250x250.png';
var jamesimagelink = 'https://parmois.com';

var jamespseudo1tpe = 'page'; // remplacez page par votre pseudo 1TPE si vous en avez un

document.querySelector('.navbar').innerHTML = '<div class="container-xxxl px-5 px-xxl-7">'
+'<a href="' + jamesmenulink + '" target="_blank" class="menuretour">' + jamesmenutext + '</a>';
+'</div>';

var biobio = document.createElement("div");
biobio.innerHTML = '<nav><ul>'
+'<li><a href="https://ParMois.com" target="_blank"><i class="fa fa-external-link-square" title="Club Affiliation Facile"></i></a></li>'

+'<li><a href="https://www.youtube.com/channel/UChwBUZZmRrvRjD3Y49zX9ZA?sub_confirmation=1" target="_blank"><i class="fa fa-youtube-play" title="YouTube"></i></a></li>'

+'<li><a href="https://t.me/clubaffiliation" target="_blank"><i class="fa fa-telegram" title="Telegram"></i></a></li>'

+'<li><a href="https://www.facebook.com/groups/clubaffiliationfacile/" target="_blank"><i class="fa fa-facebook" title="Facebook"></i></a></li>'

+'</ul><a href="https://systeme.io/090c2efc?sa=sa70e8f959144492c58421f4190162f858&tk=startupannuel_bio" target="_blank" class="btn btn-course-primary biobouton">PROMOTION SYSTEMEIO</a></nav>';

var elbio = getElementsByClass("div", "course-info__instructor-container");
if (elbio.length > 0) elbio[0].parentNode.insertBefore(biobio, elbio[0].nextSibling);

var cul = document.createElement("div");
cul.innerHTML = '<div class="leculdetasoeur">'
+ '<a href="' + jamesimagelink + '" target="_blank">'
+ '<img src="' + jamesimagesrc + '">'
+ '</a></div>';

var el = getElementsByClass("div", "course-info__modules");
if (el.length > 0) el[0].parentNode.insertBefore(cul, el[0].nextSibling);

var parmoisliens = document.createElement("div");
parmoisliens.innerHTML = '<div id="parmoisliens"></div>';

var elparmoisliens = getElementsByClass("div", "course-info__modules");
if (elparmoisliens.length > 0) elparmoisliens[0].parentNode.insertBefore(parmoisliens, elparmoisliens[0].nextSibling);

(function(d, s, id) {
	parmois_pseudo = jamespseudo1tpe;
	parmois_liens = 3;
	parmois_avant = "VOULEZ-VOUS AVOIR VOTRE LIEN ICI ?";
	parmois_apres = "CLIQUEZ ICI POUR SPONSORISER...";
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.type = "text/javascript"; js.async = true;
    js.src = "//parmois.com/widget.js";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, "script", "parmoisjs"));

function getElementsByClass(tagType, className) {
    let el = document.getElementsByTagName(tagType);
    let returns = [];
    for (var i in el) {
        if ((' ' + el[i].className + ' ').indexOf(' ' + className + ' ') > -1) {
            returns.push(el[i]);
        }
    }
    return returns;
}
</script>

<style>
.menuretour{font-family: var(--course-font-family);color: var(--navbar-item-color);cursor: pointer;font-size: 14px;justify-content: center;text-decoration: none;text-transform: uppercase;transition: 0.5s;}
.menuretour:hover {color: var(--navbar-item-hover-color);text-decoration: underline;opacity: 0.8;}
.course-info__instructor-container{border-bottom: none !important;padding-bottom: 0px !important;margin-bottom: 0px !important;}
nav{font-size: 1.7rem;padding-top: 10px;border-bottom-color: rgb(220, 220, 220);border-bottom-style: solid;border-bottom-width: 1px;padding-bottom: 24px;}
nav ul {display: flex;flex-direction: row;margin: 0;padding: 0;}
nav ul li {list-style: none;flex-grow: 1;text-align: center;}
nav ul li a {display: block;color: var(--course-info-instructor-sub-fio-color);}
nav ul li a:hover {color: var(--course-primary-button-hover-background-color);}
.biobouton{display: flex !important;flex-wrap: wrap !important;justify-content: center !important;margin-top: 10px !important;padding: 5px !important;font-size: 16px !important;}
#parmoisliens a{color: var(--course-info-item-active-color)}
#parmoisliens a:visited{color: var(--course-info-item-color)}
.leculdetasoeur{text-align: center;padding: 10px;}
.leculdetasoeur img{cursor: pointer;max-width: 250px;}
</style>