/trunk/modules/mobile/presentations/less/gentiana.less |
---|
115,6 → 115,11 |
} |
} |
} |
.wrapper_demi { |
height: 59px; |
} |
#galerie_carte { |
list-style-type: none; |
} |
/trunk/modules/mobile/presentations/less/functions.less |
---|
17,6 → 17,7 |
.padding-05em { padding: 0.5em; } |
.padding-left-1em { padding-left: 1em; } |
.padding-left-01em { padding-left: 0.1em; } |
.small-caps { font-variant:small-caps; } |
/trunk/modules/mobile/presentations/css/gentiana.css |
---|
8,6 → 8,7 |
.margin-top-05em { margin-top: 0.5em; } |
.padding-05em { padding: 0.5em; } |
.padding-left-1em { padding-left: 1em; } |
.padding-left-01em { padding-left: 0.1em; } |
.small-caps { font-variant: small-caps; } |
.couleur1-bg { background: #ed7826; } |
.couleur2-bg { background: #88ab1c; } |
59,7 → 60,7 |
#canvas_fleur, #canvas_fruit { width: 100%; } |
#floraison_value, #fructification_value { display: none; } |
.wrapper { |
width: 120px; |
width: 120pp; |
height: 120px; |
margin-left: auto; |
margin-right: auto; |
69,6 → 70,7 |
height: 120px; |
width: auto; |
} |
.wrapper_demi { height: 59px; } |
.wrapper ul { margin: 0pt; } |
.wrapper_carte { |
margin-left: auto; |
/trunk/modules/mobile/squelettes/fiche.tpl.html |
---|
41,7 → 41,8 |
<body class="container-fluid"> |
<?= $contenu_onglet; ?> |
<div id="up"> |
<?= $contenu_onglet; ?> |
<div class="row-fluid bas-de-page"> |
<a href="<?= $permalien_num_nom; ?>" class="btn btn-large en-savoir-plus"> |
/trunk/modules/mobile/squelettes/theme_gentiana_niveau1.tpl.html |
---|
11,93 → 11,87 |
$index_icones = 0; |
$nb_onglets = 0; |
?> |
<div id="up"> |
<header class="row-fluid"> |
<div id="tela" class="padding-05em"> |
<div class="text-center titre"> |
<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?> |
<?= $nomsCommuns[0]['nom_vernaculaire'] ?> |
<header class="row-fluid"> |
<div id="tela" class="padding-05em"> |
<div class="text-center titre"> |
<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?> |
<?= $nomsCommuns[0]['nom_vernaculaire'] ?> |
<? else : ?> |
<? if ($texte['titre'][0] != '') : ?> |
<?= $texte['titre'][0]; ?> |
<? else : ?> |
<? if ($texte['titre'][0] != '') : ?> |
<?= $texte['titre'][0]; ?> |
<? else : ?> |
Aucun nom commun défini. |
<? endif; ?> |
Aucun nom commun défini. |
<? endif; ?> |
</div> |
<div class="align-center"> |
<? if ($nom_retenu != '') : ?> |
<?= $nom_retenu; ?> |
<? else : ?> |
Aucun nom scientifique. |
<? endif; ?> |
<? if ($famille != '') : ?> |
(<span class="small-caps"><?= $famille; ?>)</span> |
<? endif; ?> |
</div> |
<? endif; ?> |
</div> |
</header> |
<span class="gradient-bas"></span> |
<div class="align-center"> |
<? if ($nom_retenu != '') : ?> |
<?= $nom_retenu; ?> |
<? else : ?> |
Aucun nom scientifique. |
<? endif; ?> |
<? if ($famille != '') : ?> |
(<span class="small-caps"><?= $famille; ?>)</span> |
<? endif; ?> |
</div> |
</div> |
</header> |
<span class="gradient-bas"></span> |
<div id="" class="row-fluid"> |
<div class="span6"> |
<div class="wrapper"> |
<ul id="galerie_images" class="gallery"> |
<? if (count($illustrations) != 0) : ?> |
<? for($i = 0; $i < count($illustrations); $i++) : ?> |
<? if (trim($illustrations[$i]['legende']['texte']) != ' ') : ?> |
<? $alt = $illustrations[$i]['legende']['titre'].' ('.$illustrations[$i]['legende']['texte'].')'; ?> |
<? else : ?> |
<? $alt = $illustrations[$i]['legende']['titre']; ?> |
<? endif; ?> |
<li> |
<a href="<?= $illustrations[$i]['src'] ?>" rel="external"> |
<img src="<?= $illustrations[$i]['src'] ?>" alt="<?= $alt; ?>" /> |
</a> |
</li> |
<? endfor; ?> |
<? endif; ?> |
</ul> |
</div> |
<div id="" class="row-fluid"> |
<div class="span6"> |
<div class="wrapper"> |
<ul id="galerie_images" class="gallery"> |
<? if (count($illustrations) != 0) : ?> |
<? for($i = 0; $i < count($illustrations); $i++) : ?> |
<? if (trim($illustrations[$i]['legende']['texte']) != ' ') : ?> |
<? $alt = $illustrations[$i]['legende']['titre'].' ('.$illustrations[$i]['legende']['texte'].')'; ?> |
<? else : ?> |
<? $alt = $illustrations[$i]['legende']['titre']; ?> |
<? endif; ?> |
<li> |
<a href="<?= $illustrations[$i]['src'] ?>" rel="external"> |
<img src="<?= $illustrations[$i]['src'] ?>" alt="<?= $alt; ?>" /> |
</a> |
</li> |
<? endfor; ?> |
<? endif; ?> |
</ul> |
</div> |
<div class="span6"> |
<div class="wrapper_carte half-width"> |
<ul id="galerie_carte" class="gallery"> |
<li> |
<a href="<?= $repartition['chorodep'] ?>" rel="external"> |
<img src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" /> |
</a> |
</li> |
</ul> |
</div> |
</div> |
<div class="span6"> |
<div class="wrapper_carte"> |
<ul id="galerie_carte" class="gallery"> |
<li> |
<a href="<?= $repartition['chorodep'] ?>" rel="external"> |
<img src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" /> |
</a> |
</li> |
</ul> |
</div> |
</div> |
</div> |
<? if ($floraison['floraison'] != -1) : ?> |
<div class="row-fluid margin-top-05em padding-left-01em"> |
<div class="span12 bordered"> |
<i class="margin-top-03em margin-left-03em icon-leaf pull-left"></i> |
<div class="margin-left-05em pull-left">Floraison</div> |
<? if ($floraison['floraison'] != -1) : ?> |
<div class="margin-left-05em pull-left">Floraison</div> |
<canvas id="canvas_fleur" height="60"></canvas> |
<span id="floraison_value"><?= $floraison['floraison'] ?></span> |
<? else : ?> |
<br />Aucune information. |
<? endif; ?> |
</div> |
</div> |
<? endif; ?> |
<? if ($floraison['fructification'] != -1) : ?> |
<div class="row-fluid margin-top-05em padding-left-01em"> |
<div class="span12 bordered"> |
<i class="margin-top-03em margin-left-03em icon-asterisk pull-left"></i> |
<div class="margin-left-05em pull-left">Fructification</div> |
<? if ($floraison['fructification'] != -1) : ?> |
<canvas id="canvas_fruit" height="60"></canvas> |
<span id="fructification_value"><?= $floraison['fructification'] ?></span> |
<? else : ?> |
<br />Aucune information. |
<? endif; ?> |
</div> |
</div> |
</div> |
<? endif; ?> |
<script type="text/javascript"> |
var fleur = document.getElementById('floraison_value'), |
fruit = document.getElementById('fructification_value'); |
149,6 → 143,5 |
<? endif; ?> |
<? endif; ?> |
<? endif; ?> |
</div> |
</div> |
</div> |
/trunk/modules/mobile/squelettes/theme_gentiana2_niveau1.tpl.html |
---|
12,154 → 12,153 |
$nb_onglets = 0; |
?> |
<div id="up"> |
<header class="row-fluid"> |
<div id="tela" class="padding-05em"> |
<div class="text-center titre"> |
<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?> |
<?= $nomsCommuns[0]['nom_vernaculaire'] ?> |
<? else : ?> |
Aucun nom commun défini. |
<? endif; ?> |
</div> |
<div class="align-center"> |
<? if ($nom_retenu != '') : ?> |
<?= $nom_retenu; ?> |
<? else : ?> |
Aucun nom scientifique. |
<? endif; ?> |
<? if ($famille != '') : ?> |
(<span class="small-caps"><?= $famille; ?>)</span> |
<? endif; ?> |
</div> |
</div> |
</header> |
<span class="gradient-bas"></span> |
<header class="row-fluid"> |
<div id="tela" class="padding-05em"> |
<div class="text-center titre"> |
<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?> |
<?= $nomsCommuns[0]['nom_vernaculaire'] ?> |
<? else : ?> |
Aucun nom commun défini. |
<? endif; ?> |
<div class="row-fluid"> |
<div class="span12"> |
<div class="row-fluid"> |
<div class="span5 margin-bottom-05em margin-center margin-right-05em"> |
<div class="row-fluid margin-top-05em padding-left-01em" id="icons"> |
<div class="span6"> |
<div class="wrapper_carte"> |
<ul id="galerie_carte" class="gallery"> |
<li> |
<a href="<?= $repartition['chorodep'] ?>" rel="external"> |
<img src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" /> |
</a> |
</li> |
</ul> |
</div> |
</div> |
<div class="align-center"> |
<? if ($nom_retenu != '') : ?> |
<?= $nom_retenu; ?> |
<? else : ?> |
Aucun nom scientifique. |
<? endif; ?> |
<? if ($famille != '') : ?> |
(<span class="small-caps"><?= $famille; ?>)</span> |
<? endif; ?> |
<div class="span6 bordered"> |
<div class="wrapper wrapper_demi"> |
<ul id="galerie_images" class="gallery"> |
<? if (count($illustrations) != 0) : ?> |
<? for($i = 0; $i < count($illustrations); $i++) : ?> |
<? if (trim($illustrations[$i]['legende']['texte']) != ' ') : ?> |
<? $alt = $illustrations[$i]['legende']['titre'].' ('.$illustrations[$i]['legende']['texte'].')'; ?> |
<? else : ?> |
<? $alt = $illustrations[$i]['legende']['titre']; ?> |
<? endif; ?> |
<li> |
<a href="<?= $illustrations[$i]['src'] ?>" rel="external"> |
<img src="<?= $illustrations[$i]['src'] ?>" alt="<?= $alt; ?>" /> |
</a> |
</li> |
<? endfor; ?> |
<? else: ?> |
Aucune image. |
<? endif; ?> |
</ul> |
</div> |
</div> |
</div> |
</header> |
<span class="gradient-bas"></span> |
</div> |
<? if ($floraison['floraison'] != -1) : ?> |
<div class="row-fluid margin-top-05em padding-left-01em"> |
<div class="span12 bordered"> |
<i class="margin-top-03em margin-left-03em icon-leaf pull-left"></i> |
<div class="margin-left-05em pull-left">Floraison</div> |
<canvas id="canvas_fleur" height="60"></canvas> |
<span id="floraison_value"><?= $floraison['floraison'] ?></span> |
</div> |
</div> |
<? endif; ?> |
<? if ($floraison['fructification'] != -1) : ?> |
<div class="row-fluid margin-top-05em padding-left-01em"> |
<div class="span12 bordered"> |
<i class="margin-top-03em margin-left-03em icon-asterisk pull-left"></i> |
<div class="margin-left-05em pull-left">Fructification</div> |
<canvas id="canvas_fruit" height="60"></canvas> |
<span id="fructification_value"><?= $floraison['fructification'] ?></span> |
</div> |
</div> |
<? endif; ?> |
</div> |
<script type="text/javascript"> |
var fleur = document.getElementById('floraison_value'), |
fruit = document.getElementById('fructification_value'); |
if (fleur) { |
dessinCanvas(document.getElementById('canvas_fleur'), '#00F', fleur.innerHTML); |
} |
if (fruit) { |
dessinCanvas(document.getElementById('canvas_fruit'), '#F00', fruit.innerHTML); |
} |
</script> |
<div id="principal"> |
<? if (count($texte['corps']) > 1) : ?> |
<?= $texte['corps'][2]; ?> |
<div class="clearfix"> |
<h4> |
<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i> |
<?= $texte['corps'][3]; ?> |
</h4> |
<?= $texte['corps'][4]; ?> |
</div> |
<div class="row-fluid"> |
<div class="span12"> |
<div class="row-fluid"> |
<div class="span5 margin-bottom-05em margin-right-02em margin-center"> |
<div class="wrapper margin-left-03em"> |
<ul id="galerie_images" class="gallery"> |
<? if (count($illustrations) != 0) : ?> |
<? for($i = 0; $i < count($illustrations); $i++) : ?> |
<? if (trim($illustrations[$i]['legende']['texte']) != ' ') : ?> |
<? $alt = $illustrations[$i]['legende']['titre'].' ('.$illustrations[$i]['legende']['texte'].')'; ?> |
<? else : ?> |
<? $alt = $illustrations[$i]['legende']['titre']; ?> |
<? endif; ?> |
<li> |
<a href="<?= $illustrations[$i]['src'] ?>" rel="external"> |
<img src="<?= $illustrations[$i]['src'] ?>" alt="<?= $alt; ?>" /> |
</a> |
</li> |
<? endfor; ?> |
<? endif; ?> |
</ul> |
</div> |
<div class="row-fluid margin-top-05em padding-left-01em" id="icons"> |
<div class="span6"> |
<div class="wrapper_carte"> |
<ul id="galerie_carte" class="gallery"> |
<li> |
<a href="<?= $repartition['chorodep'] ?>" rel="external"> |
<img src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" /> |
</a> |
</li> |
</ul> |
<div class="accordion" id="accordion2"> |
<? for($c = 3; $c < count($texte['corps'])-1; $c+=2) : ?> |
<? if ($c != 3) : ?> |
<div class="accordion-group"> |
<div class="accordion-heading"> |
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_<?= $c; ?>"> |
<h4> |
<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i> |
<?= $texte['corps'][$c]; ?> |
</h4> |
</a> |
</div> |
</div> |
<div class="span6 bordered"> |
<img src="modules/mobile/presentations/icones/altitude.png"/> |
</div> |
</div> |
<? if ($floraison['floraison'] != -1) : ?> |
<div class="row-fluid margin-top-05em padding-left-01em"> |
<div class="span12 bordered"> |
<i class="margin-top-03em margin-left-03em icon-leaf pull-left"></i> |
<div class="margin-left-05em pull-left">Floraison</div> |
<canvas id="canvas_fleur" height="60"></canvas> |
<span id="floraison_value"><?= $floraison['floraison'] ?></span> |
<div id="collapse_<?= $c; ?>" class="accordion-body collapse"> |
<div class="accordion-inner"> |
<?= $texte['corps'][$c+1]; ?> |
</div> |
</div> |
</div> |
<? endif; ?> |
<? if ($floraison['fructification'] != -1) : ?> |
<div class="row-fluid margin-top-05em padding-left-01em"> |
<div class="span12 bordered"> |
<i class="margin-top-03em margin-left-03em icon-asterisk pull-left"></i> |
<div class="margin-left-05em pull-left">Fructification</div> |
<canvas id="canvas_fruit" height="60"></canvas> |
<span id="fructification_value"><?= $floraison['fructification'] ?></span> |
</div> |
</div> |
<? endif; ?> |
</div> |
<script type="text/javascript"> |
var fleur = document.getElementById('floraison_value'), |
fruit = document.getElementById('fructification_value'); |
if (fleur) { |
dessinCanvas(document.getElementById('canvas_fleur'), '#00F', fleur.innerHTML); |
} |
if (fruit) { |
dessinCanvas(document.getElementById('canvas_fruit'), '#F00', fruit.innerHTML); |
} |
</script> |
<div id="principal"> |
<? if (count($texte['corps']) > 1) : ?> |
<?= $texte['corps'][2]; ?> |
<div class="clearfix"> |
<h4> |
<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i> |
<?= $texte['corps'][3]; ?> |
</h4> |
<?= $texte['corps'][4]; ?> |
</div> |
<div class="accordion" id="accordion2"> |
<? for($c = 3; $c < count($texte['corps'])-1; $c+=2) : ?> |
<? if ($c != 3) : ?> |
<div class="accordion-group"> |
<div class="accordion-heading"> |
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_<?= $c; ?>"> |
<h4> |
<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i> |
<?= $texte['corps'][$c]; ?> |
</h4> |
</a> |
</div> |
<div id="collapse_<?= $c; ?>" class="accordion-body collapse"> |
<div class="accordion-inner"> |
<?= $texte['corps'][$c+1]; ?> |
</div> |
</div> |
</div> |
<? endif; ?> |
<? endfor; ?> |
</div> |
<? else : ?> |
<? if ($floraison['coste']['description']['texte'] != '') : ?> |
<?= $floraison['coste']['description']['texte']; ?> |
<? else : ?> |
<? if (count($floraison['baseflor']) > 1) : ?> |
<? foreach ($floraison['baseflor'] as $index => $texte) : ?> |
<? if ($floraison['baseflor'][$index] != '') : ?> |
<?= $index.' : '.$texte; ?> <br /> |
<? endif; ?> |
<? endforeach; ?> |
<? else : ?> |
<?= $txt_vide; ?> |
<? endif; ?> |
<? endfor; ?> |
</div> |
<? else : ?> |
<? if ($floraison['coste']['description']['texte'] != '') : ?> |
<?= $floraison['coste']['description']['texte']; ?> |
<? else : ?> |
<? if (count($floraison['baseflor']) > 1) : ?> |
<? foreach ($floraison['baseflor'] as $index => $texte) : ?> |
<? if ($floraison['baseflor'][$index] != '') : ?> |
<?= $index.' : '.$texte; ?> <br /> |
<? endif; ?> |
<? endif; ?> |
</div> |
</div> |
</div> <!-- span12 englobant --> |
</div> |
<? endforeach; ?> |
<? else : ?> |
<?= $txt_vide; ?> |
<? endif; ?> |
<? endif; ?> |
<? endif; ?> |
</div> |
</div> |
</div> <!-- span12 englobant --> |
</div> |
/trunk/modules/mobile/squelettes/theme_pyracantha_niveau1.tpl.html |
---|
16,159 → 16,158 |
$txt_vide = "Aucune donnée disponible."; |
$nb_onglets = 0; |
?> |
<div id="up" onclick="gestionPopover();"> |
<header class="row-fluid"> |
<div class="padding-05em"> |
<div class="tela pull-left"> |
<a href="http://tela-botanica.org" rel="external" title="Retour à Tela-Botanica.org"> |
<img src="modules/mobile/presentations/logos/tela.png" alt="Logo Tela" /> |
</a> |
</div> |
<div class="text-center titre"> |
<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?> |
<?= $nomsCommuns[0]['nom_vernaculaire'] ?> |
<? else : ?> |
<? if ($texte['titre'][0] != '') : ?> |
<?= $texte['titre'][0]; ?> |
<div onclick="gestionPopover();"> |
<header class="row-fluid"> |
<div class="padding-05em"> |
<div class="tela pull-left"> |
<a href="http://tela-botanica.org" rel="external" title="Retour à Tela-Botanica.org"> |
<img src="modules/mobile/presentations/logos/tela.png" alt="Logo Tela" /> |
</a> |
</div> |
<div class="text-center titre"> |
<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?> |
<?= $nomsCommuns[0]['nom_vernaculaire'] ?> |
<? else : ?> |
<? if ($texte['titre'][0] != '') : ?> |
<?= $texte['titre'][0]; ?> |
<? else : ?> |
Aucun nom commun défini. |
<? endif; ?> |
<? endif; ?> |
</div> |
</div> |
</header> |
<div id="div-infos"> |
<div id="div-infos-latin" class="row-fluid"> |
<div class="align-center"> |
<a href="#div-infos-latin" class="btn btn-large btn-pop" |
data-content="<?= $txt_latin; ?>" data-html="true" |
data-placement="bottom" data-toggle="popover" |
data-original-title="<div onclick='gestionPopover();'>Pourquoi un nom latin ?</div>" |
onclick="resetPopover();"> |
<? if ($nom_retenu != '') : ?> |
<?= $nom_retenu; ?> |
<? else : ?> |
Aucun nom commun défini. |
Aucun nom scientifique. |
<? endif; ?> |
<? endif; ?> |
</div> |
</a> |
</div> |
</div> |
<div id="div-illustrations" class="row-fluid"> |
<? if (count($illustrations) != 0) : ?> |
<div class="align-center" onclick="gestionSlider();"> |
<a href="#btn-latin" class="" id="gstn-img"> |
<img src="<?= $illustrations[0]['src'] ?>" alt="Miniature" class="pull-left"> |
<img src="modules/mobile/presentations/icones/zoom.png" class="zoom pull-left"/> |
<img src="<?= $illustrations[1]['src'] ?>" alt="Miniature" class="pull-left"> |
</a> |
</div> |
</header> |
<div id="div-infos"> |
<div id="div-infos-latin" class="row-fluid"> |
<div class="align-center"> |
<a href="#div-infos-latin" class="btn btn-large btn-pop" |
data-content="<?= $txt_latin; ?>" data-html="true" |
data-placement="bottom" data-toggle="popover" |
data-original-title="<div onclick='gestionPopover();'>Pourquoi un nom latin ?</div>" |
onclick="resetPopover();"> |
<? if ($nom_retenu != '') : ?> |
<?= $nom_retenu; ?> |
<? else : ?> |
Aucun nom scientifique. |
<? endif; ?> |
</a> |
<div id="slider-pictures" class="carousel slide margin-top-05em"> |
<button class="btn btn-large" onclick="gestionSlider();"> |
<i class="icon-remove pull-left"></i> |
</button> |
<ol class="carousel-indicators"> |
<? for($i = 0; $i < count($illustrations); $i++) : ?> |
<li data-target="#slider-pictures" data-slide-to="<?= $i ?>" class="<?= ($i == 0) ? 'active' : ''; ?>"></li> |
<? endfor; ?> |
</ol> |
<div class="carousel-inner"> |
<? for($i = 0; $i < count($illustrations); $i++) : ?> |
<div class="item <?= ($i == 0) ? ' active' : ''; ?>"> |
<img src="<?= $illustrations[$i]['src'] ?>" alt="Image_<?= $i ?>" > |
<div class="carousel-caption"> |
<h4><?= $illustrations[$i]['legende']['titre'] ?></h4> |
<p><?= $illustrations[$i]['legende']['texte'] ?></p> |
</div> |
</div> |
<? endfor; ?> |
</div> |
</div> |
<a class="left carousel-control" href="#slider-pictures" data-slide="prev">‹</a> |
<a class="right carousel-control" href="#slider-pictures" data-slide="next">›</a> |
</div> |
<? endif; ?> |
</div> |
<div id="div-illustrations" class="row-fluid"> |
<? if (count($illustrations) != 0) : ?> |
<div class="align-center" onclick="gestionSlider();"> |
<a href="#btn-latin" class="" id="gstn-img"> |
<img src="<?= $illustrations[0]['src'] ?>" alt="Miniature" class="pull-left"> |
<img src="modules/mobile/presentations/icones/zoom.png" class="zoom pull-left"/> |
<img src="<?= $illustrations[1]['src'] ?>" alt="Miniature" class="pull-left"> |
</a> |
</div> |
<div id="slider-pictures" class="carousel slide margin-top-05em"> |
<button class="btn btn-large" onclick="gestionSlider();"> |
<i class="icon-remove pull-left"></i> |
</button> |
<ol class="carousel-indicators"> |
<? for($i = 0; $i < count($illustrations); $i++) : ?> |
<li data-target="#slider-pictures" data-slide-to="<?= $i ?>" class="<?= ($i == 0) ? 'active' : ''; ?>"></li> |
<? endfor; ?> |
</ol> |
<div class="carousel-inner"> |
<? for($i = 0; $i < count($illustrations); $i++) : ?> |
<div class="item <?= ($i == 0) ? ' active' : ''; ?>"> |
<img src="<?= $illustrations[$i]['src'] ?>" alt="Image_<?= $i ?>" > |
<div class="carousel-caption"> |
<h4><?= $illustrations[$i]['legende']['titre'] ?></h4> |
<p><?= $illustrations[$i]['legende']['texte'] ?></p> |
</div> |
</div> |
<? endfor; ?> |
</div> |
<a class="left carousel-control" href="#slider-pictures" data-slide="prev">‹</a> |
<a class="right carousel-control" href="#slider-pictures" data-slide="next">›</a> |
</div> |
<? endif; ?> |
</div> |
<div id="div-infos-famille" class="row-fluid"> |
<div class="align-center"> |
<a href="#div-infos-famille" class="btn btn-large btn-pop" data-content="<?= $txt_famille; ?>" |
data-placement="bottom" data-toggle="popover" data-html="true" |
data-original-title="<div onclick='gestionPopover();'>Pourquoi une famille de plante ?</div>" |
onclick="resetPopover();"> |
<? if ($famille != '') : ?> |
Famille des <span class="small-caps"><?= $famille; ?></span> |
<? else : ?> |
<span class="none">En savoir plus sur les familles de plante</span> |
<? endif; ?> |
</a> |
</div> |
</div> |
<div id="div-infos-famille" class="row-fluid"> |
<div class="align-center"> |
<a href="#div-infos-famille" class="btn btn-large btn-pop" data-content="<?= $txt_famille; ?>" |
data-placement="bottom" data-toggle="popover" data-html="true" |
data-original-title="<div onclick='gestionPopover();'>Pourquoi une famille de plante ?</div>" |
onclick="resetPopover();"> |
<? if ($famille != '') : ?> |
Famille des <span class="small-caps"><?= $famille; ?></span> |
<? else : ?> |
<span class="none">En savoir plus sur les familles de plante</span> |
<? endif; ?> |
</a> |
</div> |
<span class="gradient-bas"></span> |
<?= $floraison['coste']['texte']; ?> |
<div class="resume"> |
<? if (count($texte['corps']) > 1) : ?> |
<?= $texte['corps'][2]; ?> |
</div> |
</div> |
</div> |
<span class="gradient-bas"></span> |
<?= $floraison['coste']['texte']; ?> |
<div class="resume"> |
<? if (count($texte['corps']) > 1) : ?> |
<?= $texte['corps'][2]; ?> |
</div> |
<? for($index = 3; $index < count($texte['corps'])-1; $index+=2) : ?> |
<? if (isset($texte['corps'][$c+1])) : |
<? for($index = 3; $index < count($texte['corps'])-1; $index+=2) : ?> |
<? if (isset($texte['corps'][$c+1])) : |
$nb_onglets++; |
$class = ($nb_onglets % 2 == 0) ? "couleur1-bg" : "couleur2-bg"; |
?> |
<div class="row-fluid infos"> |
<div class="btn btn-block <?= $class ?>" data-toggle="collapse" data-target="#c<?= $index ?>"> |
<h4 class="padding-left-1em"> |
<i class="<?= $icones[$index_icones++]; ?> pull-left"></i> |
<?= $texte['corps'][$index]; ?> |
</h4> |
<div class="row-fluid infos"> |
<div class="btn btn-block <?= $class ?>" data-toggle="collapse" data-target="#c<?= $index ?>"> |
<h4 class="padding-left-1em"> |
<i class="<?= $icones[$index_icones++]; ?> pull-left"></i> |
<?= $texte['corps'][$index]; ?> |
</h4> |
</div> |
<div id="c<?= $index ?>" class="collapse"> |
<div class="bg <?= $class ?>"> |
<div class="textes"> |
<? if ($index == 9) : ?> |
<div class="span6 margin-right-05em"> |
Carte de répartition <br /> |
<ul id="galerie_carte" class="gallery style-none margin-center"> |
<li> |
<a href="<?= $repartition['chorodep'] ?>" rel="external"> |
<img src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" /> |
</a> |
</li> |
</ul> |
</div> |
<div class=""> |
<?= $texte['corps'][$index+1]; ?> |
</div> |
<div class="clearfix"></div> |
<? else : ?> |
<?= $texte['corps'][$index+1]; ?> |
<? endif; ?> |
</div> <!-- Fin de la zone de texte --> |
</div> |
<div id="c<?= $index ?>" class="collapse"> |
<div class="bg <?= $class ?>"> |
<div class="textes"> |
<? if ($index == 9) : ?> |
<div class="span6 margin-right-05em"> |
Carte de répartition <br /> |
<ul id="galerie_carte" class="gallery style-none margin-center"> |
<li> |
<a href="<?= $repartition['chorodep'] ?>" rel="external"> |
<img src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" /> |
</a> |
</li> |
</ul> |
</div> |
<div class=""> |
<?= $texte['corps'][$index+1]; ?> |
</div> |
<div class="clearfix"></div> |
<? else : ?> |
<?= $texte['corps'][$index+1]; ?> |
<? endif; ?> |
</div> <!-- Fin de la zone de texte --> |
</div> |
</div> <!-- Fin de la zone déroulante --> |
</div> <!-- Fin du bloc infos --> |
<? endif; ?> |
<? endfor; ?> |
</div> <!-- Fin de la zone déroulante --> |
</div> <!-- Fin du bloc infos --> |
<? endif; ?> |
<? endfor; ?> |
<? else : ?> |
<? if ($floraison['coste']['description']['texte'] != '') : ?> |
<?= $floraison['coste']['description']['texte']; ?> |
<? else : ?> |
<? if ($floraison['coste']['description']['texte'] != '') : ?> |
<?= $floraison['coste']['description']['texte']; ?> |
<? if (count($floraison['baseflor']) > 1) : ?> |
<? foreach ($floraison['baseflor'] as $index => $texte) : ?> |
<? if ($floraison['baseflor'][$index] != '') : ?> |
<?= $index.' : '.$texte; ?> <br /> |
<? endif; ?> |
<? endforeach; ?> |
<? else : ?> |
<? if (count($floraison['baseflor']) > 1) : ?> |
<? foreach ($floraison['baseflor'] as $index => $texte) : ?> |
<? if ($floraison['baseflor'][$index] != '') : ?> |
<?= $index.' : '.$texte; ?> <br /> |
<? endif; ?> |
<? endforeach; ?> |
<? else : ?> |
<?= $txt_vide; ?> |
<? endif; ?> |
<?= $txt_vide; ?> |
<? endif; ?> |
</div> |
<? endif; ?> |
<? endif; ?> |
</div> |
<? endif; ?> |