source: plugins_spip/terraeco_infographie/trunk/infographie.html @ 8045

Last change on this file since 8045 was 8045, checked in by kent1, 6 years ago

La page d'accueil

Le menu de langue

On force la langue

File size: 9.5 KB
Line 
1<BOUCLE_principale(INFOGRAPHIES) {id_infographie}>
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
4]<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
5<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
6<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
7<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
8<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
9<head>
10<script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
11<title>[(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
12[<meta name="description" content="(#INTRODUCTION{150}|attribut_html)" />]
13<meta name="viewport" content="width=device-width, initial-scale=1.0">
14[<link rel="canonical" href="(#URL_INFOGRAPHIE|url_absolue)" />]
15[<link rel="stylesheet" href="(#CHEMIN{css/reset.css}|direction_css)" type="text/css" />]
16<link href='http://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css'>
17[<link rel="stylesheet" href="(#CHEMIN{css/infographie.css}|direction_css)" type="text/css" />]
18<style type="text/css">
19        path.area.perspective1_haute,path.area.perspective2_haute{
20                fill: url( #gradient_perspective1 );
21        }
22</style>
23[<script type="text/javascript" src="(#CHEMIN{javascript/d3.min.js})"></script>]
24#INSERT_HEAD
25[<script type="text/javascript" src="(#CHEMIN{javascript/jquery.mousewheel.js})"></script>]
26[<script type="text/javascript" src="(#CHEMIN{javascript/jquery.mobile.custom.js})"></script>]
27<BOUCLE_donnees(INFOGRAPHIES_DATAS){id_infographies_data=#ENV{donnees}}>
28[<script type="text/javascript" src="(#PRODUIRE{fond=infographie_lang.js,id_infographies_data=#ENV{donnees},lang=#ENV{lang}})"></script>]
29<script type="text/javascript">
30[(#SET{image_demain,[(#CHEMIN{images/demain_[(#CSS_CLASS)_[(#ENV{lang})].png]}|sinon{[(#CHEMIN{images/demain_[(#CSS_CLASS).png]})]}|balise_img)]})][
31(#SET{image_naissance,[(#CHEMIN{images/naissance_[(#CSS_CLASS)_[(#ENV{lang})].png]}|sinon{[(#CHEMIN{images/naissance_[(#CSS_CLASS).png]})]}|balise_img)]})][
32(#SET{image_depart,[(#CHEMIN{images/depart_[(#CSS_CLASS).png]}|balise_img)]})][
33(#SET{image_aujd,[(#CHEMIN{images/aujourdhui_[(#CSS_CLASS)_[(#ENV{lang})].png]}|sinon{[(#CHEMIN{images/aujourdhui_[(#CSS_CLASS).png]})]}|balise_img)]})
34]       var container_id='graph1',infobox_class='infobox',jeu_donnees = #ENV{donnees,1},
35                draw_perspectives_1_fichiers = ['#CHEMIN{csv/perspective_temp_rcp85_original.csv}','#CHEMIN{csv/perspective_temp_rcp26_original.csv}'],
36                draw_perspectives_2_fichiers = ['#CHEMIN{csv/perspective_co2_rcp85_original.csv}','#CHEMIN{csv/perspective_co2_rcp3_original.csv}'],
37                image_demain = {url:"[(#GET{image_demain}|extraire_attribut{src})]",width:[(#GET{image_demain}|extraire_attribut{width})],height:[(#GET{image_demain}|extraire_attribut{height})]},
38                image_naissance = {url:"[(#GET{image_naissance}|extraire_attribut{src})]",width:[(#GET{image_naissance}|extraire_attribut{width})],height:[(#GET{image_naissance}|extraire_attribut{height})]},
39                image_depart = {url:"[(#GET{image_depart}|extraire_attribut{src})]",width:[(#GET{image_depart}|extraire_attribut{width})],height:[(#GET{image_depart}|extraire_attribut{height})]},
40                image_aujd = {url:"[(#GET{image_aujd}|extraire_attribut{src})]",width:[(#GET{image_aujd}|extraire_attribut{width})],height:[(#GET{image_aujd}|extraire_attribut{height})]},
41                date_origine = date_actuelle = [(#ENV{naissance,#GET{naissance_min}}|<{#GET{naissance_min}}|?{#GET{naissance_min},#ENV{naissance}}|intval)],
42                date_naissance = [(#ENV{naissance}|intval)],
43                date_aujourdhui = [(#ENV{date}|annee)];
44</script>
45[<script type="text/javascript" src="(#CHEMIN{javascript/infographie.js})"></script>]
46</BOUCLE_donnees>
47<script type="text/javascript">
48        jQuery(document).ready(function(){
49                jQuery('a.spip_out').click(function(){
50                        jQuery(this).attr('target','_blank');
51                });
52        });
53</script>
54</head>
55
56<body class="pas_surlignable page_infographie">
57<div class="page">
58       
59        <div class="main infographie[ (#INFO_CSS_CLASS{infographies_data,#ENV{donnees}})]">
60                <div class="wrapper hfeed">
61                <div class="content hentry" id="content">
62                        <div class="cartouche">
63                                <h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{40,*}) ]#TITRE</h1>
64                        </div>
65                        <div class="menu_top">
66                                <a href="[(#SELF|parametre_url{naissance,''}|parametre_url{donnees,''})]" title="<:terraeco:title_lien_home|attribut_html:>" class="lien_home"></a>
67                                <a href="http://www.terraeco.net" title="<:terraeco:title_lien_terraeco|attribut_html:>" class="spip_out lien_terraeco"></a>
68                                <a href="[(#VAL{http://www.twitter.com/share}|parametre_url{text,[(#TITRE|replace{'<br />',' '}|strip_tags)]}|parametre_url{url,[(#URL_INFOGRAPHIE|url_absolue)]})]" title="<:terraeco:title_lien_twitter|attribut_html:>" class="spip_out lien_twitter"></a>
69                                <a href="[(#VAL{http://www.facebook.com/sharer/sharer.php}|parametre_url{t,[(#TITRE|replace{'<br />',' '}|strip_tags)]}|parametre_url{u,[(#URL_INFOGRAPHIE|url_absolue)]})]" title="<:terraeco:title_lien_facebook|attribut_html:>" class="spip_out lien_facebook"></a>
70                                #MENU_LANG
71                        </div>
72                        <BOUCLE_si_pas_naissance(CONDITION){si #ENV{naissance}|non|ou{#ENV{naissance}|<{1900}}|ou{#ENV{naissance}|>{2010}}|oui}>
73                        <div class="formulaire_spip formulaire_naissance[(#ENV{naissance}|strlen|et{#ENV{naissance}|<{1900}|ou{#ENV{naissance}|>{2010}}}|oui)erreur #SET{erreur_naissance,oui}]">
74                                <form  action="[(#SELF)]" method="get">
75                                        [(#SELF|form_hidden)]
76                                        <div class="champ">
77                                                <label for="naissance"><:terraeco:label_naissance:></label>
78                                                [(#GET{erreur_naissance}|=={oui}|oui)<span class="message_erreur"><:terraeco:erreur_naissance{naissance=#ENV{naissance}}:></span>]
79                                                <input type="text" class="texte" id="naissance" name="naissance" maxlength="4" size="4" value="#ENV{naissance,''}" />
80                                        </div>
81                                        <div class="boutons">
82                                                <input type="submit" class="submit" id="submit" value="OK" />
83                                        </div>
84                                </form>
85                        </div>
86                        </BOUCLE_si_pas_naissance>
87                        </B_si_pas_naissance>
88                        <BOUCLE_si_naissance_1951(CONDITION){si#ENV{naissance}|<{1951}|et{#ENV{donnees}|ou{#ENV{avt_naissance}}|non}|oui}>
89                        <div class="formulaire_spip formulaire_naissance">
90                                <form  action="[(#SELF)]" method="get">
91                                        [(#SELF|form_hidden)]
92                                        <input type="hidden" name="avt_naissance" value="oui" />
93                                        <div class="champ">#SET{nb,#ENV{naissance}|moins{1951}|replace{'-',''}}
94                                        [<p>(#GET{nb}|singulier_ou_pluriel{terraeco:texte_1951_singulier,terraeco:texte_1951})</p>]
95                                        </div>
96                                        <div class="boutons">
97                                                <input type="submit" class="submit" id="submit" value="OK" />
98                                        </div>
99                                </form>
100                        </div>
101                        </BOUCLE_si_naissance_1951>
102                        </B_si_naissance_1951>
103                        <BOUCLE_jeu_selectionne(INFOGRAPHIES_DATAS){id_infographies_data=#ENV{donnees}}>
104                        <div class="infographie[ (#CSS_CLASS)]">
105                                <div class="description_donnees">
106                                        [<h3 class="#EDIT{titre}">(#TITRE)</h3>][
107                                        <div class="texte[ (#EDIT{texte})]">
108                                                (#TEXTE)
109                                        </div>][
110                                        <div class="credits[ (#EDIT{credits})]">
111                                                (#CREDITS)
112                                        </div>]
113                                </div>
114                                <B_infographies_logo>
115                                <div class="infographies_logo">
116                                <BOUCLE_infographies_logo(INFOGRAPHIES_DATAS spip_infographies_datas_liens){objet=infographie}{id_objet=#ID_INFOGRAPHIE}>
117                                <a href="[(#SELF|parametre_url{donnees,#ID_INFOGRAPHIES_DATA})]" title="[(#TITRE|attribut_html)]"[(#ID_INFOGRAPHIES_DATA|=={#ENV{donnees}}|oui)class="on"]>[(#ID_INFOGRAPHIES_DATA|=={#ENV{donnees}}|?{[(#LOGO_INFOGRAPHIES_DATA_SURVOL|image_reduire{100,100})],[(#LOGO_INFOGRAPHIES_DATA|image_reduire{100,100})]})</a>]
118                                </BOUCLE_infographies_logo>
119                                </div>
120                                </B_infographies_logo>
121                                <BOUCLE_naissance_min(INFOGRAPHIES_DONNEES){id_infographies_data}{par axe_x}{0,1}>
122                                #SET{naissance_min,#AXE_X}
123                                </BOUCLE_naissance_min>
124                                <div id="graph1" class="aGraph" style="position:relative;width:100%;height:500px"></div>
125                                <script type="text/javascript">
126                                        jQuery(document).ready(function(){
127                                                climat_load_datas("[(#PRODUIRE{fond=infographies_data.json,id_infographies_data=#ID_INFOGRAPHIES_DATA,lang=#ENV{lang}})]");
128                                        });
129                                </script>
130                        </div>
131                        [<div class="logo_terraeco">
132                                <a href="http://www.terraeco.net" class="spip_out" target="_blank">(#CHEMIN{images/logo_terraeco_normal.jpg}|image_reduire{100,20})</a>
133                        </div>]
134                        </BOUCLE_jeu_selectionne>
135                        </B_jeu_selectionne>
136                        <B_jeux>
137                        <div class="texte">#TEXTE</div>
138                        <div class="liste_infographies">
139                        <BOUCLE_jeux(INFOGRAPHIES_DATAS spip_infographies_datas_liens){objet=infographie}{id_objet=#ID_INFOGRAPHIE}>
140                        <a href="[(#SELF|parametre_url{donnees,#ID_INFOGRAPHIES_DATA})]">[(#LOGO_INFOGRAPHIES_DATA|image_reduire{250,250})]</a>
141                        </BOUCLE_jeux>
142                        </div>
143                        </B_jeux>
144                        <//B_jeu_selectionne>
145                        <//B_si_naissance_1951>
146                        <//B_si_pas_naissance>
147                </div>
148                </div>
149        </div>
150        [(#ENV{donnees}|non)[<footer class="footer clearfix #EDIT{credits}">
151                (#CREDITS|image_reduire{100,100})
152        </footer>]]
153</div>
154</body>
155</html>
156</BOUCLE_principale>
Note: See TracBrowser for help on using the repository browser.