| author | ymh <ymh.work@gmail.com> |
| Tue, 12 Feb 2013 10:54:34 +0100 | |
| changeset 134 | 678b07d351ef |
| parent 124 | 8d2376eb825c |
| permissions | -rw-r--r-- |
| 46 | 1 |
<!DOCTYPE html> |
2 |
<html lang="fr"> |
|
3 |
<head> |
|
| 103 | 4 |
<meta charset="UTF-8"> |
| 124 | 5 |
<title>ESPACE DE TRANSITION DE THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title> |
| 46 | 6 |
|
| 124 | 7 |
<meta name="description" content="Partagez, recommencez votre film. Regarder les versions intégrales ou écouter la musique de JEAN-LOUIS MURAT. Prolonger l’expérience THE END, ETC. de LAETITIA MASSON"> |
8 |
||
9 |
<meta name="keywords" content="Partagez, recommencez votre film, Regarder les versions intégrales ou écouter la musique de JEAN-LOUIS MURAT, The End, etc., The End, Prolonger l’expérience THE END, ETC. de LAETITIA MASSON, Laetitia Masson, France Télévisions, CNC, Centre national du cinéma et de l'image animée, Nouvelles écritures, Memo Prod, Incandescence, IRI, Institut de recherche et de l'innovation du Centre Georges Pompidou, France Inter, expérience, une expérience de cinéma, film, production Géraldine Michelon, Œuvre en ligne, Jean-Louis Murat, Élodie Bouchez, Aurore Clément, Haïm Cohen, Fred et Farid, Denis Jeambar, Jérôme Kircher, Elliot Perlman, Christian Tortu, Philippe Venere, André Wilms, La Marseillaise, L'Internationale, l'idée, Ni Dieu ni maître, Fiction, Portraits"> |
|
10 |
||
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
11 |
<link rel="icon" href="static/res/img/favicon.ico" /> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
12 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
13 |
<!-- Mobile Specific Metas --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
14 |
<meta name="viewport" content="user-scalable=no"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
15 |
<!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
16 |
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
| 46 | 17 |
--> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
18 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
19 |
<!-- Test Smartphone --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
20 |
<script src="static/res/js/incdetectmobile.js"></script> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
21 |
<script> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
22 |
if (IsSmartphone()) { location.href = "mindex.html"; } |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
23 |
</script> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
24 |
<!-- Metanav FranceTV --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
25 |
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
26 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
27 |
<link rel="stylesheet" href="static/res/css/style_1024.css" /> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
28 |
|
| 124 | 29 |
<!-- tags FTV Variables Xiti--> |
30 |
<script> |
|
31 |
<!--//--><![CDATA[//><!-- |
|
32 |
// Variables Xiti |
|
33 |
var xtsite = "511613"; |
|
34 |
var xtn2 = "5"; |
|
35 |
var xtpage = "Espace_transitoire::Menu_Fin_experience"; |
|
36 |
//--><!]]> |
|
37 |
</script> |
|
38 |
<noscript> |
|
39 |
<img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::Menu_Fin_experience" > |
|
40 |
</noscript> |
|
41 |
<script src="http://static.francetv.fr/js/audience-min.js"></script> |
|
| 46 | 42 |
</head> |
43 |
<body> |
|
44 |
<!-- div content - site takes the full height of browser --> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
45 |
<div id="content" class="full_hightScreen"> |
| 47 | 46 |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
47 |
<!--Part 1 - opacity --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
48 |
<section id="theEnd" class="box_transparance"> |
| 47 | 49 |
<!--this div empty allows the element content_vcentering to be vertically aligned --> |
50 |
<div class="strut"></div><!-- |
|
51 |
this comment corrects the white-space (display: inline); |
|
52 |
--><h1>THE END, ETC.</h1> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
53 |
</section> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
54 |
<!--/Part 1 --> |
| 47 | 55 |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
56 |
<!--Part 2 --> |
| 46 | 57 |
<!--this div empty allows the element content_vcentering to be vertically aligned --> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
58 |
<section id="transition" class="full_hightScreen"> |
| 46 | 59 |
<div class="strut"></div><!-- |
60 |
this comment corrects the white-space (display: inline); |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
61 |
--><div id="bg_img" class="fullScreen_vcentering"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
62 |
<img id="bgimage" alt="The End, etc." src="" /> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
63 |
</div> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
64 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
65 |
<div id="transitionTxt" class="positionAbs"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
66 |
<!--this div empty allows the element content_vcentering to be vertically aligned --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
67 |
<div class="strut"></div><!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
68 |
this comment corrects the white-space (display: inline); |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
69 |
--><div class="fullScreen_vcentering white big_txt"> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
70 |
<p><a href="partage-du-film-aleatoire-the-end-etc.html">Partagez</a></p> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
71 |
<p><a href="choix-de-mots-the-end-etc.html">Recommencez</a></p> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
72 |
<p class="margin_exeptionTop"><a href="the-end-etc.html">The end, etc.</a></p> |
| 114 | 73 |
<p class="margin_exeptionBottom"><a href="theend/prolonger">Prolongez l'expérience</a></p> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
74 |
<p><a href="credits-the-end-etc.html">Crédits</a></p> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
75 |
</div> |
| 46 | 76 |
</div> |
77 |
</section> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
78 |
<!--/Part 2 --> |
| 46 | 79 |
</div> |
80 |
||
81 |
<!-- JavaScript --> |
|
| 124 | 82 |
<script src="static/res/js/jquery-1.8.2.min.js"></script> |
| 46 | 83 |
<script> |
84 |
var r = Math.floor(Math.random()*3); |
|
85 |
if (r == 0) { |
|
86 |
$("#bgimage").attr("src", "static/res/img/transitionChoix1.jpg"); |
|
87 |
} else if (r == 1) { |
|
88 |
$("#bgimage").attr("src", "static/res/img/transitionChoix2.jpg"); |
|
89 |
} else { |
|
90 |
$("#bgimage").attr("src", "static/res/img/transitionChoix3.jpg"); |
|
91 |
} |
|
| 47 | 92 |
|
93 |
$(function() { |
|
94 |
setTimeout(function() { |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
95 |
$("#theEnd").addClass("display"); |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
96 |
$("#transition").css({"opacity" : 0}); |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
97 |
$("#transition").animate({opacity: 1}, 2000); |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
98 |
}, 2000); |
| 47 | 99 |
}); |
| 124 | 100 |
</script> |
| 46 | 101 |
</body> |
102 |
</html> |