| author | Anthony Ly <anthonyly.com@gmail.com> |
| Tue, 18 Jun 2013 11:48:49 +0200 | |
| changeset 118 | a06fb50d574f |
| parent 117 | 655351c846e1 |
| child 119 | 9d2a4916ee7a |
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/v2/01.html Tue Jun 18 11:48:49 2013 +0200 @@ -0,0 +1,123 @@ +<!DOCTYPE html> +<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> +<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> +<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> +<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="description" content="eGonomy"> + <title>eGonomy</title> + + <link rel="stylesheet" href="css/reset.css"> + <link rel="stylesheet" href="css/fonts.css"> + <link rel="stylesheet" href="css/style.css"> + <script src="js/vendor/modernizr-2.6.2.min.js"></script> +</head> +<body> + + <div class="wrap"> + <header class="clearfix"> + <h1><a href="#">egonomy</a></h1> + <div class="col-right"> + <ul class="head-login clearfix"> + <li> + <form action="#"> + <p><input type="text" placeholder="Rechercher dans le site"></p> + </form> + </li> + <li class="hello-user">Bonjour Anthony Ly</li> + <li><span class="dot-6"></span></li> + <li><a class="login" href="#">Déconnexion</a></li> + </ul> + <nav> + <ul class="nav clearfix"> + <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">explorer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">collectionner</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">créer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">mon profil</a></li> + </ul> + </nav> + </div> + </header> + <section> + <div class="title-page"> + <h2 class="w650"> + egonomy est le service d'échange + et de collection d'images de la rmn. + Naviguez dans les 250 000 images du site, annotez + les, commentez les, fragmenter les toutes! + </h2> + </div> + <p class="our-images">Découvrez les images</p> + <div id="home-images" class="home-images clearfix"> + <a href="#home-images" class="home-arrow"></a> + <div class="col-left"> + <div class="box-black box-1 uppercase"> + explorez + </div> + <div class="box-white box-2"> + <span class="bold">plus de</span> + <span class="number">250 000</span> + <span class="bold">images d’oeuvres</span> + </div> + <div class="box-white box-3">Retrouvez les collections des plus grands musées, découvrez leurs auteurs, annotez les, regroupez les, documentez les à votre tour! </div> + <img src="img/home-image-left.png" alt=""> + </div> + <div class="col-right"> + <img src="img/home-image-right.png" alt=""> + <img src="img/home-image-right-2.png" alt=""> + </div> + </div> + <ul class="list-projets clearfix"> + <li> + <img src="img/225x225.png" alt=""> + <div> + <h3>Annotez, échangez réagissez</h3> + <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> + <a href="#">Créer une collection</a> + </div> + </li> + <li> + <img src="img/225x225.png" alt=""> + <div> + <h3>Annotez, échangez réagissez</h3> + <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> + <a href="#">Créer une collection</a> + </div> + </li> + <li> + <img src="img/225x225.png" alt=""> + <div> + <h3>Annotez, échangez réagissez</h3> + <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> + <a href="#">Créer une collection</a> + </div> + </li> + <li> + <img src="img/225x225.png" alt=""> + <div> + <h3>Annotez, échangez réagissez</h3> + <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> + <a href="#">Créer une collection</a> + </div> + </li> + </ul> + </section> + <footer class="clearfix"> + <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> + <p>Mai 2013</p> + </footer> + </div><!-- /.wrap --> + + <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> + <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> + <script src="js/masonry.min.js"></script> + <script src="js/main.js"></script> +</body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/v2/02.html Tue Jun 18 11:48:49 2013 +0200 @@ -0,0 +1,272 @@ +<!DOCTYPE html> +<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> +<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> +<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> +<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="description" content="eGonomy"> + <title>eGonomy</title> + + <link rel="stylesheet" href="css/reset.css"> + <link rel="stylesheet" href="css/fonts.css"> + <link rel="stylesheet" href="css/style.css"> + <script src="js/vendor/modernizr-2.6.2.min.js"></script> +</head> +<body> + + <div class="wrap"> + <header class="clearfix"> + <h1><a href="#">egonomy</a></h1> + <div class="col-right"> + <ul class="head-login clearfix"> + <li> + <form action="#"> + <p><input type="text" placeholder="Rechercher dans le site"></p> + </form> + </li> + <li class="hello-user">Bonjour Anthony Ly</li> + <li><span class="dot-6"></span></li> + <li><a class="login" href="#">Déconnexion</a></li> + </ul> + <nav> + <ul class="nav clearfix"> + <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">explorer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">collectionner</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">créer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">mon profil</a></li> + </ul> + </nav> + </div> + </header> + <section> + <div class="title-page"> + <h2>Partez à la découverte des collections</h2> + </div> + <div class="bar-tools clearfix"> + <h3>Les dernières collections</h3> + <ul class="clearfix"> + <li><a href="#">voir toutes les collections</a></li> + </ul> + </div> + + <ul class="list-projets-2 clearfix"> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + </ul> + + <ul class="list-projets clearfix"> + <li class="item-projet"> + <img src="img/225x225.png" alt=""> + <div> + <h3>Annotez, échangez réagissez</h3> + <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> + <a href="#">Créer une collection</a> + </div> + </li> + <li> + <img src="img/225x225.png" alt=""> + <div> + <h3>Annotez, échangez réagissez</h3> + <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> + <a href="#">Créer une collection</a> + </div> + </li> + <li> + <img src="img/225x225.png" alt=""> + <div> + <h3>Annotez, échangez réagissez</h3> + <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> + <a href="#">Créer une collection</a> + </div> + </li> + <li> + <img src="img/225x225.png" alt=""> + <div> + <h3>Annotez, échangez réagissez</h3> + <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> + <a href="#">Créer une collection</a> + </div> + </li> + </ul> + </section> + <footer class="clearfix"> + <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> + <p>Mai 2013</p> + </footer> + </div><!-- /.wrap --> + + <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> + <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> + <script src="js/masonry.min.js"></script> + <script src="js/main.js"></script> +</body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/v2/03.html Tue Jun 18 11:48:49 2013 +0200 @@ -0,0 +1,181 @@ +<!DOCTYPE html> +<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> +<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> +<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> +<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="description" content="eGonomy"> + <title>eGonomy</title> + + <link rel="stylesheet" href="css/reset.css"> + <link rel="stylesheet" href="css/fonts.css"> + <link rel="stylesheet" href="css/style.css"> + <script src="js/vendor/modernizr-2.6.2.min.js"></script> +</head> +<body> + + <div class="wrap"> + <header class="clearfix"> + <h1><a href="#">egonomy</a></h1> + <div class="col-right"> + <ul class="head-login clearfix"> + <li> + <form action="#"> + <p><input type="text" placeholder="Rechercher dans le site"></p> + </form> + </li> + <li class="hello-user">Bonjour Anthony Ly</li> + <li><span class="dot-6"></span></li> + <li><a class="login" href="#">Déconnexion</a></li> + </ul> + <nav> + <ul class="nav clearfix"> + <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">explorer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">collectionner</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">créer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">mon profil</a></li> + </ul> + </nav> + </div> + </header> + <section> + <div class="title-page"> + <h2>collection n°1 / <span>par Hubert Trucchose</span></h2> + <ul class="sub-nav title-menu clearfix"> + <li><a href="#" class="active">argumentaire</a></li> + <li><span class="dot-6"></span></li> + <li><a href="#">mosaïque</a></li> + <li><span class="dot-6"></span></li> + <li><a href="#">géographique</a></li> + <li><span class="dot-6"></span></li> + <li><a href="#">envoyer vers collage</a></li> + </ul> + </div> + <div class="bar-tools clearfix"> + <ul class="clearfix"> + <li><a href="#">imprimer en PDF</a></li> + <li><a href="#">lire le diaporama</a></li> + <li><a class="save" href="#">enregistrer sous</a></li> + </ul> + </div> + + <ul class="list-projets-3 clearfix"> + <li class="clearfix horizontal item"> + <div class="col-left"> + <img src="img/225x297.png" alt=""> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-add.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-cut.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-trash.png" alt=""></a></li> + </ul> + </div> + </div> + <div class="col-right"> + <div class="project-title"> + <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a> + <h3>Sapho</h3> + <h4>Théodore Chasseriau</h4> + </div> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p> + </div> + </li> + <li class="item"> + <div class="col-left"> + <img src="img/469x295.png" alt=""> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-add.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-cut.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-trash.png" alt=""></a></li> + </ul> + </div> + </div> + <div class="col-right"> + <div class="project-title"> + <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a> + <h3>Sapho</h3> + <h4>Théodore Chasseriau</h4> + </div> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p> + </div> + </li> + <li class="clearfix horizontal item"> + <div class="col-left"> + <img src="img/225x297.png" alt=""> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-add.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-cut.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-trash.png" alt=""></a></li> + </ul> + </div> + </div> + <div class="col-right"> + <div class="project-title"> + <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a> + <h3>Sapho</h3> + <h4>Théodore Chasseriau</h4> + </div> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p> + </div> + </li> + <li class="item"> + <div class="col-left"> + <img src="img/469x295.png" alt=""> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-add.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-cut.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-trash.png" alt=""></a></li> + </ul> + </div> + </div> + <div class="col-right"> + <div class="project-title"> + <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a> + <h3>Sapho</h3> + <h4>Théodore Chasseriau</h4> + </div> + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p> + </div> + </li> + </ul> + + + </section> + <footer class="clearfix"> + <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> + <p>Mai 2013</p> + </footer> + </div><!-- /.wrap --> + + <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> + <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> + <script src="js/masonry.min.js"></script> + <script src="js/main.js"></script> +</body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/v2/05.html Tue Jun 18 11:48:49 2013 +0200 @@ -0,0 +1,304 @@ +<!DOCTYPE html> +<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> +<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> +<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> +<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="description" content="eGonomy"> + <title>eGonomy</title> + + <link rel="stylesheet" href="css/reset.css"> + <link rel="stylesheet" href="css/fonts.css"> + <link rel="stylesheet" href="css/style.css"> + <script src="js/vendor/modernizr-2.6.2.min.js"></script> +</head> +<body> + + <div class="wrap"> + <header class="clearfix"> + <h1><a href="#">egonomy</a></h1> + <div class="col-right"> + <ul class="head-login clearfix"> + <li> + <form action="#"> + <p><input type="text" placeholder="Rechercher dans le site"></p> + </form> + </li> + <li class="hello-user">Bonjour Anthony Ly</li> + <li><span class="dot-6"></span></li> + <li><a class="login" href="#">Déconnexion</a></li> + </ul> + <nav> + <ul class="nav clearfix"> + <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">explorer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">collectionner</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">créer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">mon profil</a></li> + </ul> + <ul class="sub-nav clearfix"> + <li><span class="dot-6"></span></li> + <li><a href="#" class="active">mes collections</a></li> + <li><span class="dot-6"></span></li> + <li><a href="#">mes collages</a></li> + <li><span class="dot-6"></span></li> + <li><a href="#">mon profil</a></li> + </ul> + </nav> + </div> + </header> + <section> + <div class="title-page"> + <h2>bienvenue dans egonomy</h2> + </div> + + <div class="bar-tools clearfix"> + <h3>Les dernières collections</h3> + <ul class="clearfix"> + <li><a href="#">voir toutes les collections</a></li> + </ul> + </div> + + <ul class="list-projets-2 clearfix no-border-bot"> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + </ul> + + <div class="bar-tools clearfix"> + <h3>Images les plus annotées</h3> + <ul class="clearfix"> + <li><a href="#">voir toutes les images</a></li> + </ul> + </div> + + <ul class="list-projets-4 clearfix"> + <li> + <img src="img/225x297.png" alt=""> + <div class="content"> + <h3>Colonne </h3> + <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> + </div> + <div class="tools-2"> + <ul class="clearfix"> + <li><a class="tools-sprite twitter" href="#"></a></li> + <li><a class="tools-sprite facebook" href="#"></a></li> + <li><a class="tools-sprite plus" href="#"></a></li> + <li><a class="tools-sprite cut" href="#"></a></li> + </ul> + </div> + </li> + <li> + <img src="img/225x297.png" alt=""> + <div class="content"> + <h3>Colonne </h3> + <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> + </div> + <div class="tools-2"> + <ul class="clearfix"> + <li><a class="tools-sprite twitter" href="#"></a></li> + <li><a class="tools-sprite facebook" href="#"></a></li> + <li><a class="tools-sprite plus" href="#"></a></li> + <li><a class="tools-sprite cut" href="#"></a></li> + </ul> + </div> + </li> + <li> + <img src="img/225x297.png" alt=""> + <div class="content"> + <h3>Colonne </h3> + <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> + </div> + <div class="tools-2"> + <ul class="clearfix"> + <li><a class="tools-sprite twitter" href="#"></a></li> + <li><a class="tools-sprite facebook" href="#"></a></li> + <li><a class="tools-sprite plus" href="#"></a></li> + <li><a class="tools-sprite cut" href="#"></a></li> + </ul> + </div> + </li> + <li> + <img src="img/225x297.png" alt=""> + <div class="content"> + <h3>Colonne </h3> + <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> + </div> + <div class="tools-2"> + <ul class="clearfix"> + <li><a class="tools-sprite twitter" href="#"></a></li> + <li><a class="tools-sprite facebook" href="#"></a></li> + <li><a class="tools-sprite plus" href="#"></a></li> + <li><a class="tools-sprite cut" href="#"></a></li> + </ul> + </div> + </li> + </ul> + + <div class="bar-tools clearfix"> + <h3>Images les plus annotées</h3> + <ul class="clearfix"> + <li><a href="#">voir tous les fragments</a></li> + </ul> + </div> + + <ul class="list-projets-4 clearfix"> + <li> + <img src="img/225x297.png" alt=""> + <div class="content"> + <h3>Colonne </h3> + <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> + </div> + <div class="tools-2"> + <ul class="clearfix"> + <li><a class="tools-sprite twitter" href="#"></a></li> + <li><a class="tools-sprite facebook" href="#"></a></li> + <li><a class="tools-sprite plus" href="#"></a></li> + <li><a class="tools-sprite cut" href="#"></a></li> + </ul> + </div> + </li> + <li> + <img src="img/225x297.png" alt=""> + <div class="content"> + <h3>Colonne </h3> + <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> + </div> + <div class="tools-2"> + <ul class="clearfix"> + <li><a class="tools-sprite twitter" href="#"></a></li> + <li><a class="tools-sprite facebook" href="#"></a></li> + <li><a class="tools-sprite plus" href="#"></a></li> + <li><a class="tools-sprite cut" href="#"></a></li> + </ul> + </div> + </li> + <li> + <img src="img/225x297.png" alt=""> + <div class="content"> + <h3>Colonne </h3> + <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> + </div> + <div class="tools-2"> + <ul class="clearfix"> + <li><a class="tools-sprite twitter" href="#"></a></li> + <li><a class="tools-sprite facebook" href="#"></a></li> + <li><a class="tools-sprite plus" href="#"></a></li> + <li><a class="tools-sprite cut" href="#"></a></li> + </ul> + </div> + </li> + <li> + <img src="img/225x297.png" alt=""> + <div class="content"> + <h3>Colonne </h3> + <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> + </div> + <div class="tools-2"> + <ul class="clearfix"> + <li><a class="tools-sprite twitter" href="#"></a></li> + <li><a class="tools-sprite facebook" href="#"></a></li> + <li><a class="tools-sprite plus" href="#"></a></li> + <li><a class="tools-sprite cut" href="#"></a></li> + </ul> + </div> + </li> + </ul> + </section> + <footer class="clearfix"> + <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> + <p>Mai 2013</p> + </footer> + </div><!-- /.wrap --> + + <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> + <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> + <script src="js/masonry.min.js"></script> + <script src="js/main.js"></script> +</body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/v2/06.html Tue Jun 18 11:48:49 2013 +0200 @@ -0,0 +1,347 @@ +<!DOCTYPE html> +<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> +<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> +<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> +<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="description" content="eGonomy"> + <title>eGonomy</title> + + <link rel="stylesheet" href="css/reset.css"> + <link rel="stylesheet" href="css/fonts.css"> + <link rel="stylesheet" href="css/style.css"> + <script src="js/vendor/modernizr-2.6.2.min.js"></script> +</head> +<body> + <div class="popin-wrap"> + <div class="popin popin-new-collection box-shadow"> + <header> + <h2>nouvelle collection</h2> + <a href="#" class="close-popin"></a> + </header> + <section> + <form action="#"> + <label for="collection-name">Nom de la collection :</label> + <input type="text" name="" id="collection-name"> + + <label for="collection-description">Description :</label> + <textarea name="" id="collection-description"></textarea> + <div class="buttons"> + <a href="#" class="close-popin">Annuler</a> + <input type="submit" value="Valider"> + </div> + </form> + </section> + </div> + </div> + <div class="wrap"> + <header class="clearfix"> + <h1><a href="#">egonomy</a></h1> + <div class="col-right"> + <ul class="head-login clearfix"> + <li> + <form action="#"> + <p><input type="text" placeholder="Rechercher dans le site"></p> + </form> + </li> + <li class="hello-user">Bonjour Anthony Ly</li> + <li><span class="dot-6"></span></li> + <li><a class="login" href="#">Déconnexion</a></li> + </ul> + <nav> + <ul class="nav clearfix"> + <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">explorer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">collectionner</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">créer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">mon profil</a></li> + </ul> + <ul class="sub-nav clearfix"> + <li><span class="dot-6"></span></li> + <li><a href="#" class="active">Mes collections</a></li> + <li><span class="dot-6"></span></li> + <li><a href="#">Mes collages</a></li> + <li><span class="dot-6"></span></li> + <li><a href="#">Mon profil</a></li> + </ul> + </nav> + </div> + </header> + <section> + <div class="title-page"> + <h2>MES COLLECTIONS</h2> + </div> + <div class="bar-tools clearfix"> + <h3>12 COLLECTIONS</h3> + <ul class="clearfix"> + <li><a class="new-collection" href="#">Nouvelle collection</a></li> + </ul> + </div> + + <ul class="list-projets-2 clearfix no-border-bot"> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + <li> + <div class="tools toggle"> + <ul class="clearfix"> + <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> + <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> + </ul> + </div> + <div class="top clearfix"> + <img src="img/113x113.png" alt=""> + <img src="img/113x113-2.png" alt=""> + </div> + <div class="mid"> + <h3>Collection n°1</h3> + <p>par Hubert Trucchose</p> + </div> + <div class="bot clearfix"> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p> + </div> + </li> + </ul> + + + </section> + <footer class="clearfix"> + <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> + <p>Mai 2013</p> + </footer> + </div><!-- /.wrap --> + + <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> + <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> + <script src="js/masonry.min.js"></script> + <script src="js/main.js"></script> +</body> +</html>
--- a/integration/v2/collectionner.html Fri Jun 14 17:40:06 2013 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,126 +0,0 @@ -<!DOCTYPE html> -<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> -<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> -<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> -<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> -<head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - <meta name="description" content="eGonomy"> - <title>eGonomy</title> - - <link rel="stylesheet" href="css/reset.css"> - <link rel="stylesheet" href="css/fonts.css"> - <link rel="stylesheet" href="css/style.css"> - <script src="js/vendor/modernizr-2.6.2.min.js"></script> -</head> -<body> - - <div class="wrap"> - <header class="clearfix"> - <h1><a href="#">EGONOMY</a></h1> - <div class="col-right"> - <ul class="head-login clearfix"> - <li> - <form action="#"> - <p><input type="text" placeholder="Rechercher dans le site"></p> - </form> - </li> - <li class="hello-user">Bonjour Anthony Ly</li> - <li><span class="dot-6"></span></li> - <li><a class="login" href="#">Déconnexion</a></li> - </ul> - <nav> - <ul class="nav clearfix"> - <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">explorer</a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">collectionner</a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">créer</a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">mon profil</a></li> - </ul> - </nav> - </div> - </header> - <section> - <h2>PARTEZ À LA DÉCOUVERTE DES COLLECTIONS</h2> - <div class="bar-tools clearfix"> - <h3>LES DERNIÈRES COLLECTIONS</h3> - <ul class="clearfix"> - <li><a href="#">Voir toutes les collections</a></li> - </ul> - </div> - - <ul class="list-projets-2 clearfix"> - <li> - <div class="tools"> - <ul class="clearfix"> - <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li> - <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li> - <li><a href="#"><img src="img/icon-save.png" alt=""></a></li> - </ul> - </div> - <div class="top clearfix"> - <img src="img/113x113.png" alt=""> - <img src="img/113x113-2.png" alt=""> - </div> - <div class="mid"> - <h3>Collection n°1</h3> - <p>par Hubert Trucchose</p> - </div> - <div class="bot clearfix"> - <img src="img/113x113.png" alt=""> - <img src="img/113x113-2.png" alt=""> - </div> - </li> - </ul> - - <ul class="list-projets clearfix"> - <li class="item-projet"> - <img src="img/225x225.png" alt=""> - <div> - <h3>Annotez, échangez réagissez</h3> - <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> - <a href="#">Créer une collection</a> - </div> - </li> - <li> - <img src="img/225x225.png" alt=""> - <div> - <h3>Annotez, échangez réagissez</h3> - <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> - <a href="#">Créer une collection</a> - </div> - </li> - <li> - <img src="img/225x225.png" alt=""> - <div> - <h3>Annotez, échangez réagissez</h3> - <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> - <a href="#">Créer une collection</a> - </div> - </li> - <li> - <img src="img/225x225.png" alt=""> - <div> - <h3>Annotez, échangez réagissez</h3> - <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> - <a href="#">Créer une collection</a> - </div> - </li> - </ul> - </section> - <footer class="clearfix"> - <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> - <p>Mai 2013</p> - </footer> - </div><!-- /.wrap --> - - <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> - <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> - <script src="js/main.js"></script> -</body> -</html>
--- a/integration/v2/css/reset.css Fri Jun 14 17:40:06 2013 +0200 +++ b/integration/v2/css/reset.css Tue Jun 18 11:48:49 2013 +0200 @@ -47,23 +47,15 @@ border-spacing: 0; } -.clearfix:after { - content: ""; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} - -.clearfix { - display: inline-block; -} - -html[xmlns] .clearfix { - display: block; -} - -* html .clearfix { - height: 1%; -} \ No newline at end of file +.clear{clear: both;} +.clearfix:before, +.clearfix:after { + content: " "; + display: table; +} +.clearfix:after { + clear: both; +} +.clearfix { + *zoom: 1; +} \ No newline at end of file
--- a/integration/v2/css/style.css Fri Jun 14 17:40:06 2013 +0200 +++ b/integration/v2/css/style.css Tue Jun 18 11:48:49 2013 +0200 @@ -1,15 +1,15 @@ body{border-top: 1px solid #000;} a{text-decoration: none; color: #000;} .wrap{width: 950px; margin: 0 auto; } - +.uppercase{text-transform: uppercase;} header, footer{width:100%;background: url(../img/border-bottom-header.png) center bottom no-repeat;} footer{margin-bottom: 60px;background-position: top center; padding-top: 20px;font-size: 15px; font-family: 'LatoLight';} footer h6{float: left;} footer p{float: right;} header .col-right{float: right; text-align: right;} header .col-right form{display: inline-block; } -h1{display:inline-block;padding: 64px 0 0 16px; font-family : 'josefin_sanssemibold'; font-size:34px;} -.head-login{padding-top: 10px; margin-bottom: 40px;} +h1{text-transform: uppercase; display:inline-block;padding: 64px 0 0 16px; font-family : 'josefin_sanssemibold'; font-size:34px;} +.head-login{padding-top: 10px; margin-bottom: 40px; display: inline-block;} .head-login, .head-login a{font-size: 12px; font-family: 'LatoRegular'; color: #626364;} .head-login input{width:140px;background: url(../img/icon-search.png) 150px center no-repeat;font-family: 'LatoBoldItalic'; font-size: 12px; border: 1px solid #D0D0D0; height: 25px; line-height: 25px; padding: 0 26px 0 4px;} .hello-user{margin-left: 12px;} @@ -20,18 +20,29 @@ nav li{height:100%; float:left; } .nav{margin-bottom: 14px; height: 18px; display: block;} .sub-nav{float: right; display: block;} -.sub-nav a{font-size: 14px; font-family: 'LatoLight'; } +.sub-nav a{font-size: 14px; font-family: 'LatoLight'; display:inline-block;} +.sub-nav a:first-letter {text-transform: uppercase;} .sub-nav a.active, .sub-nav a:hover{font-family: 'LatoRegular';} .nav a{font-family: 'josefin_sansregular'; font-size: 18px; text-transform : uppercase;} +.title-page{margin: 30px 0; position: relative; min-height: 30px;} +h2{text-transform: uppercase; display:inline-block; font-size: 30px; font-family: 'LatoLight'; } +h2 span{text-transform: capitalize; font-size: 24px; font-family: 'LatoLightItalic';} +.title-menu{ position: absolute; bottom: 0; right: 0;} +.title-menu li{float: left;} + +.bar-tools{margin-bottom: 26px; line-height: 26px; font-family: 'LatoLight'; display:block;padding: 10px 0; background-image: url(../img/border-dot-bar.png), url(../img/border-dot-bar.png); background-position: top center, bottom center; background-repeat: no-repeat, no-repeat;} +.bar-tools h3{ font-size: 18px; display: inline-block; text-transform: uppercase;} +.bar-tools ul{float: right;} +.bar-tools li{float: left; margin-left: 10px;} +.bar-tools li a{display: inline-block; font-size: 12px; height: 24px; line-height: 24px; padding: 0 7px; background-color: #DDD;} +.bar-tools li a:first-letter {text-transform: uppercase;} +.bar-tools a.save{padding-left: 30px;background-image: url(../img/icon-save-15.png); background-repeat: no-repeat; background-position: 9px center;} /* Home */ -h2{font-size: 30px; font-family: 'LatoLight'; padding: 30px 0; line-height: 38px;} +.w650{width: 650px;} .our-images{margin-bottom: 38px; text-align: center; font-size: 12px; font-family: 'LatoBoldItalic'; color: #58595A;} .home-images{position: relative; margin-bottom: 24px;} -a.home-arrow{ -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75); -background: url(../img/home-arrow.png) no-repeat center center #fff;cursor: pointer;display: block;height: 78px;left: 436px;position: absolute;top: -25px;width: 78px;z-index: 10; --webkit-border-radius: 39px;-moz-border-radius: 39px;border-radius: 39px; -} +a.home-arrow{ -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);background: url(../img/home-arrow.png) no-repeat center center #fff;cursor: pointer;display: block;height: 78px;left: 436px;position: absolute;top: -25px;width: 78px;z-index: 10;-webkit-border-radius: 39px;-moz-border-radius: 39px;border-radius: 39px;} .home-images .col-left{float: left;} .home-images .col-left img{width: 667px;} .home-images .col-right{float: right;} @@ -45,6 +56,7 @@ .box-2 .bold:first-child{margin-bottom: 14px;} .box-2 .number{font-size: 46px; font-family: 'josefin_sansregular'; margin-bottom: 6px;} .box-1{padding: 15px 50px 26px 15px; background-color: #000; color: #fff; font-size: 18px;font-family: 'josefin_sansbold_italic'; left: 80px; top: 94px; z-index: 11;} + .list-projets li{float: left; width: 226px; background-color: #EEE; margin-right: 15px;} .list-projets li:last-child{margin-right: 0;} .list-projets li h3{font-size: 18px; font-family: 'LatoBold'; line-height: 20px; padding: 14px 14px 0 14px; margin-bottom: 4px;} @@ -52,22 +64,64 @@ .list-projets li a{border-top: 1px solid #CCC; font-size: 12px; font-family: 'LatoLight'; display: block; height: 30px; line-height: 30px; padding-left: 20px;} .list-projets li{margin-bottom: 58px;} -.bar-tools{margin-bottom: 26px; line-height: 26px; font-family: 'LatoLight'; display:block;padding: 10px 0; background-image: url(../img/border-dot-bar.png), url(../img/border-dot-bar.png); background-position: top center, bottom center; background-repeat: no-repeat, no-repeat;} -.bar-tools h3{ font-size: 18px; display: inline-block;} -.bar-tools ul{float: right;} -.bar-tools li{float: left; margin-left: 10px;} -.bar-tools li a{display: inline-block; font-size: 12px; height: 24px; line-height: 24px; padding: 0 7px; background-color: #DDD;} - .list-projets-2{display: block; margin-bottom: 20px;background: url(../img/border-dot.png) repeat-x bottom left; padding-bottom: 1px;} .list-projets-2>li{position:relative; background-color: #eee; width: 226px; float: left; margin-right: 15px; margin-bottom: 30px;} +.list-projets-2>li:nth-child(4n){margin-right: 0;} .list-projets-2 .mid{ font-size: 18px; height: 66px; padding-left: 12px;} .list-projets-2 .mid h3{ font-family: 'LatoBold'; padding-top: 16px;} .list-projets-2 .mid p{ font-family: 'LatoLightItalic';} .list-projets-2 .bot img, .list-projets-2 .top img{ float: left;} +.list-projets-2 .bot p{color: #333; background-color: #fff; font-family: 'LatoLightItalic'; padding: 8px 14px 0 14px; font-size: 14px; height: 104px; border-bottom: 1px solid #000; border-left: 1px solid #BBB; border-right: 1px solid #BBB;} +.list-projets-2 .bot{height: 113px; overflow: hidden;} -.list-projets-2>li:hover .tools{ display:block; } -.list-projets-2 .tools{ display:none; text-align:right; width:100%; position:absolute; bottom:0; left:0; background: rgba(255, 255, 255, .8);} -.list-projets-2 .tools ul{ display: inline-block;padding: 6px 10px 6px 0;} -.list-projets-2 .tools a{display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center;} -.list-projets-2 .tools li{float: left; margin-left: 6px;} -.list-projets-2 .tools a img{vertical-align: middle;} \ No newline at end of file +li .toggle{display: none;} +li:hover .toggle{ display:block; } + +.tools{ text-align:right; width:100%; position:absolute; bottom:0; left:0; background: rgba(255, 255, 255, .8);} +.tools ul{ display: inline-block;padding: 6px 10px 6px 0;} +.tools a{display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center;} +.tools li{float: left; margin-left: 6px;} +.tools a img{vertical-align: middle;} + +.horizontal .col-left, .horizontal .col-right{float: left;} +.list-projets-3{margin-bottom: 50px;} +.list-projets-3>li{width: 465px; background-color: #eee; margin-bottom: 20px;} +.list-projets-3 .col-left{position: relative;} +.list-projets-3 li img{max-width: 465px;} +.list-projets-3 li.horizontal .col-left{ width: 225px;} +.list-projets-3 li.horizontal .col-right{height:100%; width: 240px; } +.list-projets-3 .project-title{position:relative; padding-left: 14px; font-size: 18px;height: 60px; border-bottom: 1px solid #CCC;} +.project-title h3{ font-family: 'LatoBold'; padding-top: 12px; margin-bottom: 4px; } +.project-title h4{ font-family: 'LatoLightItalic';} +.project-title a.edit{ position: absolute; top: 10px; right: 10px;} +.list-projets-3 .col-right p{max-height:200px; overflow: auto; padding: 10px 12px;font-size: 14px; font-family: 'LatoRegular'; line-height: 18px;} +.list-projets-3>li:hover{-webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);} + +.no-border-bot{background: none; margin-bottom: 0;} +.list-projets-4{margin-bottom: 44px;} +.list-projets-4>li:nth-child(4n){margin-right: 0;} +.list-projets-4>li{float: left; font-size: 18px; width: 225px; background-color: #ECEBEB; margin-right: 16px;} +.list-projets-4 h3{ font-family: 'LatoBold'; padding: 18px 0 0 12px; margin-bottom: 8px;} +.list-projets-4 p{ font-family: 'LatoLightItalic'; padding-left: 12px; line-height: 20px; padding-bottom: 10px;} +.tools-2{ height: 25px; border-top: 1px solid #C5C5C5; padding: 6px 0; text-align: right;} +.tools-2 ul{display: inline-block;} +.tools-2 a{width: 25px; height: 25px; line-height: 25px; text-align: center;} +.tools-2 a img{vertical-align: middle;} +.tools-2 li{ float: left; margin-right: 6px;} + +.tools-sprite{display:inline-block; width:25px; height: 25px; background-image: url(../img/tools-sprite.png); background-repeat: no-repeat;} +.tools-sprite.twitter:hover{background-position: 0 0;} +.tools-sprite.twitter{background-position: 0 -25px;} +.tools-sprite.facebook{background-position: -30px -25px;} +.tools-sprite.facebook:hover{background-position: -30px 0;} +.tools-sprite.plus{background-position: -60px -25px;} +.tools-sprite.plus:hover{background-position: -60px 0;} +.tools-sprite.cut{background-position: -90px -25px;} +.tools-sprite.cut:hover{background-position: -90px 0;} + +.box-shadow{ -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);} +.popin-wrap{width: 100%; height: 100%; position: fixed; z-index: 100; background-color:rgba(255,255,255,.7);} +.popin{width: 460px; background-color: #fff;} +.popin h2{ font-size: 14px; font-family: 'LatoRegular'; padding: 14px 0 10px 12px;} +.popin header{background: none; border-bottom: 1px solid #DDD; position: relative;} +.popin header a{ margin: 14px 12px 0 0; float:right;width: 10px; height: 10px; background: url(../img/close-popin.png) 0 0 no-repeat; display: inline-block;} \ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/v2/gabarit.html Tue Jun 18 11:48:49 2013 +0200 @@ -0,0 +1,69 @@ +<!DOCTYPE html> +<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> +<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> +<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> +<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="description" content="eGonomy"> + <title>eGonomy</title> + + <link rel="stylesheet" href="css/reset.css"> + <link rel="stylesheet" href="css/fonts.css"> + <link rel="stylesheet" href="css/style.css"> + <script src="js/vendor/modernizr-2.6.2.min.js"></script> +</head> +<body> + + <div class="wrap"> + <header class="clearfix"> + <h1><a href="#">EGONOMY</a></h1> + <div class="col-right"> + <ul class="head-login clearfix"> + <li> + <form action="#"> + <p><input type="text" placeholder="Rechercher dans le site"></p> + </form> + </li> + <li class="hello-user">Bonjour Anthony Ly</li> + <li><span class="dot-6"></span></li> + <li><a class="login" href="#">Déconnexion</a></li> + </ul> + <nav> + <ul class="nav clearfix"> + <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">explorer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">collectionner</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">créer</a></li> + <li><span class="dot-10"></span></li> + <li><a href="#">mon profil</a></li> + </ul> + <ul class="sub-nav clearfix"> + <li><span class="dot-6"></span></li> + <li><a href="#" class="active">Mes collections</a></li> + <li><span class="dot-6"></span></li> + <li><a href="#">Mes collages</a></li> + <li><span class="dot-6"></span></li> + <li><a href="#">Mon profil</a></li> + </ul> + </nav> + </div> + </header> + <section> + + </section> + <footer class="clearfix"> + <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> + <p>Mai 2013</p> + </footer> + </div><!-- /.wrap --> + + <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> + <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> + <script src="js/main.js"></script> +</body> +</html>
--- a/integration/v2/home.html Fri Jun 14 17:40:06 2013 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,120 +0,0 @@ -<!DOCTYPE html> -<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> -<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> -<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> -<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> -<head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - <meta name="description" content="eGonomy"> - <title>eGonomy</title> - - <link rel="stylesheet" href="css/reset.css"> - <link rel="stylesheet" href="css/fonts.css"> - <link rel="stylesheet" href="css/style.css"> - <script src="js/vendor/modernizr-2.6.2.min.js"></script> -</head> -<body> - - <div class="wrap"> - <header class="clearfix"> - <h1><a href="#">EGONOMY</a></h1> - <div class="col-right"> - <ul class="head-login clearfix"> - <li> - <form action="#"> - <p><input type="text" placeholder="Rechercher dans le site"></p> - </form> - </li> - <li class="hello-user">Bonjour Anthony Ly</li> - <li><span class="dot-6"></span></li> - <li><a class="login" href="#">Déconnexion</a></li> - </ul> - <nav> - <ul class="nav clearfix"> - <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">explorer</a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">collectionner</a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">créer</a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">mon profil</a></li> - </ul> - </nav> - </div> - </header> - <section> - <h2> - EGONOMY EST LE SERVICE D’ÉCHANGE<br/> - ET DE COLLECTION D’IMAGES DE LA RMN.<br/> - NAVIGUEZ DANS LES 250 000 IMAGES DU SITE, ANNOTEZ<br/> - LES, COMMENTEZ LES, FRAGMENTEZ LES TOUTES! - </h2> - <p class="our-images">Découvrez les images</p> - <div id="home-images" class="home-images clearfix"> - <a href="#home-images" class="home-arrow"></a> - <div class="col-left"> - <div class="box-black box-1"> - EXPLOREZ - </div> - <div class="box-white box-2"> - <span class="bold">plus de</span> - <span class="number">250 000</span> - <span class="bold">images d’oeuvres</span> - </div> - <div class="box-white box-3">Retrouvez les collections des plus grands musées, découvrez leurs auteurs, annotez les, regroupez les, documentez les à votre tour! </div> - <img src="img/home-image-left.png" alt=""> - </div> - <div class="col-right"> - <img src="img/home-image-right.png" alt=""> - <img src="img/home-image-right-2.png" alt=""> - </div> - </div> - <ul class="list-projets clearfix"> - <li> - <img src="img/225x225.png" alt=""> - <div> - <h3>Annotez, échangez réagissez</h3> - <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> - <a href="#">Créer une collection</a> - </div> - </li> - <li> - <img src="img/225x225.png" alt=""> - <div> - <h3>Annotez, échangez réagissez</h3> - <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> - <a href="#">Créer une collection</a> - </div> - </li> - <li> - <img src="img/225x225.png" alt=""> - <div> - <h3>Annotez, échangez réagissez</h3> - <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> - <a href="#">Créer une collection</a> - </div> - </li> - <li> - <img src="img/225x225.png" alt=""> - <div> - <h3>Annotez, échangez réagissez</h3> - <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> - <a href="#">Créer une collection</a> - </div> - </li> - </ul> - </section> - <footer class="clearfix"> - <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> - <p>Mai 2013</p> - </footer> - </div><!-- /.wrap --> - - <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> - <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> - <script src="js/main.js"></script> -</body> -</html>
--- a/integration/v2/index.html Fri Jun 14 17:40:06 2013 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,69 +0,0 @@ -<!DOCTYPE html> -<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> -<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> -<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> -<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> -<head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - <meta name="description" content="eGonomy"> - <title>eGonomy</title> - - <link rel="stylesheet" href="css/reset.css"> - <link rel="stylesheet" href="css/fonts.css"> - <link rel="stylesheet" href="css/style.css"> - <script src="js/vendor/modernizr-2.6.2.min.js"></script> -</head> -<body> - - <div class="wrap"> - <header class="clearfix"> - <h1><a href="#">EGONOMY</a></h1> - <div class="col-right"> - <ul class="head-login clearfix"> - <li> - <form action="#"> - <p><input type="text" placeholder="Rechercher dans le site"></p> - </form> - </li> - <li class="hello-user">Bonjour Anthony Ly</li> - <li><span class="dot-6"></span></li> - <li><a class="login" href="#">Déconnexion</a></li> - </ul> - <nav> - <ul class="nav clearfix"> - <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">explorer</a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">collectionner</a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">créer</a></li> - <li><span class="dot-10"></span></li> - <li><a href="#">mon profil</a></li> - </ul> - <ul class="sub-nav clearfix"> - <li><span class="dot-6"></span></li> - <li><a href="#" class="active">Mes collections</a></li> - <li><span class="dot-6"></span></li> - <li><a href="#">Mes collages</a></li> - <li><span class="dot-6"></span></li> - <li><a href="#">Mon profil</a></li> - </ul> - </nav> - </div> - </header> - <section> - - </section> - <footer class="clearfix"> - <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> - <p>Mai 2013</p> - </footer> - </div><!-- /.wrap --> - - <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> - <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> - <script src="js/main.js"></script> -</body> -</html>
--- a/integration/v2/js/main.js Fri Jun 14 17:40:06 2013 +0200 +++ b/integration/v2/js/main.js Tue Jun 18 11:48:49 2013 +0200 @@ -1,3 +1,13 @@ $(function(){ + var container = $('.list-projets-3'); + container.masonry({ + columnWidth: 465, + itemSelector: '.item', + gutter : 20 + }); + + $('.new-collection').bind('click', function(e){ + e.preventDefault(); + }); });//ready
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/integration/v2/js/masonry.min.js Tue Jun 18 11:48:49 2013 +0200 @@ -0,0 +1,9 @@ +/*! + * Masonry PACKAGED v3.0.0 + * Cascading grid layout library + * http://masonry.desandro.com + * MIT License + * by David DeSandro + */ + +(function(t){"use strict";function e(t){if(t){if("string"==typeof n[t])return t;t=t.charAt(0).toUpperCase()+t.slice(1);for(var e,o=0,r=i.length;r>o;o++)if(e=i[o]+t,"string"==typeof n[e])return e}}var i="Webkit Moz ms Ms O".split(" "),n=document.documentElement.style;"function"==typeof define&&define.amd?define(function(){return e}):t.getStyleProperty=e})(window),function(t){"use strict";function e(t){var e=parseFloat(t),i=-1===t.indexOf("%")&&!isNaN(e);return i&&e}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0,i=s.length;i>e;e++){var n=s[e];t[n]=0}return t}function n(t){function n(t){if("string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var n=r(t);if("none"===n.display)return i();var h={};h.width=t.offsetWidth,h.height=t.offsetHeight;for(var p=h.isBorderBox=!(!a||!n[a]||"border-box"!==n[a]),u=0,f=s.length;f>u;u++){var d=s[u],c=n[d],l=parseFloat(c);h[d]=isNaN(l)?0:l}var m=h.paddingLeft+h.paddingRight,y=h.paddingTop+h.paddingBottom,g=h.marginLeft+h.marginRight,v=h.marginTop+h.marginBottom,_=h.borderLeftWidth+h.borderRightWidth,b=h.borderTopWidth+h.borderBottomWidth,L=p&&o,E=e(n.width);E!==!1&&(h.width=E+(L?0:m+_));var I=e(n.height);return I!==!1&&(h.height=I+(L?0:y+b)),h.innerWidth=h.width-(m+_),h.innerHeight=h.height-(y+b),h.outerWidth=h.width+g,h.outerHeight=h.height+v,h}}var o,a=t("boxSizing");return function(){if(a){var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style[a]="border-box";var i=document.body||document.documentElement;i.appendChild(t);var n=r(t);o=200===e(n.width),i.removeChild(t)}}(),n}var o=document.defaultView,r=o&&o.getComputedStyle?function(t){return o.getComputedStyle(t,null)}:function(t){return t.currentStyle},s=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];"function"==typeof define&&define.amd?define(["get-style-property"],n):t.getSize=n(t.getStyleProperty)}(window),function(t){"use strict";var e=document.documentElement,i=function(){};e.addEventListener?i=function(t,e,i){t.addEventListener(e,i,!1)}:e.attachEvent&&(i=function(e,i,n){e[i+n]=n.handleEvent?function(){var e=t.event;e.target=e.target||e.srcElement,n.handleEvent.call(n,e)}:function(){var i=t.event;i.target=i.target||i.srcElement,n.call(e,i)},e.attachEvent("on"+i,e[i+n])});var n=function(){};e.removeEventListener?n=function(t,e,i){t.removeEventListener(e,i,!1)}:e.detachEvent&&(n=function(t,e,i){t.detachEvent("on"+e,t[e+i]);try{delete t[e+i]}catch(n){t[e+i]=void 0}});var o={bind:i,unbind:n};"function"==typeof define&&define.amd?define(o):t.eventie=o}(this),function(t){"use strict";function e(t){"function"==typeof t&&(e.isReady?t():r.push(t))}function i(t){var i="readystatechange"===t.type&&"complete"!==o.readyState;if(!e.isReady&&!i){e.isReady=!0;for(var n=0,s=r.length;s>n;n++){var a=r[n];a()}}}function n(n){return n.bind(o,"DOMContentLoaded",i),n.bind(o,"readystatechange",i),n.bind(t,"load",i),e}var o=t.document,r=[];e.isReady=!1,"function"==typeof define&&define.amd?define(["eventie"],n):t.docReady=n(t.eventie)}(this),function(t){"use strict";function e(){}function i(t,e){if(o)return e.indexOf(t);for(var i=e.length;i--;)if(e[i]===t)return i;return-1}var n=e.prototype,o=Array.prototype.indexOf?!0:!1;n._getEvents=function(){return this._events||(this._events={})},n.getListeners=function(t){var e,i,n=this._getEvents();if("object"==typeof t){e={};for(i in n)n.hasOwnProperty(i)&&t.test(i)&&(e[i]=n[i])}else e=n[t]||(n[t]=[]);return e},n.getListenersAsObject=function(t){var e,i=this.getListeners(t);return i instanceof Array&&(e={},e[t]=i),e||i},n.addListener=function(t,e){var n,o=this.getListenersAsObject(t);for(n in o)o.hasOwnProperty(n)&&-1===i(e,o[n])&&o[n].push(e);return this},n.on=n.addListener,n.defineEvent=function(t){return this.getListeners(t),this},n.defineEvents=function(t){for(var e=0;t.length>e;e+=1)this.defineEvent(t[e]);return this},n.removeListener=function(t,e){var n,o,r=this.getListenersAsObject(t);for(o in r)r.hasOwnProperty(o)&&(n=i(e,r[o]),-1!==n&&r[o].splice(n,1));return this},n.off=n.removeListener,n.addListeners=function(t,e){return this.manipulateListeners(!1,t,e)},n.removeListeners=function(t,e){return this.manipulateListeners(!0,t,e)},n.manipulateListeners=function(t,e,i){var n,o,r=t?this.removeListener:this.addListener,s=t?this.removeListeners:this.addListeners;if("object"!=typeof e||e instanceof RegExp)for(n=i.length;n--;)r.call(this,e,i[n]);else for(n in e)e.hasOwnProperty(n)&&(o=e[n])&&("function"==typeof o?r.call(this,n,o):s.call(this,n,o));return this},n.removeEvent=function(t){var e,i=typeof t,n=this._getEvents();if("string"===i)delete n[t];else if("object"===i)for(e in n)n.hasOwnProperty(e)&&t.test(e)&&delete n[e];else delete this._events;return this},n.emitEvent=function(t,e){var i,n,o,r=this.getListenersAsObject(t);for(n in r)if(r.hasOwnProperty(n))for(i=r[n].length;i--;)o=e?r[n][i].apply(null,e):r[n][i](),o===!0&&this.removeListener(t,r[n][i]);return this},n.trigger=n.emitEvent,n.emit=function(t){var e=Array.prototype.slice.call(arguments,1);return this.emitEvent(t,e)},"function"==typeof define&&define.amd?define(function(){return e}):t.EventEmitter=e}(this),function(t){"use strict";function e(){}function i(t){function i(e){e.prototype.option||(e.prototype.option=function(e){t.isPlainObject(e)&&(this.options=t.extend(!0,this.options,e))})}function o(e,i){t.fn[e]=function(o){if("string"==typeof o){for(var s=n.call(arguments,1),a=0,h=this.length;h>a;a++){var p=this[a],u=t.data(p,e);if(u)if(t.isFunction(u[o])&&"_"!==o.charAt(0)){var f=u[o].apply(u,s);if(void 0!==f)return f}else r("no such method '"+o+"' for "+e+" instance");else r("cannot call methods on "+e+" prior to initialization; "+"attempted to call '"+o+"'")}return this}return this.each(function(){var n=t.data(this,e);n?(n.option(o),n._init()):(n=new i(this,o),t.data(this,e,n))})}}if(t){var r="undefined"==typeof console?e:function(t){console.error(t)};t.bridget=function(t,e){i(e),o(t,e)}}}var n=Array.prototype.slice;"function"==typeof define&&define.amd?define(["jquery"],i):i(t.jQuery)}(window),function(t,e){"use strict";function i(t,e){return t[a](e)}function n(t){if(!t.parentNode){var e=document.createDocumentFragment();e.appendChild(t)}}function o(t,e){n(t);for(var i=t.parentNode.querySelectorAll(e),o=0,r=i.length;r>o;o++)if(i[o]===t)return!0;return!1}function r(t,e){return n(t),i(t,e)}var s,a=function(){if(e.matchesSelector)return"matchesSelector";for(var t=["webkit","moz","ms","o"],i=0,n=t.length;n>i;i++){var o=t[i],r=o+"MatchesSelector";if(e[r])return r}}();if(a){var h=document.createElement("div"),p=i(h,"div");s=p?i:r}else s=o;"function"==typeof define&&define.amd?define(function(){return s}):window.matchesSelector=s}(this,Element.prototype),function(t){"use strict";function e(t,e){for(var i in e)t[i]=e[i];return t}function i(t,e){t&&(this.element=t,this.layout=e,this.position={x:0,y:0},this._create())}var n=t.getSize,o=t.getStyleProperty,r=t.EventEmitter,s=document.defaultView,a=s&&s.getComputedStyle?function(t){return s.getComputedStyle(t,null)}:function(t){return t.currentStyle},h=o("transition"),p=o("transform"),u=h&&p,f=!!o("perspective"),d={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend",transition:"transitionend"}[h],c=["transform","transition","transitionDuration","transitionProperty"],l=function(){for(var t={},e=0,i=c.length;i>e;e++){var n=c[e],r=o(n);r&&r!==n&&(t[n]=r)}return t}();e(i.prototype,r.prototype),i.prototype._create=function(){this.css({position:"absolute"})},i.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},i.prototype.getSize=function(){this.size=n(this.element)},i.prototype.css=function(t){var e=this.element.style;for(var i in t){var n=l[i]||i;e[n]=t[i]}},i.prototype.getPosition=function(){var t=a(this.element),e=this.layout.options,i=e.isOriginLeft,n=e.isOriginTop,o=parseInt(t[i?"left":"right"],10),r=parseInt(t[n?"top":"bottom"],10);o=isNaN(o)?0:o,r=isNaN(r)?0:r;var s=this.layout.size;o-=i?s.paddingLeft:s.paddingRight,r-=n?s.paddingTop:s.paddingBottom,this.position.x=o,this.position.y=r},i.prototype.layoutPosition=function(){var t=this.layout.size,e=this.layout.options,i={};e.isOriginLeft?(i.left=this.position.x+t.paddingLeft+"px",i.right=""):(i.right=this.position.x+t.paddingRight+"px",i.left=""),e.isOriginTop?(i.top=this.position.y+t.paddingTop+"px",i.bottom=""):(i.bottom=this.position.y+t.paddingBottom+"px",i.top=""),this.css(i),this.emitEvent("layout",[this])};var m=f?function(t,e){return"translate3d("+t+"px, "+e+"px, 0)"}:function(t,e){return"translate("+t+"px, "+e+"px)"};i.prototype._transitionTo=function(t,e){this.getPosition();var i=this.position.x,n=this.position.y,o=parseInt(t,10),r=parseInt(e,10),s=o===this.position.x&&r===this.position.y;if(this.setPosition(t,e),s&&!this.isTransitioning)return this.layoutPosition(),void 0;var a=t-i,h=e-n,p={},u=this.layout.options;a=u.isOriginLeft?a:-a,h=u.isOriginTop?h:-h,p.transform=m(a,h),this.transition({to:p,onTransitionEnd:this.layoutPosition,isCleaning:!0})},i.prototype.goTo=function(t,e){this.setPosition(t,e),this.layoutPosition()},i.prototype.moveTo=u?i.prototype._transitionTo:i.prototype.goTo,i.prototype.setPosition=function(t,e){this.position.x=parseInt(t,10),this.position.y=parseInt(e,10)},i.prototype._nonTransition=function(t){this.css(t.to),t.isCleaning&&this._removeStyles(t.to),t.onTransitionEnd&&t.onTransitionEnd.call(this)},i.prototype._transition=function(t){var e=this.layout.options.transitionDuration;if(!parseFloat(e))return this._nonTransition(t),void 0;var i=t.to,n=[];for(var o in i)n.push(o);var r={};if(r.transitionProperty=n.join(","),r.transitionDuration=e,this.element.addEventListener(d,this,!1),(t.isCleaning||t.onTransitionEnd)&&this.on("transitionEnd",function(e){return t.isCleaning&&e._removeStyles(i),t.onTransitionEnd&&t.onTransitionEnd.call(e),!0}),t.from){this.css(t.from);var s=this.element.offsetHeight;s=null}this.css(r),this.css(i),this.isTransitioning=!0},i.prototype.transition=i.prototype[h?"_transition":"_nonTransition"],i.prototype.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},i.prototype.onotransitionend=function(t){this.ontransitionend(t)},i.prototype.ontransitionend=function(t){t.target===this.element&&(this.removeTransitionStyles(),this.element.removeEventListener(d,this,!1),this.isTransitioning=!1,this.emitEvent("transitionEnd",[this]))},i.prototype._removeStyles=function(t){var e={};for(var i in t)e[i]="";this.css(e)};var y={transitionProperty:"",transitionDuration:""};i.prototype.removeTransitionStyles=function(){this.css(y)},i.prototype.removeElem=function(){this.element.parentNode.removeChild(this.element),this.emitEvent("remove",[this])},i.prototype.remove=h?function(){var t=this;this.on("transitionEnd",function(){return t.removeElem(),!0}),this.hide()}:i.prototype.removeElem,i.prototype.reveal=function(){this.css({display:""});var t=this.layout.options;this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0})},i.prototype.hide=function(){this.css({display:""});var t=this.layout.options;this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:function(){this.css({display:"none"})}})},i.prototype.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},t.Outlayer={Item:i}}(window),function(t){"use strict";function e(t,e){for(var i in e)t[i]=e[i];return t}function i(t){return"[object Array]"===v.call(t)}function n(t){var e=[];if(i(t))e=t;else if("number"==typeof t.length)for(var n=0,o=t.length;o>n;n++)e.push(t[n]);else e.push(t);return e}function o(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()}function r(t,i){if("string"==typeof t&&(t=l.querySelector(t)),!t||!_(t))return m&&m.error("Bad "+this.settings.namespace+" element: "+t),void 0;this.element=t,this.options=e({},this.options),e(this.options,i);var n=++L;this.element.outlayerGUID=n,E[n]=this,this._create(),this.options.isInitLayout&&this.layout()}function s(t,i){t.prototype[i]=e({},r.prototype[i])}var a=t.Outlayer,h=a.Item,p=t.docReady,u=t.EventEmitter,f=t.eventie,d=t.getSize,c=t.matchesSelector,l=t.document,m=t.console,y=t.jQuery,g=function(){},v=Object.prototype.toString,_="object"==typeof HTMLElement?function(t){return t instanceof HTMLElement}:function(t){return t&&"object"==typeof t&&1===t.nodeType&&"string"==typeof t.nodeName},b=Array.prototype.indexOf?function(t,e){return t.indexOf(e)}:function(t,e){for(var i=0,n=t.length;n>i;i++)if(t[i]===e)return i;return-1},L=0,E={};r.prototype.settings={namespace:"outlayer",item:a.Item},r.prototype.options={containerStyle:{position:"relative"},isInitLayout:!0,isOriginLeft:!0,isOriginTop:!0,isResizeBound:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}},e(r.prototype,u.prototype),r.prototype._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),e(this.element.style,this.options.containerStyle),this.options.isResizeBound&&this.bindResize()},r.prototype.reloadItems=function(){this.items=this._getItems(this.element.children)},r.prototype._getItems=function(t){for(var e=this._filterFindItemElements(t),i=this.settings.item,n=[],o=0,r=e.length;r>o;o++){var s=e[o],a=new i(s,this,this.options.itemOptions);n.push(a)}return n},r.prototype._filterFindItemElements=function(t){t=n(t);var e=this.options.itemSelector;if(!e)return t;for(var i=[],o=0,r=t.length;r>o;o++){var s=t[o];c(s,e)&&i.push(s);for(var a=s.querySelectorAll(e),h=0,p=a.length;p>h;h++)i.push(a[h])}return i},r.prototype.getItemElements=function(){for(var t=[],e=0,i=this.items.length;i>e;e++)t.push(this.items[e].element);return t},r.prototype.layout=function(){this._resetLayout(),this._manageStamps();var t=void 0!==this.options.isLayoutInstant?this.options.isLayoutInstant:!this._isLayoutInited;this.layoutItems(this.items,t),this._isLayoutInited=!0},r.prototype._init=r.prototype.layout,r.prototype._resetLayout=function(){this.getSize()},r.prototype.getSize=function(){this.size=d(this.element)},r.prototype._getMeasurement=function(t,e){var i,n=this.options[t];n?("string"==typeof n?i=this.element.querySelector(n):_(n)&&(i=n),this[t]=i?d(i)[e]:n):this[t]=0},r.prototype.layoutItems=function(t,e){t=this._getItemsForLayout(t),this._layoutItems(t,e),this._postLayout()},r.prototype._getItemsForLayout=function(t){for(var e=[],i=0,n=t.length;n>i;i++){var o=t[i];o.isIgnored||e.push(o)}return e},r.prototype._layoutItems=function(t,e){if(!t||!t.length)return this.emitEvent("layoutComplete",[this,t]),void 0;this._itemsOn(t,"layout",function(){this.emitEvent("layoutComplete",[this,t])});for(var i=[],n=0,o=t.length;o>n;n++){var r=t[n],s=this._getItemLayoutPosition(r);s.item=r,s.isInstant=e,i.push(s)}this._processLayoutQueue(i)},r.prototype._getItemLayoutPosition=function(){return{x:0,y:0}},r.prototype._processLayoutQueue=function(t){for(var e=0,i=t.length;i>e;e++){var n=t[e];this._positionItem(n.item,n.x,n.y,n.isInstant)}},r.prototype._positionItem=function(t,e,i,n){n?t.goTo(e,i):t.moveTo(e,i)},r.prototype._postLayout=function(){var t=this._getContainerSize();t&&(this._setContainerMeasure(t.width,!0),this._setContainerMeasure(t.height,!1))},r.prototype._getContainerSize=g,r.prototype._setContainerMeasure=function(t,e){if(void 0!==t){var i=this.size;i.isBorderBox&&(t+=e?i.paddingLeft+i.paddingRight+i.borderLeftWidth+i.borderRightWidth:i.paddingBottom+i.paddingTop+i.borderTopWidth+i.borderBottomWidth),t=Math.max(t,0),this.element.style[e?"width":"height"]=t+"px"}},r.prototype._itemsOn=function(t,e,i){function n(){return o++,o===r&&i.call(s),!0}for(var o=0,r=t.length,s=this,a=0,h=t.length;h>a;a++){var p=t[a];p.on(e,n)}},r.prototype.ignore=function(t){var e=this.getItem(t);e&&(e.isIgnored=!0)},r.prototype.unignore=function(t){var e=this.getItem(t);e&&delete e.isIgnored},r.prototype.stamp=function(t){if(t=this._find(t)){this.stamps=this.stamps.concat(t);for(var e=0,i=t.length;i>e;e++){var n=t[e];this.ignore(n)}}},r.prototype.unstamp=function(t){if(t=this._find(t))for(var e=0,i=t.length;i>e;e++){var n=t[e],o=b(this.stamps,n);-1!==o&&this.stamps.splice(o,1),this.unignore(n)}},r.prototype._find=function(t){return t?("string"==typeof t&&(t=this.element.querySelectorAll(t)),t=n(t)):void 0},r.prototype._manageStamps=function(){if(this.stamps&&this.stamps.length){this._getBoundingRect();for(var t=0,e=this.stamps.length;e>t;t++){var i=this.stamps[t];this._manageStamp(i)}}},r.prototype._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),e=this.size;this._boundingRect={left:t.left+e.paddingLeft+e.borderLeftWidth,top:t.top+e.paddingTop+e.borderTopWidth,right:t.right-(e.paddingRight+e.borderRightWidth),bottom:t.bottom-(e.paddingBottom+e.borderBottomWidth)}},r.prototype._manageStamp=g,r.prototype._getElementOffset=function(t){var e=t.getBoundingClientRect(),i=this._boundingRect,n=d(t),o={left:e.left-i.left-n.marginLeft,top:e.top-i.top-n.marginTop,right:i.right-e.right-n.marginRight,bottom:i.bottom-e.bottom-n.marginBottom};return o},r.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},r.prototype.bindResize=function(){this.isResizeBound||(f.bind(t,"resize",this),this.isResizeBound=!0)},r.prototype.unbindResize=function(){f.unbind(t,"resize",this),this.isResizeBound=!1},r.prototype.onresize=function(){function t(){e.resize()}this.resizeTimeout&&clearTimeout(this.resizeTimeout);var e=this;this.resizeTimeout=setTimeout(t,100)},r.prototype.resize=function(){var t=d(this.element),e=this.size&&t;e&&t.innerWidth===this.size.innerWidth||(this.layout(),delete this.resizeTimeout)},r.prototype.addItems=function(t){var e=this._getItems(t);if(e.length)return this.items=this.items.concat(e),e},r.prototype.appended=function(t){var e=this.addItems(t);e.length&&(this.layoutItems(e,!0),this.reveal(e))},r.prototype.prepended=function(t){var e=this._getItems(t);if(e.length){var i=this.items.slice(0);this.items=e.concat(i),this._resetLayout(),this.layoutItems(e,!0),this.reveal(e),this.layoutItems(i)}},r.prototype.reveal=function(t){if(t&&t.length)for(var e=0,i=t.length;i>e;e++){var n=t[e];n.reveal()}},r.prototype.hide=function(t){if(t&&t.length)for(var e=0,i=t.length;i>e;e++){var n=t[e];n.hide()}},r.prototype.getItem=function(t){for(var e=0,i=this.items.length;i>e;e++){var n=this.items[e];if(n.element===t)return n}},r.prototype.getItems=function(t){if(t&&t.length){for(var e=[],i=0,n=t.length;n>i;i++){var o=t[i],r=this.getItem(o);r&&e.push(r)}return e}},r.prototype.remove=function(t){t=n(t);var e=this.getItems(t);this._itemsOn(e,"remove",function(){this.emitEvent("removeComplete",[this,e])});for(var i=0,o=e.length;o>i;i++){var r=e[i];r.remove();var s=b(this.items,r);this.items.splice(s,1)}},r.prototype.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="";for(var e=0,i=this.items.length;i>e;e++){var n=this.items[e];n.destroy()}this.unbindResize(),delete this.element.outlayerGUID},r.data=function(t){var e=t&&t.outlayerGUID;return e&&E[e]},r.create=function(t,i){function n(){r.apply(this,arguments)}return e(n.prototype,r.prototype),s(n,"options"),s(n,"settings"),e(n.prototype.options,i),n.prototype.settings.namespace=t,n.data=r.data,n.Item=function(){h.apply(this,arguments)},n.Item.prototype=new r.Item,n.prototype.settings.item=n.Item,p(function(){for(var e=o(t),i=l.querySelectorAll(".js-"+e),r="data-"+e+"-options",s=0,a=i.length;a>s;s++){var h,p=i[s],u=p.getAttribute(r);try{h=u&&JSON.parse(u)}catch(f){m&&m.error("Error parsing "+r+" on "+p.nodeName.toLowerCase()+(p.id?"#"+p.id:"")+": "+f);continue}var d=new n(p,h);y&&y.data(p,t,d)}}),y&&y.bridget&&y.bridget(t,n),n},r.Item=h,t.Outlayer=r}(window),function(t){"use strict";function e(t,e){var n=t.create("masonry");return n.prototype._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns();var t=this.cols;for(this.colYs=[];t--;)this.colYs.push(0);this.maxY=0},n.prototype.measureColumns=function(){var t=this.items[0].element;this.columnWidth=this.columnWidth||e(t).outerWidth,this.columnWidth+=this.gutter,this.cols=Math.floor((this.size.innerWidth+this.gutter)/this.columnWidth),this.cols=Math.max(this.cols,1)},n.prototype._getItemLayoutPosition=function(t){t.getSize();var e=Math.ceil(t.size.outerWidth/this.columnWidth);e=Math.min(e,this.cols);for(var n=this._getColGroup(e),o=Math.min.apply(Math,n),r=i(n,o),s={x:this.columnWidth*r,y:o},a=o+t.size.outerHeight,h=this.cols+1-n.length,p=0;h>p;p++)this.colYs[r+p]=a;return s},n.prototype._getColGroup=function(t){if(1===t)return this.colYs;for(var e=[],i=this.cols+1-t,n=0;i>n;n++){var o=this.colYs.slice(n,n+t);e[n]=Math.max.apply(Math,o)}return e},n.prototype._manageStamp=function(t){var i=e(t),n=this._getElementOffset(t),o=this.options.isOriginLeft?n.left:n.right,r=o+i.outerWidth,s=Math.floor(o/this.columnWidth);s=Math.max(0,s);var a=Math.floor(r/this.columnWidth);a=Math.min(this.cols-1,a);for(var h=(this.options.isOriginTop?n.top:n.bottom)+i.outerHeight,p=s;a>=p;p++)this.colYs[p]=Math.max(h,this.colYs[p])},n.prototype._getContainerSize=function(){return this.maxY=Math.max.apply(Math,this.colYs),{height:this.maxY}},n}var i=Array.prototype.indexOf?function(t,e){return t.indexOf(e)}:function(t,e){for(var i=0,n=t.length;n>i;i++){var o=t[i];if(o===e)return i}return-1};"function"==typeof define&&define.amd?define(["outlayer","get-size"],e):t.Masonry=e(t.Outlayer,t.getSize)}(window); \ No newline at end of file
