| author | Edwin Razafimahatratra <edwin@robotalismsoft.com> |
| Thu, 24 Jan 2013 16:30:41 +0100 | |
| changeset 103 | be6c1f9cc258 |
| parent 95 | fde72f8d0ed0 |
| child 104 | 9b3717a70556 |
| permissions | -rw-r--r-- |
| 46 | 1 |
<!DOCTYPE html> |
2 |
<html lang="fr"> |
|
3 |
<head> |
|
| 103 | 4 |
<meta charset="UTF-8"> |
5 |
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title> |
|
| 46 | 6 |
|
| 103 | 7 |
<meta name="description" content="Géraldine Michelon présente The End, etc. Un projet écrit et réalisé par Laetitia Masson. Une coproduction France Télévisions - Memo Prod avec la participation du Centre national du cinéma et de l'image animée, Incandescence et Institut de recherche et de l'innovation du Centre Georges Pompidou, en association avec France Inter."> |
8 |
||
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
9 |
<link rel="icon" href="static/res/img/favicon.ico" /> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
10 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
11 |
<!-- Mobile Specific Metas --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
12 |
<meta name="viewport" content="user-scalable=no"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
13 |
<!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
14 |
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
| 46 | 15 |
--> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
16 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
17 |
<!-- Test Smartphone --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
18 |
<script src="static/res/js/incdetectmobile.js"></script> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
19 |
<script> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
20 |
if (IsSmartphone()) { location.href = "mindex.html"; } |
|
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 |
<!-- Metanav FranceTV --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
23 |
<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
|
24 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
25 |
<link rel="stylesheet" href="static/res/css/style_1024.css" /> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
26 |
|
| 46 | 27 |
</head> |
28 |
<body> |
|
29 |
<!-- div content - site takes the full height of browser --> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
30 |
<div id="content" class="full_hightScreen"> |
| 47 | 31 |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
32 |
<!--Part 1 - opacity --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
33 |
<section id="theEnd" class="box_transparance"> |
| 47 | 34 |
<!--this div empty allows the element content_vcentering to be vertically aligned --> |
35 |
<div class="strut"></div><!-- |
|
36 |
this comment corrects the white-space (display: inline); |
|
37 |
--><h1>THE END, ETC.</h1> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
38 |
</section> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
39 |
<!--/Part 1 --> |
| 47 | 40 |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
41 |
<!--Part 2 --> |
| 46 | 42 |
<!--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
|
43 |
<section id="transition" class="full_hightScreen"> |
| 46 | 44 |
<div class="strut"></div><!-- |
45 |
this comment corrects the white-space (display: inline); |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
46 |
--><div id="bg_img" class="fullScreen_vcentering"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
47 |
<img id="bgimage" alt="The End, etc." src="" /> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
48 |
</div> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
49 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
50 |
<div id="transitionTxt" class="positionAbs"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
51 |
<!--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
|
52 |
<div class="strut"></div><!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
53 |
this comment corrects the white-space (display: inline); |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
54 |
--><div class="fullScreen_vcentering white big_txt"> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
55 |
<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
|
56 |
<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
|
57 |
<p class="margin_exeptionTop"><a href="the-end-etc.html">The end, etc.</a></p> |
| 103 | 58 |
<p class="margin_exeptionBottom"><a href="experience-the-end-etc.html">Prolongez l'expérience</a></p> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
59 |
<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
|
60 |
</div> |
| 46 | 61 |
</div> |
62 |
</section> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
63 |
<!--/Part 2 --> |
| 46 | 64 |
</div> |
65 |
||
66 |
<!-- JavaScript --> |
|
67 |
<script src="static/res/js/jquery-1.8.2.min.js"></script> |
|
68 |
<script> |
|
69 |
var r = Math.floor(Math.random()*3); |
|
70 |
if (r == 0) { |
|
71 |
$("#bgimage").attr("src", "static/res/img/transitionChoix1.jpg"); |
|
72 |
} else if (r == 1) { |
|
73 |
$("#bgimage").attr("src", "static/res/img/transitionChoix2.jpg"); |
|
74 |
} else { |
|
75 |
$("#bgimage").attr("src", "static/res/img/transitionChoix3.jpg"); |
|
76 |
} |
|
| 47 | 77 |
|
78 |
$(function() { |
|
79 |
setTimeout(function() { |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
80 |
$("#theEnd").addClass("display"); |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
48
diff
changeset
|
81 |
$("#transition").css({"opacity" : 0}); |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
82 |
$("#transition").animate({opacity: 1}, 2000); |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
92
diff
changeset
|
83 |
}, 2000); |
| 47 | 84 |
}); |
| 46 | 85 |
</script> |
86 |
||
87 |
</body> |
|
88 |
</html> |