web/mindex_ba.html
author veltr
Tue, 05 Feb 2013 18:41:29 +0100
changeset 118 124f7745a3d6
parent 103 be6c1f9cc258
child 124 8d2376eb825c
permissions -rw-r--r--
Pause on lightbox and minor corrections
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     1
<!DOCTYPE html>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     2
<html lang="fr"
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     3
      xmlns:og="http://ogp.me/ns#"
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     4
      xmlns:fb="https://www.facebook.com/2008/fbml">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     5
	<head>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     6
		<meta charset="utf-8">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     7
		<title>The End, etc.</title>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     8
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     9
		<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.">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    10
		<link rel="icon" href="static/res/img/favicon.ico" />		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    11
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    12
		<!-- Mobile Specific Metas -->
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    13
		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    14
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    15
		<!-- Site Optimization for Facebook -->
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    16
        <meta property="og:title" content="The End, etc." />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    17
		<meta property="og:type" content="website" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    18
		<meta property="og:image" content="http://the-end.nouvelles-ecritures.francetv.fr/theend_fb.jpg" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    19
		<meta property="og:site_name" content="The End, etc." />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    20
        <meta property="og:description" content="The End, etc. Mise en ligne le 13 FÉVRIER 2013"/>		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    21
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    22
		<!-- Test Smartphone -->
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    23
	    <script src="static/res/js/incdetectmobile.js"></script>        
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    24
		<script>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    25
			if (!IsSmartphone()) { location.href = "index.html"; }
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    26
		</script>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    27
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    28
		<link rel="stylesheet" href="static/res/css/style_1024.css" /> 
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    29
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    30
	</head>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    31
	<body id="mobilhp">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    32
		<!-- div content - site takes the full height of browser -->	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    33
		<div id="content">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    34
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    35
			<!-- div content_top - the elements takes the full height of "content_top" -->				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    36
			<div id="content_top">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    37
				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    38
				<header id="top"><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    39
					--><div class="strut"></div><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    40
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    41
					--><div id="title_hp" >
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    42
						<h2>UNE EXPÉRIENCE DE CINÉMA</h2>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    43
						<h1>THE END, ETC.</h1>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    44
						<h2 class="h2_exeption">DE LAETITIA MASSON</h2>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    45
					</div><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    46
				--></header>	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    47
				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    48
				<section id="bottom" >
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    49
					<div class="strut"></div><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    50
					--><div class="fullScreen_vcentering">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    51
						<p id="txt_phone">Mise en ligne <br>le 13 FÉVRIER 2013</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    52
					</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    53
				</section>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    54
			</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    55
			<!-- /div content_top -->				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    56
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    57
			<footer id="footer" class="clearfix">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    58
				<ul class="logo_partners floatL">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    59
					<li>UNE CO-PRODUCTION
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    60
						<ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    61
							<li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    62
								<a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    63
									<img alt="Nouvelles écritures" src="static/res/img/footer/francetv.png" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    64
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    65
							</li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    66
							--><li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    67
								<a href="http://www.memoprod.fr" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    68
									<img alt="Memo prod." src="static/res/img/footer/memoprod.png" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    69
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    70
							</li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    71
						</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    72
					</li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    73
					--><li>AVEC LE SOUTIEN DE
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    74
						<ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    75
							<li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    76
								<a href="http://www.cnc.fr" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    77
									<img alt="CNC" src="static/res/img/footer/cnc.png" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    78
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    79
							</li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    80
							--><li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    81
								<a href="http://www.incandescence.com" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    82
									<img alt="Incandescence" src="static/res/img/footer/inc.png" />		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    83
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    84
							</li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    85
							--><li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    86
								<a href="http://www.iri.centrepompidou.fr" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    87
									<img alt="iri Centre Pompidou" src="static/res/img/footer/iri.png" />		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    88
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    89
							</li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    90
						</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    91
					</li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    92
				</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    93
				<ul class="logo_partners floatL">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    94
					<li>EN PARTENARIAT AVEC
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    95
						<ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    96
							<li class="txt_hidden logo_bg">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    97
								<a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr									
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    98
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    99
							</li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   100
						</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   101
					</li>	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   102
				</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   103
				<ul id="socialMedia" class="floatR">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   104
					<li><a class="pointer" onclick="popup('popUpDiv', 'content')">MENTIONS lÉGALES</a></li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   105
					--><li class="socialLogo"><a id="sharefb" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png"/></a></li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   106
					--><li class="socialLogo"><a id="sharetw" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   107
				</ul>				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   108
			</footer>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   109
			<section id="popUpDiv" style="display:none;">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   110
				<div id="popUpTitle">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   111
					<h2>Mentions Légales</h2>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   112
					<a id="popUpClose" class="pointer" onclick="popup('popUpDiv', 'content')">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   113
						<img alt="Fermer" src="static/res/img/popUpClose.png"/>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   114
					</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   115
				</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   116
				<div id="popUpTxtScroll">				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   117
					<p><span class="gris">Editeur :</span> FRANCE TELEVISIONS<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   118
					<span class="gris">Siège social :</span> 7, Esplanade Henri de France 75015 PARIS<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   119
					<span class="gris">RCS de Paris :</span> 432 766 947<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   120
					<span class="gris">Directeur de la Publication :</span> Rémy Pflimlin<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   121
					<span class="gris">Tel :</span> (+33) 08 90 71 02 02 (0.15 €/min)</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   122
					<p><span class="gris">Hébergeur :</span> FRANCE OXALIDE<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   123
					<span class="gris">Siège social :</span> 25, Boulevard de Strasbourg 75010 Paris<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   124
					<span class="gris">Tel :</span> + 33(0)1 75 771 660</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   125
					<h3>DONNEES PERSONNELLES</h3>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   126
					<p>En application de la loi n°78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés, chaque internaute dispose des droits d’opposition (article 38 de la loi), d’accès (articles 39, 41 et 42 de la loi) et de rectification (article 40 de la loi) des données le concernant. </p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   127
					<p>Ainsi, il peut exiger que soient rectifiées, complétées, clarifiées, mises à jour ou effacées les informations le concernant qui sont inexactes, incomplètes, équivoques, périmées, ou dont la collecte ou l’utilisation, la communication ou la conservation est interdite.</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   128
					<p>Chaque internaute peut exercer ces droits :<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   129
					- soit en accédant à son compte à l’aide de son e-mail et de son mot de passe à l’adresse suivante : http://www.leclubfrancetelevisions.fr<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   130
					- soit en écrivant à FranceTélévisions - A l’attention de Monsieur le Responsable du Service Inscription Internet - 7 Esplanade Henri de France 75015 Paris.</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   131
					<h3>CREDITS</h3>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   132
					<p>Les dépêches de presse et contenus graphiques d’agence utilisés dans la préparation des informations sont la propriété intellectuelle des différentes agences partenaires de francetvinfo (AFP, Reuters, MaxpPPP, Sipa, Getty).</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   133
					<h3>LOGICIELS</h3>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   134
					<p>Certains sites de France Télévisions sont créés à partir des logiciels libres (sous licence GPL) de publication Spip (http://www.uzine.net/spip) et Drupal (http://drupal.org).</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   135
				</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   136
			</section>	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   137
		</div>	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   138
		<div id="blanket" style="display:none;"></div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   139
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   140
		<!-- JavaScript -->		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   141
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   142
        <script src="static/res/js/popup.js"></script>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   143
        <script>        
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   144
        	$(function() {
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   145
        		var resize = function() {
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   146
            		popupPosition('popUpDiv', 'content');
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   147
        		}
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   148
				$(window).resize(resize);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   149
				window.onorientationchange = resize;
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   150
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   151
    			// Set the share url
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   152
        		var replaceAll = function(txt, replace, with_this) {
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   153
 					return txt.replace(new RegExp(replace, 'g'),with_this);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   154
				}    			
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   155
            	var urlToShare = document.URL.replace("mindex.html", "");
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   156
            	var urlToShareTw = replaceAll(urlToShare, ":", "%3A");
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   157
            	urlToShareTw = replaceAll(urlToShareTw, "/", "%2F");    			
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   158
            	$("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   159
            	$("#sharetw").attr('href', "https://twitter.com/share?url=" + urlToShareTw);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   160
            	console.log(urlToShare);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   161
            	console.log(urlToShareTw);				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   162
			});
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   163
		</script>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   164
	</body>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   165
</html>