[(#REM)
/*******************************************************************************\
 * BIODIV, plugin et squelette pour SPIP - https://www.spip.net/               *
 *         dédié à la gestion d'observations naturalistes                      *
 *                                                                             *
 *         Copyright (C) 2008-2024 Renaud LAURETTE                             *
 *                                                                             *
 * BIODIV a été développé initialement pour le projet Biodiv.Balma de l'APCVEB *
 * (Association de Protection du Cadre de Vie et de l'Environnement balmanais) * 
 *     voir Biodiv.Balma : https://balma.biodiv.fr/                            *
 *     voir APCVEB : https://apcveb.fr/                                        *
 *                                                                             *
 *  Ce programme est un logiciel libre distribué sous licence GNU/GPL.         *
 *  Pour plus de détails voir les fichier COPYING.txt et LICENCE-BIODIV.md     *
\*******************************************************************************/
]<BOUCLE_rub(RUBRIQUES) {id_rubrique}>
<div class="wrapper">
  <div class="grids ">
    <div class="grid-12 grid zoom surlignable">
      #TEXTE
      [<hr class="notes"/>(#NOTES)]
    </div>
    <div class="grid-4 grid">
    </div>
  </div>
  <!--end of div grids-->
</div>
<!--end of div wrapper-->

<INCLURE{fond=inc/cartographie}{env} /> 

<!--========================================================================== Content Part 3 =====================================================================================-->
<B_b2>
<div class="wrapper">
<h2>Actualité en bref</h2>
  <div class="o-grid f-start">
<BOUCLE_b1(BREVES){id_rubrique}{age < 60}{par date}{inverse}{0,3}>
    <div class="o-media o-cell-3f">
	     [<a href="#URL_BREVE">(#LOGO_BREVE||?{[(#LOGO_BREVE||image_reduire{0,64}|inserer_attribut{class,o-media-figure})],
	     [(#CHEMIN{news.png}|image_reduire{0,64}|inserer_attribut{class,o-media-figure})]})</a>]
	     <div class="o-media-content"><b><a href="#URL_BREVE">#TITRE</a></b>
	     [<p>(#DATE|affdate{'d.m.Y'})</p>]
	     </div>
	 </div>
</BOUCLE_b1>
<BOUCLE_b2(BREVES){id_rubrique}> </BOUCLE_b2>
    <div class="o-media o-cell-3f">
      <a href="[(#URL_PAGE{breves}|parametre_url{id_rubrique,#ID_RUBRIQUE})]">
        [(#CHEMIN{news.png}|image_reduire{0,64}|inserer_attribut{class,o-media-figure})]</a>
      <div class="o-media-content"><b><a href="[(#URL_PAGE{breves}|parametre_url{id_rubrique,#ID_RUBRIQUE})]">Toutes les brèves</a></b> </div>
    </div>
   </div>
  </div>
</B_b2> 
<!--========================================================================== Content Part 3 =====================================================================================-->
<B_a1>
<div class="wrapper">
  <h2>Articles</h2>
  <div class="o-grid f-start">
<BOUCLE_a1(ARTICLES){id_rubrique}{composition !IN espece,lieu,campagne}{par date}{inverse}>
    <div class="o-media o-cell-3f">
	     [<a href="#URL_ARTICLE">(#LOGO_ARTICLE||?{[(#LOGO_ARTICLE||image_reduire{0,64}|inserer_attribut{class,o-media-figure})],
	     [(#CHEMIN{news.png}|image_reduire{0,64}|inserer_attribut{class,o-media-figure})]})</a>]
	     <div class="o-media-content"><b><a href="#URL_ARTICLE">#TITRE</a></b>
	     <p>[(#DATE|affdate{'d.m.Y'}) | ]
	     <BOUCLE_aa(AUTEURS){id_article}{", "}><a href="#URL_AUTEUR">#NOM</a></BOUCLE_aa></p>
	     </div>
	</div>
</BOUCLE_a1>                     
  </div>
</div>
</B_a1>

<!--========================================================================== Content Part 3 =====================================================================================-->
<B_u1>
<div class="wrapper">
  <h2>Lieux</h2>
  <div class="o-grid f-start">
<BOUCLE_u1(ARTICLES){id_rubrique}{composition=lieu}{par titre}>
    <div class="o-media o-cell-3f">
	     [<a href="#URL_ARTICLE">(#LOGO_ARTICLE||?{[(#LOGO_ARTICLE||image_reduire{0,64}|inserer_attribut{class,o-media-figure})],
	     [(#CHEMIN{news.png}|image_reduire{0,64}|inserer_attribut{class,o-media-figure})]})</a>]
	     <div class="o-media-content"><b><a href="#URL_ARTICLE">#TITRE</a></b>
	     <p>[(#DATE|affdate{'d.m.Y'}) | ]
	     <BOUCLE_au(AUTEURS){id_article}{", "}><a href="#URL_AUTEUR">#NOM</a></BOUCLE_au></p>
	     </div>
	</div>
</BOUCLE_u1>                     
  </div>
</div>
</B_u1>
<!--========================================================================== Content Part 3 =====================================================================================-->
<B_camp>
<div class="wrapper">
  <h2>Campagnes</h2>
  <div class="o-grid f-start">
<BOUCLE_camp(BIODIV_CAMPAGNES){id_rubrique}{par debut}{inverse}>
    <div class="o-media o-cell-3f">
	     [<a href="#URL_CAMPAGNE">(#LOGO_CAMPAGNE||?{[(#LOGO_CAMPAGNE||image_reduire{0,64}|inserer_attribut{class,o-media-figure})],
	     [(#CHEMIN{news.png}|image_reduire{0,64}|inserer_attribut{class,o-media-figure})]})</a>]
	     <div class="o-media-content"><b><a href="#URL_CAMPAGNE">#TITRE</a></b>
	     <p>[(#DEBUT|affdate{'d.m.Y'}) ][- (#FIN|affdate{'d.m.Y'}) ]|
	     <BOUCLE_ac(AUTEURS){id_campagne}{", "}><a href="#URL_AUTEUR">#NOM</a></BOUCLE_ac></p>
	     </div>
	</div>
</BOUCLE_camp>                     
  </div>
</div>
</B_camp>


<!--========================================================================== Content Part 3 =====================================================================================-->
<B_e1>
<div class="wrapper">
<h2>Fiches</h2>
  <div class="o-grid f-start">
<BOUCLE_e1(ARTICLES){id_rubrique}{composition=espece}{par titre}>
    <div class="o-cell-4f">
     [<a href="#URL_ARTICLE">(#LOGO_ARTICLE||?{[<img src="(#LOGO_ARTICLE|extraire_attribut{src})"/>],
	     [<img src="(#CHEMIN{fiche.png})" class="spip_logos" />]})</a>]
	 <p><a href="#URL_ARTICLE">#TITRE</a></p>
	</div>
</BOUCLE_e1>
  </div>
</div>
</B_e1>
<!--========================================================================== Content Part 3 =====================================================================================-->
[(#SET{papa,#ID_RUBRIQUE})]
<B_r1>
<div class="wrapper">
  <h2>Plus en détail</h2>
  <div class="o-grid f-start">
<BOUCLE_r1(RUBRIQUES){id_parent=#ID_RUBRIQUE}{par titre}>
    <div class="o-media o-cell-3f">
	     [<a href="#URL_RUBRIQUE">(#LOGO_RUBRIQUE||?{[(#LOGO_RUBRIQUE||image_reduire{0,64}|inserer_attribut{class,o-media-figure})],
	     [(#CHEMIN{biodiv.png}|image_reduire{0,64}|inserer_attribut{class,o-media-figure})]})</a>]
	     <div class="o-media-content"><b><a href="#URL_RUBRIQUE">#TITRE</a></b>
	     </div>
	</div>
</BOUCLE_r1>                     
  </div>
</div>
</B_r1>


<!--========================================================================== Content Part 2 =====================================================================================-->

<div class="wrapper">
  <div class="grids">
    <B_doc>
    <div class="grid-8 grid">
      <h2>Documents</h2>    	     
	  <div class="liste-docs classeur">
	  <BOUCLE_doc(DOCUMENTS) {id_rubrique} {par date} {inverse} {mode=document}{vu=non}{extension !IN jpg,jpeg,png,geojson,kml,gpx}>
	     <div class="item">
	       [(#LOGO_DOCUMENT{#URL_DOCUMENT})]
	       <div class="titrem">#TITRE</div>
	       <div class="infos">#TYPE_DOCUMENT[<br/>(#TAILLE|taille_en_octets)]</div>
	       <div class="nettoyeur"></div>
	     </div>
	   </BOUCLE_doc>
	   </div>
    </div>
    </B_doc>
    <B_web>
    <div class="grid-8 grid">
      <h2>Liens</h2>  	     
	  <div class="liste-docs classeur">
	      <BOUCLE_web(SITES) {id_rubrique} {par nom_site}>
	        <div class="item">
	           <a href="[(#ID_SYNDIC|generer_objet_url{site})]">
	             <img src='#CHEMIN{myclick.svg}' width="64" height="64" alt='' class='spip_logo spip_logos spip_document_icone' />
	           </a>
	           <div class="titrem">#NOM_SITE</div>
	           <div class="infos">Site web</div>
	           <div class="nettoyeur"></div>
	         </div>
	      </BOUCLE_web>
	      </div>
    </div> 
    </B_web>
  </div> <!-- grids-->
</div> <!-- wrapper-->

</BOUCLE_rub>