1 <!DOCTYPE html> |
|
2 <html lang="fr" |
|
3 xmlns:og="http://ogp.me/ns#" |
|
4 xmlns:fb="https://www.facebook.com/2008/fbml" > |
|
5 <head> |
|
6 <meta charset="utf-8"> |
|
7 <title>The End - @todo</title> |
|
8 |
|
9 <meta name="description" content="@todo"> |
|
10 <link rel="icon" href="static/res/img/favicon.ico" /> |
|
11 |
|
12 <!-- Site Optimization for Facebook --> |
|
13 <meta property="og:title" content="the end- @todo" /> |
|
14 <meta property="og:type" content="website" /> |
|
15 <meta property="og:url" content="http://www.clients.incandescence.com/theend/" /> |
|
16 <meta property="og:image" content="https://www.clients.incandescence.com/theend/theend_fb.jpg" /> |
|
17 <meta property="og:site_name" content="the end @todo" /> |
|
18 <meta property="og:description" content="@todo"/> |
|
19 |
|
20 <!-- Mobile Specific Metas --> |
|
21 <meta name="viewport" content="user-scalable=no"> |
|
22 <!-- |
|
23 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
|
24 --> |
|
25 |
|
26 <!-- Test Smartphone --> |
|
27 <script src="static/res/js/incdetectmobile.js"></script> |
|
28 <script> |
|
29 if (IsSmartphone()) { location.href = "mindex.html"; } |
|
30 </script> |
|
31 <!-- Metanav FranceTV --> |
|
32 <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script> |
|
33 |
|
34 <link rel="stylesheet" href="static/res/css/style_1024.css" /> |
|
35 |
|
36 </head> |
|
37 <body> |
|
38 <!-- div content - site takes the full height of browser |
|
39 class="hugeMargin" avant avec id="btnChoice" plus possible --> |
|
40 <div id="content" class="smallMargin"> |
|
41 <div class="btnReturn"> |
|
42 <button id="btnChoice" class="btn" onClick="location.href='transition.html';">Choice</button> |
|
43 </div> |
|
44 <!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
|
45 <header id="top" class="container_vcentering"> |
|
46 |
|
47 <div id="title_sp" class="box_vcentering"> |
|
48 <h1>THE END, ETC.</h1> |
|
49 </div> |
|
50 </header> |
|
51 |
|
52 <section id="imgMiddle" class="bg_smallimg"> |
|
53 <img alt="Élodie Bouchez à la fenêtre" src="static/res/img/partage.jpg" /> |
|
54 </section> |
|
55 |
|
56 <!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
|
57 <!-- resize js: on supprime pas le footer 70px il y n'en a pas --> |
|
58 <section id="bottom" class="container_vcentering"> |
|
59 <div class="box_vcentering"> |
|
60 <p class="big_link">Partagez VOTRE FILM</p> |
|
61 <ul id="socialMedia" > |
|
62 <!--https://developers.facebook.com/docs/reference/dialogs/feed/ --> |
|
63 <li> |
|
64 <a a href="http://www.facebook.com/share.php?u=http://www.clients.incandescence.com/theend/" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png" /></a></li> |
|
65 <!-- https://dev.twitter.com/docs/tweet-button --> |
|
66 <li><a href="https://twitter.com/share?url=https%3A%2F%2Fwww.clients.incandescence.com%2Ftheend%2F" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li> |
|
67 </ul> |
|
68 </div> |
|
69 </section> |
|
70 </div> |
|
71 |
|
72 <!-- JavaScript --> |
|
73 <script src="static/res/js/jquery-1.8.2.min.js"></script> |
|
74 <script src="static/res/js/incresize.js"></script> |
|
75 <script src="static/res/js/incchoice.js"></script> |
|
76 <script src="static/res/js/jquery.cookie.js"></script> |
|
77 <script> |
|
78 $(function() { |
|
79 // Init the resize object |
|
80 incResize.init("content", "top", "imgMiddle", "bottom", null, 130, 1075/604); |
|
81 incResize.resizeElements(); |
|
82 |
|
83 // Debug |
|
84 console.log(incChoice.createShareUrl()); |
|
85 }); |
|
86 </script> |
|
87 </body> |
|
88 </html> |
|