|
132
|
1 |
<!DOCTYPE html> |
|
|
2 |
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> |
|
|
3 |
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> |
|
|
4 |
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> |
|
|
5 |
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> |
|
|
6 |
<head> |
|
|
7 |
<meta charset="utf-8"> |
|
|
8 |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|
|
9 |
<meta name="description" content="eGonomy"> |
|
|
10 |
<title>eGonomy : Collectionner (non connecté)</title> |
|
|
11 |
|
|
|
12 |
<link rel="stylesheet" href="css/reset.css"> |
|
|
13 |
<link rel="stylesheet" href="css/fonts.css"> |
|
|
14 |
<link rel="stylesheet" href="css/style.css"> |
|
|
15 |
<script src="js/vendor/modernizr-2.6.2.min.js"></script> |
|
|
16 |
</head> |
|
|
17 |
<body> |
|
|
18 |
<div class="popin-wrap"> |
|
|
19 |
<div id="add-to-collection" class="popin popin-new-collection box-shadow"> |
|
|
20 |
<header> |
|
|
21 |
<h2>Ajouter à la collection</h2> |
|
|
22 |
<a href="#" class="close-popin"></a> |
|
|
23 |
</header> |
|
|
24 |
<section> |
|
|
25 |
<form action="#"> |
|
|
26 |
<p> |
|
|
27 |
<label for="collection-name">Ajouter à :</label> |
|
136
|
28 |
<label class="styled-select"> |
|
|
29 |
<select> |
|
|
30 |
<option selected="" value="/egonomy/allpictures/">Images</option> |
|
|
31 |
<option value="/egonomy/allfragments/">Fragments</option> |
|
|
32 |
</select> |
|
|
33 |
</label> |
|
132
|
34 |
</p> |
|
|
35 |
<p> |
|
|
36 |
<label class="block" for="image-description">Description de l’image :</label> |
|
|
37 |
<textarea name="" id="image-description"></textarea> |
|
|
38 |
</p> |
|
|
39 |
<div class="buttons"> |
|
|
40 |
<a href="#" class="btn close-popin">Annuler</a> |
|
|
41 |
<input class="btn" type="submit" value="Valider"> |
|
|
42 |
</div> |
|
|
43 |
</form> |
|
|
44 |
</section> |
|
|
45 |
</div> |
|
|
46 |
</div> |
|
|
47 |
|
|
|
48 |
<div class="wrap"> |
|
|
49 |
<header class="clearfix"> |
|
|
50 |
<h1><a href="#">egonomy</a></h1> |
|
|
51 |
<div class="col-right"> |
|
|
52 |
<ul class="head-login clearfix"> |
|
|
53 |
<li> |
|
|
54 |
<form method="GET" action="/egonomy/allpictures/"> |
|
|
55 |
<p> |
|
|
56 |
<input id="id_search" type="text" placeholder="Rechercher dans le site"> |
|
136
|
57 |
<label class="styled-select"> |
|
|
58 |
<select class="search-type"> |
|
|
59 |
<option selected="" value="/egonomy/allpictures/">Images</option> |
|
|
60 |
<option value="/egonomy/allfragments/">Fragments</option> |
|
|
61 |
</select> |
|
|
62 |
</label> |
|
132
|
63 |
</p> |
|
|
64 |
<input type="hidden" name="field" value="all"> |
|
|
65 |
</form> |
|
|
66 |
</li> |
|
|
67 |
<li class="hello-user">Bonjour Anthony Ly</li> |
|
|
68 |
<li><span class="dot-6"></span></li> |
|
|
69 |
<li><a class="login" href="#">Déconnexion</a></li> |
|
|
70 |
</ul> |
|
|
71 |
<nav> |
|
|
72 |
<ul class="nav clearfix"> |
|
|
73 |
<li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> |
|
|
74 |
<li><span class="dot-10"></span></li> |
|
|
75 |
<li><a href="#">explorer</a></li> |
|
|
76 |
<li><span class="dot-10"></span></li> |
|
|
77 |
<li><a href="#">collectionner</a></li> |
|
|
78 |
<li><span class="dot-10"></span></li> |
|
|
79 |
<li><a href="#">créer</a></li> |
|
|
80 |
<li><span class="dot-10"></span></li> |
|
|
81 |
<li><a href="#">mon profil</a></li> |
|
|
82 |
</ul> |
|
|
83 |
</nav> |
|
|
84 |
</div> |
|
|
85 |
</header> |
|
|
86 |
<section> |
|
|
87 |
<div class="title-page"> |
|
|
88 |
<h2>RÉSULTATS DE LA RECHERCHE</span></h2> |
|
|
89 |
</div> |
|
|
90 |
<div class="bar-tools clearfix"> |
|
|
91 |
<ul class="clearfix left"> |
|
|
92 |
<li><a class="go-to mosaic" href="#"></a></li> |
|
|
93 |
</ul> |
|
|
94 |
<form action="#"> |
|
|
95 |
<ul class="clearfix"> |
|
|
96 |
<li> |
|
136
|
97 |
<label class="styled-select"> |
|
|
98 |
<select> |
|
137
|
99 |
<option selected value="">Classer par pertinence</option> |
|
|
100 |
<option value="">Classer par ordre alphabétique</option> |
|
|
101 |
<option value="">Classer par popularité</option> |
|
136
|
102 |
</select> |
|
|
103 |
</label> |
|
132
|
104 |
</li> |
|
|
105 |
<li> |
|
136
|
106 |
<label class="styled-select"> |
|
|
107 |
<select> |
|
|
108 |
<option selected value="">Afficher tous les résultats</option> |
|
137
|
109 |
<option value="">Afficher les images uniquement</option> |
|
|
110 |
<option value="">Afficher les fragments uniquement</option> |
|
136
|
111 |
</select> |
|
|
112 |
</label> |
|
132
|
113 |
</li> |
|
|
114 |
<li> |
|
|
115 |
<input class="search-form" id="id_search" type="text" placeholder="Romantisme noir"> |
|
|
116 |
</li> |
|
|
117 |
</ul> |
|
|
118 |
</form> |
|
|
119 |
</div> |
|
|
120 |
<ul class="list-projets-4 clearfix masonry-225"> |
|
|
121 |
<li class="item-masonry"> |
|
|
122 |
<div class="fragment"> |
|
|
123 |
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none"> |
|
|
124 |
<defs> |
|
|
125 |
<clipPath id="fragment-clip68"> |
|
|
126 |
<path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/> |
|
|
127 |
</clipPath> |
|
|
128 |
</defs> |
|
|
129 |
<image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/> |
|
|
130 |
<image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/> |
|
|
131 |
</svg> |
|
|
132 |
</div><!-- ./fragment --> |
|
|
133 |
<div class="content"> |
|
|
134 |
<h3>Colonne </h3> |
|
|
135 |
<p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum deserunt autem exercitationem eius eum quo veritatis officia tenetur tempora eligendi laborum corporis animi aliquam. Dolore distinctio nostrum nulla perspiciatis sapiente.</p> |
|
|
136 |
</div> |
|
|
137 |
<div class="tools-2"> |
|
|
138 |
<ul class="clearfix"> |
|
|
139 |
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
|
140 |
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
|
141 |
<li><a title="Ajouter à ma collection" class="tool plus open-popin" href="#add-to-collection" href="#"></a></li> |
|
|
142 |
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
|
143 |
</ul> |
|
|
144 |
</div> |
|
|
145 |
</li> |
|
|
146 |
<li class="item-masonry"> |
|
|
147 |
<img src="img/225x297.png" alt=""> |
|
|
148 |
<div class="content"> |
|
|
149 |
<h3>Colonne </h3> |
|
|
150 |
<p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> |
|
|
151 |
</div> |
|
|
152 |
<div class="tools-2"> |
|
|
153 |
<ul class="clearfix"> |
|
|
154 |
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
|
155 |
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
|
156 |
<li><a title="Ajouter à ma collection" class="tool plus open-popin" href="#add-to-collection" href="#"></a></li> |
|
|
157 |
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
|
158 |
</ul> |
|
|
159 |
</div> |
|
|
160 |
</li> |
|
|
161 |
<li class="item-masonry"> |
|
|
162 |
<img src="img/225x225.png" alt=""> |
|
|
163 |
<div class="content"> |
|
|
164 |
<h3>Colonne </h3> |
|
|
165 |
<p>... </p> |
|
|
166 |
</div> |
|
|
167 |
<div class="tools-2"> |
|
|
168 |
<ul class="clearfix"> |
|
|
169 |
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
|
170 |
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
|
171 |
<li><a title="Ajouter à ma collection" class="tool plus open-popin" href="#add-to-collection" href="#"></a></li> |
|
|
172 |
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
|
173 |
</ul> |
|
|
174 |
</div> |
|
|
175 |
</li> |
|
|
176 |
<li class="item-masonry"> |
|
|
177 |
<img src="img/225x225.png" alt=""> |
|
|
178 |
<div class="content"> |
|
|
179 |
<h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </h3> |
|
|
180 |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eveniet cumque fugit aut animi illo impedit sapiente ratione a perferendis ducimus mollitia deleniti quasi sequi iusto tenetur dignissimos quibusdam numquam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae totam numquam accusamus reprehenderit ipsum at voluptatum minima eveniet incidunt ab. Tempore praesentium eligendi nostrum eveniet saepe quam adipisci aperiam. Ducimus. </p> |
|
|
181 |
</div> |
|
|
182 |
<div class="tools-2"> |
|
|
183 |
<ul class="clearfix"> |
|
|
184 |
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
|
185 |
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
|
186 |
<li><a title="Ajouter à ma collection" class="tool plus open-popin" href="#add-to-collection" href="#"></a></li> |
|
|
187 |
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
|
188 |
</ul> |
|
|
189 |
</div> |
|
|
190 |
</li> |
|
|
191 |
<li class="item-masonry"> |
|
|
192 |
<div class="fragment"> |
|
|
193 |
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none"> |
|
|
194 |
<defs> |
|
|
195 |
<clipPath id="fragment-clip68"> |
|
|
196 |
<path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/> |
|
|
197 |
</clipPath> |
|
|
198 |
</defs> |
|
|
199 |
<image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/> |
|
|
200 |
<image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/> |
|
|
201 |
</svg> |
|
|
202 |
</div><!-- ./fragment --> |
|
|
203 |
<div class="content"> |
|
|
204 |
<h3>Colonne </h3> |
|
|
205 |
<p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum deserunt autem exercitationem eius eum quo veritatis officia tenetur tempora eligendi laborum corporis animi aliquam. Dolore distinctio nostrum nulla perspiciatis sapiente.</p> |
|
|
206 |
</div> |
|
|
207 |
<div class="tools-2"> |
|
|
208 |
<ul class="clearfix"> |
|
|
209 |
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
|
210 |
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
|
211 |
<li><a title="Ajouter à ma collection" class="tool plus open-popin" href="#add-to-collection" href="#"></a></li> |
|
|
212 |
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
|
213 |
</ul> |
|
|
214 |
</div> |
|
|
215 |
</li> |
|
|
216 |
<li class="item-masonry"> |
|
|
217 |
<img src="img/225x297.png" alt=""> |
|
|
218 |
<div class="content"> |
|
|
219 |
<h3>Colonne </h3> |
|
|
220 |
<p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p> |
|
|
221 |
</div> |
|
|
222 |
<div class="tools-2"> |
|
|
223 |
<ul class="clearfix"> |
|
|
224 |
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
|
225 |
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
|
226 |
<li><a title="Ajouter à ma collection" class="tool plus open-popin" href="#add-to-collection" href="#"></a></li> |
|
|
227 |
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
|
228 |
</ul> |
|
|
229 |
</div> |
|
|
230 |
</li> |
|
|
231 |
<li class="item-masonry"> |
|
|
232 |
<img src="img/225x225.png" alt=""> |
|
|
233 |
<div class="content"> |
|
|
234 |
<h3>Colonne </h3> |
|
|
235 |
<p>... </p> |
|
|
236 |
</div> |
|
|
237 |
<div class="tools-2"> |
|
|
238 |
<ul class="clearfix"> |
|
|
239 |
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
|
240 |
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
|
241 |
<li><a title="Ajouter à ma collection" class="tool plus open-popin" href="#add-to-collection" href="#"></a></li> |
|
|
242 |
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
|
243 |
</ul> |
|
|
244 |
</div> |
|
|
245 |
</li> |
|
|
246 |
<li class="item-masonry"> |
|
|
247 |
<img src="img/225x225.png" alt=""> |
|
|
248 |
<div class="content"> |
|
|
249 |
<h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </h3> |
|
|
250 |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eveniet cumque fugit aut animi illo impedit sapiente ratione a perferendis ducimus mollitia deleniti quasi sequi iusto tenetur dignissimos quibusdam numquam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae totam numquam accusamus reprehenderit ipsum at voluptatum minima eveniet incidunt ab. Tempore praesentium eligendi nostrum eveniet saepe quam adipisci aperiam. Ducimus. </p> |
|
|
251 |
</div> |
|
|
252 |
<div class="tools-2"> |
|
|
253 |
<ul class="clearfix"> |
|
|
254 |
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
|
255 |
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
|
256 |
<li><a title="Ajouter à ma collection" class="tool plus open-popin" href="#add-to-collection" href="#"></a></li> |
|
|
257 |
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
|
258 |
</ul> |
|
|
259 |
</div> |
|
|
260 |
</li> |
|
|
261 |
</ul> |
|
|
262 |
</section> |
|
|
263 |
<footer class="clearfix"> |
|
|
264 |
<h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> |
|
|
265 |
<p>Mai 2013</p> |
|
|
266 |
</footer> |
|
|
267 |
</div><!-- /.wrap --> |
|
|
268 |
|
|
|
269 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
|
|
270 |
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> |
|
|
271 |
<script src="lib/jquery-ui/ui/minified/jquery-ui.min.js"></script> |
|
|
272 |
<script src="js/masonry.min.js"></script> |
|
|
273 |
<script src="lib/tag-it/js/tag-it.min.js"></script> |
|
|
274 |
<script src="js/main.js"></script> |
|
|
275 |
</body> |
|
|
276 |
</html> |