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

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

Un peu d'accessibilite (https://fae.disability.illinois.edu/anonymous/)

File size: 6.3 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="agence_content">
10        <a id="letexte"></a>
11
12        <!-- SLOGAN -->
13        <div id="slogan" class="zone-slogan">
14                <header>
15                        [<h1 class="titre-sommaire #EDIT{meta-descriptif_site}">(#DESCRIPTIF_SITE_SPIP|ptobr)</h1>]
16                </header>
17        </div>
18        <!-- fin SLOGAN -->
19       
20        <B_Defilant>
21        <!-- Defilant -->
22        <div id="diaporama" class="zone-slider">
23                <header>
24                        <h1 class="titre-sommaire">Diaporama présentation #NOM_SITE_SPIP</h1>
25                </header>
26                <div class="content-diaporama slider-slick">
27                        <BOUCLE_Defilant(ARTICLES){titre_mot=Defilant}{par num titre}{!par date}>
28                        <article class="item slider-diapo-imgfull">
29                                <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
30                                <figure>
31                                        [<img src="(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{1920,780}|extraire_attribut{src})" alt="" />]
32                                        <figcaption>
33                                                <p class="#EDIT{titre}">#TITRE</p>
34                                        </figcaption>
35                                </figure>
36                                </a>
37                        </article>
38                        </BOUCLE_Defilant>
39                </div>
40        </div>
41        <!-- fin Defilant -->
42        </B_Defilant>
43
44        <BOUCLE_ZoomSur(RUBRIQUES){titre_mot=ZoomSur}{!par date}{0,1}>
45        <!-- L'ÉQUIPE -->
46        <div id="lequipe" class="zone-lequipe">
47                <header class="titre-sommaire">
48                        <h1 class="#EDIT{titre}">#TITRE</h1>
49                </header>
50                <div role="region" aria-label="[(#TITRE|supprimer_tags|attribut_html)]">
51                        <div class="content-lequipe">
52                                <BOUCLE_Membres(ARTICLES){id_rubrique}{par num titre}{!par date}>
53                                <article class="item texte">
54                                        <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
55                                                <figure>
56                                                        <img src="[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{560,560}|extraire_attribut{src})]" alt="" />
57                                                </figure>
58                                                <h2 class="h2 #EDIT{titre}">#TITRE</h2>
59                                                <div class="h3 #EDIT{sous_titre}">#SOUS_TITRE</div>
60                                                [<div class="pave-content">
61                                                        (#CHAPO|sinon{#DESCRIPTIF})
62                                                </div>]
63                                                <div class="bouton">Lire la suite</div>
64                                        </a>
65                                </article>
66                                </BOUCLE_Membres>
67                        </div>
68                </div>
69        </div>
70        <!-- fin L'ÉQUIPE -->
71        </BOUCLE_ZoomSur>
72
73        <!-- Citations -->
74        <INCLURE{fond=noisettes/extra/citations}>
75        <!-- fin Citations -->
76        <BOUCLE_NbCycloshow(MOTS){titre=Cycloshow}{texte!=''}>[(#SET{NbCycloshow,[(#TEXTE|ptobr|intval|sinon{7})]})]</BOUCLE_NbCycloshow>
77        <BOUCLE_Cycloshow(RUBRIQUES){titre_mot=Cycloshow}{!par date}{0,1}>
78        <!-- Cycloshow -->
79        <div id="realisations" class="zone-realisations">
80                <header class="titre-sommaire">
81                        <h1 class="#EDIT{titre}">#TITRE</h1>
82                </header>
83                <div role="region" aria-label="[(#TITRE|supprimer_tags|attribut_html)]">
84                        <div class="content-realisations">
85                                [<link rel="stylesheet" href="(#CHEMIN{javascript/flipster/dist/jquery.flipster.min.css})">]
86                                [<link rel="stylesheet" href="(#CHEMIN{javascript/flipster/dist/flipster.portailagence.css})">]
87                                <article id="coverflow">
88                                        <div class="flip-items">
89                                                <BOUCLE_CycloshowFigures(ARTICLES){id_rubrique}{par hasard}{logo}{0,#GET{NbCycloshow,7}}>
90                                                <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
91                                                <figure>
92                                                        <img src="[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|image_focus{700,600}|extraire_attribut{src})]" alt="" />
93                                                        <figcaption>#TITRE</figcaption>
94                                                </figure>
95                                                </a>
96                                                </BOUCLE_CycloshowFigures>
97                                        </div>
98                                </article>
99
100                                [<script src="(#CHEMIN{javascript/flipster/dist/jquery.flipster.min.js})" type="text/javascript"></script>]
101                                <script type="text/javascript">
102                                        var coverflow = $("#coverflow").flipster({
103                                                style: 'coverflow',
104                                                itemContainer: 'div',
105                                                itemSelector: 'figure',
106                                                start: 'center',
107                                                loop: false,
108                                                scrollwheel: true,
109                                                spacing: -0.45,
110                                                nav: false,
111                                                buttons: true,
112                                        });
113                                </script>
114                        </div>
115                </div>
116        </div>
117        <!-- fin Cycloshow -->
118        </BOUCLE_Cycloshow>
119
120        <BOUCLE_Goodies(RUBRIQUES){titre_mot=Goodies}{!par date}{0,1}>
121        <!-- Goodies -->
122        <div id="prestations" class="zone-prestations">
123                <header class="titre-sommaire">
124                        <h1 class="#EDIT{titre}">#TITRE</h1>
125                </header>
126                <div role="region" aria-label="[(#TITRE|supprimer_tags|attribut_html)]">
127                        <div class="content-prestations">
128                                [(#REM) basé sur avignon pave-img-titre-desc-suite-doublure ]
129                                <BOUCLE_presta(ARTICLES){id_rubrique}{par num titre}{!par date}{0,12}>
130                                <article class="item texte">
131                                        [<img src="(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{120,120}|extraire_attribut{src})" alt="">]
132                                        <div class="pave-content">
133                                                <h2 class="#EDIT{titre}">#TITRE</h2>
134                                                <a href="#URL_ARTICLE" title="Lire[ (#TITRE|attribut_html)]">
135                                                        <span class="bouton plus">+</span>
136                                                </a>
137                                        </div>
138                                        <div class="pave-content-plus">
139                                                <h3 class="#EDIT{titre}">#TITRE</h3>
140                                                [<p class="#EDIT{descriptif}">(#DESCRIPTIF|ptobr|couper{50,'...'})</p>]
141                                                <a href="#URL_ARTICLE" title="Lire[ (#TITRE|attribut_html)]">
142                                                        <span class="bouton plus">+</span>
143                                                </a>
144                                        </div>
145                                </article>
146                                </BOUCLE_presta>
147                        </div>
148                </div>
149        </div>
150        <!-- fin Goodies -->
151        </BOUCLE_Goodies>
152
153        <BOUCLE_Goodies2(ARTICLES){titre_mot=Goodies2}{par hasard}{0,1}>
154        <!-- Tarifs -->
155        <div id="tarifs" class="zone-tarifs">
156                <header class="titre-sommaire">
157                        <h1 class="#EDIT{titre}">Nos tarifs</h1>
158                </header>
159                <div class="content-tarifs #EDIT{texte}">#TEXTE</div>
160        </div>
161        <!-- fin Tarifs -->
162        </BOUCLE_Goodies2>
163
164        [(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]
165
166</div><!-- agence_content -->
167</main>
168<script type="text/javascript">
169        // slider Slick
170        $(document).ready(function(){
171                $('#diaporama .slider-slick').slick({
172                  autoplay: true,
173                  pauseOnHover: true,
174                  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
175                  fade: true,
176                  cssEase: 'linear',
177                  arrows: true,
178                  dots: true,
179                  centerMode: true,
180                  focusOnSelect: true
181                });
182        });
183</script>
184
185#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.