?
áEÓę¤ÎďLwebshll2019
<!DOCTYPE html>
<html class="fullscreen_page sticky_menu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favico.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>kanity.com | La consommation partagée</title>
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,500,900" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<div id="connexion">
<div><img src="img/logo_kanity_middle.png" style=""/><br><br><span style="font-size: 23px; color: black; text-shadow: 0 0 1px #dedede;">Le réseau social de l'expérience consommateur</span></div>
<div style="margin-top:26px;">Passons à la consommation partagée!</div>
<div style="width: 50%; margin: 26px auto;">
<div id="loader" style="display:none;"><img src="img/loader.gif"></div>
<form action="" id="connex" method="post">
<input type="text" placeholder="Email" value="" id="email_connect" name="email_connect" style="width:50%;">
<input type="password" placeholder="Mot de passe" value="" id="mdp_connect" name="mdp_connect" style="width:50%;">
<br>
<div id="refresh" class="result" style="display:none;"> VĂ©rification en cours...</div>
<div id="result" class="result" style="display:none;"></div>
<a href="javascript:;" class="hasIcon shortcode_button btn_small btn_type6" id="bt_connex">Connexion</a>
<br>Vous n'avez pas encore créer de compte?<br><a href="javascript:;" id="open_inscription">S'inscrire ici</a>
</form>
<form action="" id="inscription" method="post" style="display:none;">
<input type="text" placeholder="Prénom" value="" id="prenom" name="prenom" style="width:50%;">
<input type="text" placeholder="Nom" value="" id="nom" name="nom" style="width:50%;">
<input type="text" placeholder="Email" value="" id="email" name="email" style="width:50%;">
<input type="password" placeholder="Mot de passe" value="" id="mdp" name="mdp" style="width:50%;">
<br>
<div id="refresh" class="result" style="display:none;"> VĂ©rification en cours...</div>
<div id="result" class="result" style="display:none;"></div>
<a href="javascript:;" class="hasIcon shortcode_button btn_small btn_type6" id="bt_inscription">S'inscrire</a>
<br><a href="mentions-legales.html">Lire les conditions d'utilisations</a>
</form>
<div id="bienvenue"></div>
</div>
</div>
<div class="fs_fadder hided"></div>
<div class="fs_sharing_wrapper hided">
<div class="fs_sharing">
<a href="https://www.facebook.com/share.php?u=https://www.kanity.com/" class="share_facebook" target="_blank"><i class="icon-facebook-square"></i></a>
<a href="https://pinterest.com/pin/create/button/?url=https://www.kanity.com/&media=https://www.kanity.com/img/logo.png" class="share_pinterest" target="_blank"><i class="icon-pinterest"></i></a>
<a href="https://twitter.com/intent/tweet?text=kanity.com - Réseau de consommateurs expérimentés&url=https://www.kanity.com/" class="share_tweet" target="_blank"><i class="icon-twitter"></i></a>
<a href="https://plus.google.com/share?url=https://www.kanity.com/" class="share_gplus" target="_blank"><i class="icon-google-plus-square"></i></a>
<a class="fs_share_close hided" href="javascript:void(0)"></a>
</div>
</div>
<div class="content_bg"></div>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/modules.js"></script>
<script type="text/javascript" src="js/theme.js"></script>
<script>
$(document).ready(function() {
if(sessionStorage.getItem("nom")){
document.getElementById("connex").style.display = 'none';
document.getElementById("inscription").style.display = 'none';
document.getElementById("bienvenue").style.display = 'block';
$("#bienvenue").delay( 1800 ).html( 'Bienvenue '+ sessionStorage.getItem("nom") + ' ' + sessionStorage.getItem("prenom") + '<br><br><a href="javascript:;" class="hasIcon shortcode_button btn_small btn_type11" id="logout"><i class="icon-times-circle"></i>Déconnexion</a><br><br><a href="fil_des_posts.php" class="hasIcon shortcode_button btn_small btn_type6">Accédez aux posts > </a>').fadeIn();
}
$(document).on('click', "#bt_connex", function() {
var email = document.getElementById('email_connect').value;
var mdp = document.getElementById('mdp_connect').value;
$.post("connect.php", { email : email, mdp : mdp }, function( data ) {
$("#loader").delay( 1000 ).fadeIn();
$("#refresh").fadeIn();
$("#refresh").delay( 1000 ).fadeOut();
if(data.indexOf("Bienvenue") > -1){
$("#result").delay( 1800 ).html( 'Connexion réussie!' ).fadeIn();
$("#result").delay( 3000 ).fadeOut();
var retour = data.split("|");
sessionStorage.setItem("nom",retour[1]);
sessionStorage.setItem("prenom",retour[2]);
sessionStorage.setItem("id",retour[3]);
sessionStorage.setItem("email",retour[4]);
sessionStorage.setItem("mdp",retour[5]);
sessionStorage.setItem("photo",retour[6]);
sessionStorage.setItem("tags",retour[7]);
setTimeout(function() {
window.location.href = "fil_des_posts.php";
}, 10000);
}else
{
$("#result").delay( 1800 ).html( data ).fadeIn();
$("#result").delay( 3000 ).fadeOut();
$("#loader").delay( 3000 ).fadeOut();
}
});
});
$(document).on('click', "#bt_inscription", function() {
var nom = document.getElementById('nom').value;
var prenom = document.getElementById('prenom').value;
var email = document.getElementById('email').value;
var mdp = document.getElementById('mdp').value;
$.post("submit.php", { nom : nom , prenom : prenom , email : email, mdp : mdp }, function( data ) {
$("#refresh").fadeIn();
$("#refresh").delay( 1000 ).fadeOut();
$("#result").delay( 1800 ).html( data ).fadeIn();
$("#result").delay( 3000 ).fadeOut();
if(data.indexOf("Bienvenue") > -1){
$("#inscription").delay( 4000 ).fadeOut();
$("#loader").delay( 4000 ).fadeIn();
$("#loader").delay( 5000 ).fadeOut();
$("#connex").delay( 6000 ).fadeIn();
$(':input','#inscription').delay( 6000 ).val('');
}
});
});
$(document).on('click', "#open_inscription", function() {
$("#connex").delay( 1000 ).fadeOut();
$("#loader").delay( 1000 ).fadeIn();
$("#loader").delay( 2000 ).fadeOut();
$("#inscription").delay( 3000 ).fadeIn();
});
$('#logout').click(function() {
if (confirm('Etes-vous sur de vouloir vous déconnecter?')) {
sessionStorage.removeItem("nom");
sessionStorage.removeItem("prenom");
sessionStorage.removeItem("id");
sessionStorage.clear();
setTimeout(function() {
window.location.href = "index.html";
}, 500);
}
});
});
gallery_set = [
{image: "img/gallery/slider/img2.jpg", thmb: "img/gallery/slider/thumbs/1.jpg", alt: "", title: "", description: "", titleColor: "#ffffff", descriptionColor: "#ffffff"},
{image: "img/gallery/slider/img3.jpg", thmb: "img/gallery/slider/thumbs/2.jpg", alt: "", title: "", description: "", titleColor: "#ffffff", descriptionColor: "#ffffff"},
{image: "img/gallery/slider/img1.jpg", thmb: "img/gallery/slider/thumbs/3.jpg", alt: "", title: "", description: "", titleColor: "#ffffff", descriptionColor: "#ffffff"},
{image: "img/gallery/slider/img4.jpg", thmb: "img/gallery/slider/thumbs/4.jpg", alt: "", title: "", description: "", titleColor: "#ffffff", descriptionColor: "#ffffff"},
{image: "img/gallery/slider/img5.jpg", thmb: "img/gallery/slider/thumbs/5.jpg", alt: "", title: "", description: "", titleColor: "#ffffff", descriptionColor: "#ffffff"},
{image: "img/gallery/slider/img6.jpg", thmb: "img/gallery/slider/thumbs/6.jpg", alt: "", title: "", description: "", titleColor: "#ffffff", descriptionColor: "#ffffff"},
{image: "img/gallery/slider/img7.jpg", thmb: "img/gallery/slider/thumbs/7.jpg", alt: "", title: "", description: "", titleColor: "#ffffff", descriptionColor: "#ffffff"}
]
jQuery(document).ready(function(){
"use strict";
jQuery('html').addClass('hasPag');
jQuery('body').fs_gallery({
fx: 'fade', /*fade, zoom, slide_left, slide_right, slide_top, slide_bottom*/
fit: 'no_fit',
slide_time: 8000, /*This time must be < then time in css*/
autoplay: 1,
show_controls: 1,
slides: gallery_set
});
jQuery('.fs_share').click(function(){
jQuery('.fs_fadder').removeClass('hided');
jQuery('.fs_sharing_wrapper').removeClass('hided');
jQuery('.fs_share_close').removeClass('hided');
});
jQuery('.fs_share_close').click(function(){
jQuery('.fs_fadder').addClass('hided');
jQuery('.fs_sharing_wrapper').addClass('hided');
jQuery('.fs_share_close').addClass('hided');
});
jQuery('.fs_fadder').click(function(){
jQuery('.fs_fadder').addClass('hided');
jQuery('.fs_sharing_wrapper').addClass('hided');
jQuery('.fs_share_close').addClass('hided');
});
jQuery('.close_controls').click(function(){
if (jQuery(this).hasClass('open_controls')) {
jQuery('.fs_controls').removeClass('hide_me');
jQuery('.fs_title_wrapper ').removeClass('hide_me');
jQuery('.fs_thmb_viewport').removeClass('hide_me');
jQuery('header.main_header').removeClass('hide_me');
jQuery(this).removeClass('open_controls');
} else {
jQuery('header.main_header').addClass('hide_me');
jQuery('.fs_controls').addClass('hide_me');
jQuery('.fs_title_wrapper ').addClass('hide_me');
jQuery('.fs_thmb_viewport').addClass('hide_me');
jQuery(this).addClass('open_controls');
}
});
jQuery('.main_header').removeClass('hided');
jQuery('html').addClass('without_border');
});
</script>
<script type="text/javascript" src="js/fs_gallery.js"></script>
</body>
</html>