<!-- PLugins Facebook 
Cette page est a placer dans le fichier main1.html n'importe ou
Elle affiche le logo facebook en latéral et affiche les informations facebook de votre site 
dans un slider

Vous pouvez retrouver l'ensemble des options sur la page facebook developpeur
https://developers.facebook.com/docs/plugins/page-plugin?locale=fr_FR

-->

{% set myfacebookurl="https://www.facebook.com/mlnordessonne/" %}

<script>
  const button = document.getElementById('back');
  button.addEventListener('click', function() {
    alert("Retour à la page d'accueil");
  });
</script>


<div id="fb-root">

<div class="facebook-panel" id="facebook-panel">

<div 
		class="facebook-button" 
		title="Nos réseaux sociaux"
		onclick="$('#facebook-panel').css({'right':((parseInt($('#facebook-panel').css('right'),10)<0)?'0px':'-'+(parseInt($('#facebook-panel').width())+20)+'px')});">
		<i class="fa-brands fa-facebook fa-beat-fade"></i>

		    <div>
	        </br>
		      <a href="tpl/main"><input type="image", src="assets/media/back8.gif" id="back" title="Retour à la page d'accueil"  onclick="style.backgroundColor='#CED2D9'"></input>
		    </div>
	</div>


	<div class="fb-page" 
		data-href="{{myfacebookurl}}"
		data-tabs="timeline,events" 
		data-max-width="500" 
		data-max-height="500" 
		data-small-header="false" 
		data-adapt-container-width="true" 
		data-hide-cover="false" 
		data-show-facepile="false"
		>
	    <br/>
	<div>
		&nbsp;&nbsp;&nbsp;&nbsp;<a href="{{myfacebookurl}}"target="blank"><img src = "assets/media/FB3.png" alt='FB3'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Facebook</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" style="background-color:white" value="1202 Abonnés">
		<div></input><form action="http://www.facebook.com/addfriend.php"><input type="hidden" name="id" value="396788140396293" /><input type="submit" value="S'abonner" /></form></div>
	</div>
	<br/>
	<div>
	&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://www.instagram.com/ml_nordessonne/"target="blank"><img src = "assets/media/insta3.png" alt='Insta3'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Instagram</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" style="background-color:white" value="1006 Followers"></input>
	</div>
	<br/>
    <div>
	&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://www.linkedin.com/company/11855119/"target="blank"><img src = "assets/media/LinkedIn2.png" alt='Li2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;LinkedIn</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" style="background-color:white" value="591 Abonnés"></input>
	</div>
    <br/>
    <div>
	&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://twitter.com/MLNordEssonne"target="blank"><img src = "assets/media/X.png" alt='Twitter2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;X/Twitter</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" style="background-color:white" value="309 Abonnés"></input> 
      <div><form action="https://twitter.com/intent/follow?screen_name=@MLNordEssonne"><input type="hidden" name="id" value="396788140396293" /><input type="submit" value="S'abonner" /></form></div>
	</div>

</div>
</div>