|
120
|
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 : Diaporama</title> |
|
|
11 |
|
|
|
12 |
<link rel="stylesheet" href="css/reset.css"> |
|
|
13 |
<link rel="stylesheet" href="css/fonts.css"> |
|
|
14 |
<link rel="stylesheet" href="css/slideshow.css"> |
|
|
15 |
<script src="js/vendor/modernizr-2.6.2.min.js"></script> |
|
|
16 |
</head> |
|
|
17 |
<body> |
|
|
18 |
|
|
|
19 |
<div class="slideshow-wrap"> |
|
134
|
20 |
<img class="backdrop" /> |
|
120
|
21 |
<div class="caption-wrap"> |
|
|
22 |
<div class="caption"> |
|
|
23 |
<h2></h2> |
|
|
24 |
<h3></h3> |
|
190
|
25 |
<div class="caption-description"></div> |
|
120
|
26 |
</div> |
|
|
27 |
</div> |
|
190
|
28 |
<svg class="image-container" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1 1" preserveAspectRatio="none"> |
|
|
29 |
<defs> |
|
|
30 |
<clipPath id="fragment-clip"> |
|
203
|
31 |
<path d="M0 0L1 0L1 1L0 1Z" class="clip-path" /> |
|
190
|
32 |
</clipPath> |
|
|
33 |
</defs> |
|
|
34 |
<image class="main-image" xlink:href="" x="0" y="0" preserveAspectRatio="none" width="1" height="1" clip-path="url(#fragment-clip)" /> |
|
|
35 |
</svg> |
|
203
|
36 |
<div class="top-controls"> |
|
|
37 |
<a class="full-screen" href="#"></a> |
|
|
38 |
<a class="play-pause" href="#"></a> |
|
|
39 |
</div> |
|
120
|
40 |
<div class="arrow-wrap left-arrow"> |
|
|
41 |
<a class="arrow" href="#"></a> |
|
|
42 |
</div> |
|
|
43 |
<div class="arrow-wrap right-arrow"> |
|
|
44 |
<a class="arrow" href="#"></a> |
|
|
45 |
</div> |
|
|
46 |
</div><!-- /.wrap --> |
|
|
47 |
|
|
|
48 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
|
|
49 |
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> |
|
|
50 |
<script src="js/slideshow.js"></script> |
|
|
51 |
<script> |
|
|
52 |
var imgurlbase = "http://egonomy.iri-research.org/static/media/"; |
|
|
53 |
var slides = [ |
|
|
54 |
{ |
|
190
|
55 |
"type": "fragment", |
|
|
56 |
"title": "Cavalier", |
|
|
57 |
"author": "Oudry Jean Baptiste (1686-1755)", |
|
|
58 |
"src": "images/6/03-005639.jpg", |
|
|
59 |
"path": "M0.5252 0.4293L0.6764 0.4327L0.6827 0.4137L0.7058 0.4189L0.7058 0.3844L0.7331 0.3724L0.7857 0.3948L0.7773 0.4120L0.7647 0.4327L0.7857 0.45L0.7899 0.4775L0.7983 0.5189L0.7794 0.5431L0.7226 0.6034L0.7037 0.6051L0.6533 0.7137L0.6302 0.6965L0.6470 0.6068L0.6365 0.5431L0.6470 0.5086L0.6680 0.4655L0.6323 0.4741L0.5777 0.4758L0.5357 0.4517L0.5273 0.4413Z", |
|
|
60 |
"description": "Extrait de Cerf aux abois dans les rochers de Franchard, forêt de Fontainebleau.\nLorem ipsum dolor" |
|
|
61 |
}, { |
|
|
62 |
"type": "image", |
|
120
|
63 |
"title": "Chicago, Art Institute de la série : Vitraux", |
|
|
64 |
"author": "Chagall Marc (1887-1985)", |
|
190
|
65 |
"src": "images/36/00-015454.jpg", |
|
120
|
66 |
"description": "En 1930, le marchand d'art et ami de Chagall, Ambroise Vollard, lui commande une série d'illustrations sur la Bible. Celui qui décrit le texte sacré comme « la plus grande source de poésie de tous les temps », exécute alors une quarantaine de gouaches, avant d'entamer une série d'eaux-fortes qui sont insérées au sein de la Bible de Genève : 105 gravures figurent diverses scènes-clés de l'Ancien Testament. À la main, Chagall les rehausse toutes d'un peu de gouache. Ses sujets de prédilection sont les prophètes, les patriarches, les guerriers et les rois. Surtout, il fait des liens entre le passé et le présent, entre la persécution de Jésus et celle que les Juifs subissent en Europe dans les années 1940." |
|
|
67 |
}, { |
|
190
|
68 |
"type": "image", |
|
120
|
69 |
"title": "La Création du monde, le septième jour", |
|
|
70 |
"author": "Chagall Marc (1887-1985)", |
|
190
|
71 |
"src": "images/3/08-523123.jpg", |
|
|
72 |
"description": "En 1930, le marchand d'art et ami de Chagall, Ambroise Vollard, lui commande une série d'illustrations sur la Bible." |
|
120
|
73 |
}, { |
|
190
|
74 |
"type": "image", |
|
120
|
75 |
"title": "La création de l'homme", |
|
|
76 |
"author": "Chagall Marc (1887-1985)", |
|
190
|
77 |
"src": "images/3/09-584017.jpg", |
|
120
|
78 |
"description": "En 1930, le marchand d'art et ami de Chagall, Ambroise Vollard, lui commande une série d'illustrations sur la Bible. Celui qui décrit le texte sacré comme « la plus grande source de poésie de tous les temps », exécute alors une quarantaine de gouaches, avant d'entamer une série d'eaux-fortes qui sont insérées au sein de la Bible de Genève : 105 gravures figurent diverses scènes-clés de l'Ancien Testament. À la main, Chagall les rehausse toutes d'un peu de gouache. Ses sujets de prédilection sont les prophètes, les patriarches, les guerriers et les rois. Surtout, il fait des liens entre le passé et le présent, entre la persécution de Jésus et celle que les Juifs subissent en Europe dans les années 1940." |
|
|
79 |
}, { |
|
190
|
80 |
"type": "image", |
|
120
|
81 |
"title": "Le Cantique des Cantiques II", |
|
|
82 |
"author": "Chagall Marc (1887-1985)", |
|
190
|
83 |
"src": "images/57/10-500374.jpg", |
|
120
|
84 |
"description": "En 1930, le marchand d'art et ami de Chagall, Ambroise Vollard, lui commande une série d'illustrations sur la Bible. Celui qui décrit le texte sacré comme « la plus grande source de poésie de tous les temps », exécute alors une quarantaine de gouaches, avant d'entamer une série d'eaux-fortes qui sont insérées au sein de la Bible de Genève : 105 gravures figurent diverses scènes-clés de l'Ancien Testament. À la main, Chagall les rehausse toutes d'un peu de gouache. Ses sujets de prédilection sont les prophètes, les patriarches, les guerriers et les rois. Surtout, il fait des liens entre le passé et le présent, entre la persécution de Jésus et celle que les Juifs subissent en Europe dans les années 1940." |
|
|
85 |
} |
|
|
86 |
]; |
|
|
87 |
|
|
|
88 |
</script> |
|
|
89 |
</body> |
|
|
90 |
</html> |