source: spip-zone/_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportailcognac.html @ 103534

Last change on this file since 103534 was 103534, checked in by real3t@…, 3 years ago

2 date par bloc !

File size: 12.7 KB
Line 
1#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
2#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}
3#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
4#SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}
5#SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}
6<script type="text/javascript">
7        CanceladjustLayout = true;
8</script>
9<main id="main" role="main"><div id="communiquant_content">
10<a id="letexte"></a>
11
12<!-- SLIDER -->
13<div id="diaporama" class="zone-slider">
14        <header>
15                <h1 class="hide">Diaporama</h1>
16        </header>
17        <div class="slider-slick">
18                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
19                        <div class="slider-diapo-imgfull">
20                                <a href="#" title="Lire l'article suivant">
21                                        <img src="https://unsplash.it/1920/580?image=1043" alt="" />
22                                </a>
23                        </div>
24                </div>
25                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
26                        <div class="slider-diapo-imgfull">
27                                <a href="#" title="Lire l'article suivant">
28                                        <img src="https://unsplash.it/1920/580?image=103" alt="" />
29                                </a>
30                        </div>
31                </div>
32                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
33                        <div class="slider-diapo-imgfull">
34                                <a href="#" title="Lire l'article suivant">
35                                        <img src="https://unsplash.it/1920/580?image=1031" alt="" />
36                                </a>
37                        </div>
38                </div>
39                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
40                        <div class="slider-diapo-imgfull">
41                                <a href="#" title="Lire l'article suivant">
42                                        <img src="https://unsplash.it/1920/580?image=83" alt="" />
43                                </a>
44                        </div>
45                </div>
46                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
47                        <div class="slider-diapo-imgfull">
48                                <a href="#" title="Lire l'article suivant">
49                                        <img src="https://unsplash.it/1920/580?image=107" alt="" />
50                                </a>
51                        </div>
52                </div>
53                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
54                        <div class="slider-diapo-imgfull">
55                                <a href="#" title="Lire l'article suivant">
56                                        <img src="https://unsplash.it/1920/580?image=78" alt="" />
57                                </a>
58                        </div>
59                </div>
60        </div>
61        <div id="liens-diaporama">
62                <ul>
63                        <li>
64                                <a href="#" title="Voir Visite virtuelle">
65                                        <span>Visite virtuelle<br />
66                                        Ville d'art & d'histoire</span>
67                                        <span class="icon icon-arrow-right2 icon-2x">&#10140;</span>
68                                </a>
69                        </li>
70                </ul>
71        </div>
72</div>
73<!-- fin SLIDER -->
74
75<!-- ACTUS -->
76<div id="actualites" class="zone-actus">
77        <header class="titre-sommaire">
78                <h1>En ce moment à Cognac</h1>
79        </header>
80        <div class="row" id="masonry" role="region" aria-label="Actualités">
81                <div class="grid">
82                        <BOUCLE_articles_recentsAlaUne(ARTICLES){lang}{!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_alanune,4})}{doublons}{titre_mot=AlaUne}>
83                        [(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL})]})]
84                        [(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})]
85                        [(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})]
86                        [(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})]
87                        #SET{facteur,''}#SET{largeur,308}
88                        [(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})]
89                        [(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,955}})]
90                        <div class="grid-item[ grid-item-x(#GET{facteur})]">
91                                <div class="content-actus #EDIT{titre}">
92                                        <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
93                                                [<img src="(#GET{logo}|focusimage{#GET{largeur},340}|extraire_attribut{src}|sinon{http://placehold.it/#GET{largeur}x340})" alt="" width="#GET{largeur}" height="340" />]
94                                                <div class="h2"><span class="titre-actus">#TITRE</span>
95                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
96                                        </a>
97                                </div>
98                        </div>
99                        </BOUCLE_articles_recentsAlaUne>
100                        <B_AgendaDerniersAjouts>
101                        <div class="grid-item">
102                        <BOUCLE_AgendaDerniersAjouts(EVENEMENTS)
103                        {branche}
104                        {par date_debut}
105                        {0,(#CONFIG{soyezcreateurs/nombres_agenda,5})}
106                        {date_fin>=(#ENV{date}|affdate{'Y-m-d'})}
107                        {statut=publie}
108                        >
109                        <BOUCLE_DernierEvenementArticle(ARTICLES){id_article}>
110                                <div class="content-actus #EDIT{titre}">
111                                        <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
112                                                <header class="flexbox-center-space-between triadeA texte-blanc">
113                                                        <time itemprop="startDate" title="#DATE_DEBUT" datetime="#DATE_DEBUT">
114                                                                <span class="dateNombre"><strong>[(#DATE_DEBUT|affdate{d})]</strong>&nbsp;/[(#DATE_DEBUT|affdate{m})]</span>
115                                                                <span class="dateMois display-block">[(#DATE_DEBUT|affdate{Y})]</span>
116                                                        </time>
117                                                        [<img src="(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|focusimage{180,95}|extraire_attribut{src}|sinon{http://placehold.it/180x95})" alt="" width="180" height="95" />]
118                                                </header>
119                                                <div class="h2"><span class="titre-actus">[ (#_DernierEvenementArticle:TITRE|!={#_AgendaDerniersAjouts:TITRE}|?{#TITRE[&nbsp;: (#_AgendaDerniersAjouts:TITRE)],#TITRE})]</span>
120                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
121                                        </a>
122                                </div>
123                        </BOUCLE_DernierEvenementArticle>
124                        [(#COMPTEUR_BOUCLE|alterner{'','</div><div class="grid-item">'})]
125                        </BOUCLE_AgendaDerniersAjouts>
126                        </div>
127                        </B_AgendaDerniersAjouts>
128                        <BOUCLE_Secteurs_Exclus(RUBRIQUES){titre_mot=SecteurPasDansQuoiDeNeuf}><BOUCLE_Articles_Secteurs_Exclus(ARTICLES){id_secteur}{doublons} /></BOUCLE_Secteurs_Exclus>
129                        <BOUCLE_Rubriques_Exclues(RUBRIQUES){titre_mot=PasDansQuoiDeNeuf}><BOUCLE_Articles_Exclus(ARTICLES){id_rubrique}{doublons}{lang} /></BOUCLE_Rubriques_Exclues>
130                        <BOUCLE_exclus(ARTICLES){titre_mot=PasDansQuoiDeNeuf}{doublons} />
131                        <BOUCLE_articles_QuoideNeuf(ARTICLES) {!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_quoideneuf,5})}{doublons}{lang}>
132                        [(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL})]})]
133                        [(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})]
134                        [(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})]
135                        [(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})]
136                        #SET{facteur,''}#SET{largeur,308}
137                        [(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})]
138                        [(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,955}})]
139                        <div class="grid-item[ grid-item-x(#GET{facteur})]">
140                                <div class="content-actus #EDIT{titre}">
141                                        <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
142                                                [<img src="(#GET{logo}|focusimage{#GET{largeur},340}|extraire_attribut{src}|sinon{http://placehold.it/#GET{largeur}x340})" alt="" width="#GET{largeur}" height="340" />]
143                                                <div class="h2"><span class="titre-actus">#TITRE</span>
144                                                        <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
145                                        </a>
146                                </div>
147                        </div>
148                        </BOUCLE_articles_QuoideNeuf>
149                </div>
150        </div>
151        <div class="text-center avec-margin-top avec-margin-bottom">
152                <a class="button texte-blanc triadeA" href="#" title="Consulter les atualités">Consulter toutes les actualités</a>
153        </div>
154</div>
155<!-- fin ACTUS -->
156
157<B_DessousBreves>
158<!-- PROJETS -->
159<div id="lesprojets" class="zone-projets">
160        <header class="titre-sommaire">
161                <h1>Les projets</h1>
162        </header>
163        <div id="projets" class="avec-margin-top">
164                <BOUCLE_DessousBreves(RUBRIQUES){titre_mot = DessousBreves }{par num titre}>
165                <div class="projet idprojet#COMPTEUR_BOUCLE #EDIT{titre}">
166                        <div class="content-projets">
167                                <a href="#URL_RUBRIQUE"[ title="(#DESCRIPTIF|attribut_html)"]>
168                                        <h2>#TITRE</h2>
169                                        <div class="suite">
170                                                <span class="icon icon-arrow-right2">&#10140;</span>
171                                        </div>
172                                </a>
173                        </div>
174                </div>
175                </BOUCLE_DessousBreves>
176        </div>
177        <div class="clearfix"></div>
178</div>
179<!-- fin PROJETS -->
180</B_DessousBreves>
181
182<!-- PRATIQUE -->
183<div id="pratique" class="zone-pratique">
184        <header class="titre-sommaire">
185                <h1>Cognac pratique</h1>
186        </header>
187        <div role="region" aria-label="Pratique">
188                <div class="slider-pratique">
189                        <div class="content-pratique">
190                                <a href="#" title="Lire l'article">
191                                        <img src="https://unsplash.it/280/190?image=118" alt="" />
192                                        <div class="h2"><span class="titre-pratique">Agenda</span>
193                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
194                                </a>
195                        </div>
196                        <div class="content-pratique">
197                                <a href="#" title="Lire l'article">
198                                        <img src="https://unsplash.it/280/190?image=182" alt="" />
199                                        <div class="h2"><span class="titre-pratique">Cantine</span>
200                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
201                                </a>
202                        </div>
203                        <div class="content-pratique">
204                                <a href="#" title="Lire l'article">
205                                        <img src="https://unsplash.it/280/190?image=18" alt="" />
206                                        <div class="h2"><span class="titre-pratique">Piscine</span>
207                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
208                                </a>
209                        </div>
210                        <div class="content-pratique">
211                                <a href="#" title="Lire l'article">
212                                        <img src="https://unsplash.it/280/190?image=182" alt="" />
213                                        <div class="h2"><span class="titre-pratique">Le mag</span>
214                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
215                                </a>
216                        </div>
217                        <div class="content-pratique">
218                                <a href="#" title="Lire l'article">
219                                        <img src="https://unsplash.it/280/190?image=118" alt="" />
220                                        <div class="h2"><span class="titre-pratique">Compte citoyen</span>
221                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
222                                </a>
223                        </div>
224                        <div class="content-pratique">
225                                <a href="#" title="Lire l'article">
226                                        <img src="https://unsplash.it/280/190?image=82" alt="" />
227                                        <div class="h2"><span class="titre-pratique">Démarches en ligne</span>
228                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
229                                </a>
230                        </div>
231                        <div class="content-pratique">
232                                <a href="#" title="Lire l'article">
233                                        <img src="https://unsplash.it/280/190?image=28" alt="" />
234                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
235                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
236                                </a>
237                        </div>
238                        <div class="content-pratique">
239                                <a href="#" title="Lire l'article">
240                                        <img src="https://unsplash.it/280/190?image=132" alt="" />
241                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
242                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
243                                </a>
244                        </div>
245                        <div class="content-pratique">
246                                <a href="#" title="Lire l'article">
247                                        <img src="https://unsplash.it/280/190?image=148" alt="" />
248                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
249                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
250                                </a>
251                        </div>
252                        <div class="content-pratique">
253                                <a href="#" title="Lire l'article">
254                                        <img src="https://unsplash.it/280/190?image=184" alt="" />
255                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
256                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
257                                </a>
258                        </div>
259                        <div class="content-pratique">
260                                <a href="#" title="Lire l'article">
261                                        <img src="https://unsplash.it/280/190?image=238" alt="" />
262                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
263                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
264                                </a>
265                        </div>
266                        <div class="content-pratique">
267                                <a href="#" title="Lire l'article">
268                                        <img src="https://unsplash.it/280/190?image=282" alt="" />
269                                        <div class="h2"><span class="titre-pratique">Recyclez vos sapins de Noël</span>
270                                                <span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
271                                </a>
272                        </div>
273                </div>
274        </div>
275</div>
276<!-- fin PRATIQUE -->
277
278</div><!-- communiquant_content --></main>
279
280[<script src="(#CHEMIN{javascript/masonry.pkgd.min.js})" type="text/javascript"></script>]
281[<script src="(#CHEMIN{javascript/imagesloaded.pkgd.min.js})" type="text/javascript"></script>]
282<script type="text/javascript">
283        // slider Slick
284        $(document).ready(function(){
285                $('.slider-slick').slick({
286                  autoplay: true,
287                  pauseOnHover: true,
288                  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
289                  fade: true,
290                  cssEase: 'linear',
291                  arrows: false,
292                  dots: true,
293                  centerMode: true,
294                  focusOnSelect: true
295                });
296                $('.slider-pratique').slick({
297                  dots: false,
298                  slidesToShow: 7,
299                  infinite: true,
300                  variableWidth: true
301                });
302        });
303        // external js: masonry.pkgd.js, imagesloaded.pkgd.js
304        // init Masonry after all images have loaded
305        var $grid = $('.grid').imagesLoaded( function() {
306          $grid.masonry({
307                itemSelector: '.grid-item',
308                gutter: 20
309          });
310        });
311</script>
312
313#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.