Overview
Comment:Ajout galerie images et documents aux squelettes par défaut
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | dev
Files: files | file ages | folders
SHA1: ed028de0ce5ce55c45459a1da818d91b0e42cc9f
User & Date: bohwaz on 2017-09-08 03:33:49
Other Links: branch diff | manifest | tags
Context
2017-09-08
03:36
Correction de l'indentation (tabs) check-in: a25601fd8a user: bohwaz tags: dev
03:33
Ajout galerie images et documents aux squelettes par défaut check-in: ed028de0ce user: bohwaz tags: dev
03:33
Taille moyenne de l'image = 500 pixels, pas 200 check-in: 1ad952a6fd user: bohwaz tags: dev
Changes

Modified src/www/squelettes-dist/article.html from [7a91ea7e48] to [76fac266de].

1
2
3
4
5
6
7
8
9


10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<INCLURE{entete.html}>

<B_article>
	<article>
	    <BOUCLE_article(ARTICLES){uri}>
	    <h1>#TITRE</h1>
	    <div class="corps">
	        [(#TEXTE*|formatter_texte)]
	    </div>


	    </BOUCLE_article>
	</article>

	<B_enfants>
	<section class="articles">
	    <BOUCLE_enfants(PAGES){parent}{par uri}>
	    <article>
	        <h3><a href="#URL">#TITRE</a></h3>
	        <p>[(#TEXTE|supprimer_skriv|couper{200})]</p>
	    </article>
	    </BOUCLE_enfants>
	</section>
	</B_enfants>
</B_article>
<p class="error">
    Cette page n'existe pas.
</p>
<//B_article>

<INCLURE{pied.html}>




|
|
|
|
|
>
>
|




|
|
|
|
|
|




|




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<INCLURE{entete.html}>

<B_article>
	<article>
		<BOUCLE_article(ARTICLES){uri}>
		<h1>#TITRE</h1>
		<div class="corps">
			[(#TEXTE*|formatter_texte)]
		</div>
		<INCLURE{galerie.html}>
		<INCLURE{documents.html}>
		</BOUCLE_article>
	</article>

	<B_enfants>
	<section class="articles">
		<BOUCLE_enfants(PAGES){parent}{par uri}>
		<article>
			<h3><a href="#URL">#TITRE</a></h3>
			<p>[(#TEXTE|supprimer_skriv|couper{200})]</p>
		</article>
		</BOUCLE_enfants>
	</section>
	</B_enfants>
</B_article>
<p class="error">
	Cette page n'existe pas.
</p>
<//B_article>

<INCLURE{pied.html}>

Modified src/www/squelettes-dist/default.css from [fd0a4ece21] to [4d22b01b8b].

197
198
199
200
201
202
203


































































































204
205
206
207
208
209
210
article dl dd {
    margin: .5em 0 .5em 2em;
}

article img {
    max-width: 100%;
}



































































































@media handheld, screen and (max-width: 980px) {
    body {
        padding: 0;
    }

    header.nav {







>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>







197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
article dl dd {
    margin: .5em 0 .5em 2em;
}

article img {
    max-width: 100%;
}

article figure {
    text-align: center;
}

article figcaption {
    font-style: italic;
    color: #666;
    margin-top: 2pt;
    font-size: .8em;
}

article figure.image.centre {
    max-width: 500px;
    margin: 0 auto 8pt auto;
}

article figure.image.gauche {
    max-width: 200px;
    float: left;
    margin: 0 8pt 4pt 0;
    clear: left;
}

article figure.image.droite {
    max-width: 200px;
    float: right;
    margin: 0 0 4pt 8pt;
    clear: right;
}

section.galerie {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

section.galerie figure {
    display: inline-flex;
}

aside.fichier {
    margin: 1em;
}

aside.fichier small {
    opacity: 0.7;
}

aside.fichier a {
    display: inline-block;
    margin-right: 1em;
    padding: .5em;
    padding-left: 1.8em;
    border: 1px solid #999;
    background: #eee;
    border-radius: .5em;
    background-repeat: no-repeat;
    background-position: .5em center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAd0lEQVQoz2NgQAVNQDwDCTcw4AF3gPg/Er4xSBWnAXEHFL9HU/wWSS4FpFgZiJ+jKULHT4BYAWa6LhC/w6HwNRBrojvHEoi/oCn8BMQmuDzoBsQ/oQq/A7E9AwEQDMQ/gNiHgUggx0AN8IVI/AGkeA+ReCdJTgAAgMhKhf6mzTIAAAAASUVORK5CYII=");
    transition: background-color .2s, color .2s;
}

.imageBrowser {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    transition: opacity .5s;
}

.imageBrowser figure {
    margin: 5%;
    width: 90%;
    height: 90%;
    transition: all .5s;
}

.imageBrowser figure img {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    max-width: 100%;
    width: auto;
    height: auto;
    background: #fff;
    padding: 2%;
    max-height: 90%;
    max-width: 90%;
    border-radius: .5em;
    cursor: pointer;
}

@media handheld, screen and (max-width: 980px) {
    body {
        padding: 0;
    }

    header.nav {

Added src/www/squelettes-dist/documents.html version [3338b0694f].



















>
>
>
>
>
>
>
>
>
1
2
3
4
5
6
7
8
9
<B_documents>
	<section class="documents">
	<BOUCLE_documents(DOCUMENTS){article}{par nom}{sauf_mention}>
		<aside class="fichier">
			<a href="#URL">#NOM (#TYPE, [(#TAILLE|taille_en_octets)])</a>
		</aside>
	</BOUCLE_documents>
	</section>
</B_documents>

Added src/www/squelettes-dist/galerie.html version [bedc2aaab8].





























>
>
>
>
>
>
>
>
>
>
>
>
>
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<B_galerie>
	<section class="galerie">
	<BOUCLE_galerie(IMAGES){article}{par nom}{sauf_mention}>
		<figure>
			<a href="#URL" class="internal-image"><img src="#MINIATURE" alt="#NOM" /></a>
		</figure>
	</BOUCLE_galerie>
	</section>
</B_galerie>

<BOUCLE_galerie_script(IMAGES){article}{0,1}>
	<!-- N'inclure le script de galerie que s'il y a au moins une image dans la page -->
	<script type="text/javascript" src="[(#URL_ADMIN)static/scripts/wiki_gallery.js"></script>
</BOUCLE_galerie_script>

Modified src/www/squelettes-dist/rubrique.html from [e239b06eca] to [99a59756e7].

1
2
3
4
5
6
7
8
9


10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<BOUCLE_rubrique(RUBRIQUES){uri}>

	<INCLURE{entete.html}>

	<article class="rubrique">
	    <h1>#TITRE</h1>
	    <div class="corps">
	        [(#TEXTE*|formatter_texte)]
	    </div>


	</article>

	<section class="articles">
	<BOUCLE_articles(ARTICLES){rubrique}{par uri}>
	    <article>
	    <h3><a href="#URL">#TITRE</a></h3>
	    <p>[(#TEXTE|supprimer_skriv|couper{200})]</p>
		</article>
	</BOUCLE_articles>
	</section>

	<INCLURE{pied.html}>

</BOUCLE_rubrique>

	<INCLURE{entete.html}>
	<p class="error">
	    Cette page n'existe pas.
	</p>
	<INCLURE{pied.html}>

<//B_rubrique>





|
|
|
|
>
>




|
|
|










|




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<BOUCLE_rubrique(RUBRIQUES){uri}>

	<INCLURE{entete.html}>

	<article class="rubrique">
		<h1>#TITRE</h1>
		<div class="corps">
			[(#TEXTE*|formatter_texte)]
		</div>
		<INCLURE{galerie.html}>
		<INCLURE{documents.html}>
	</article>

	<section class="articles">
	<BOUCLE_articles(ARTICLES){rubrique}{par uri}>
		<article>
		<h3><a href="#URL">#TITRE</a></h3>
		<p>[(#TEXTE|supprimer_skriv|couper{200})]</p>
		</article>
	</BOUCLE_articles>
	</section>

	<INCLURE{pied.html}>

</BOUCLE_rubrique>

	<INCLURE{entete.html}>
	<p class="error">
		Cette page n'existe pas.
	</p>
	<INCLURE{pied.html}>

<//B_rubrique>