source: spip-zone/_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/inclure/entravaux.html @ 118279

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

[SoyezCréateurs?] Mode en travaux : éviter qu'une image dépasse du cadre.

File size: 11.7 KB
Line 
1[[(#HTTP_HEADER{HTTP/1.1 503 Service Temporarily Unavailable})][(#HTTP_HEADER{Status: 503 Service Temporarily Unavailable})][(#HTTP_HEADER{Retry-After: 7200})](#CONFIG{soyezcreateurs_google/indexation,oui}|=={non}|oui)]<!DOCTYPE HTML>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="#LANG" xml:lang="#LANG" dir="#LANG_DIR">
3<head>
4<meta http-equiv="content-type" content="text/html; charset=#CHARSET" />
5<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6<meta name="robots" content="noindex, nofollow" />
7
8<title><:entravaux:en_travaux:> - [(#NOM_SITE_SPIP|textebrut)]</title>
9
10<meta property="og:title" content="[(#ENV{title}|sinon{<:soyezcreateurs:sommaire:>})]" />
11<meta property="og:type" content="article" />
12<meta property="og:url" content="[(#SELF|url_absolue)]" />
13<BOUCLE_LogoArticle(ARTICLES){id_article}{logo}>[<meta property="og:image" content="(#LOGO_ARTICLE_NORMAL|extraire_attribut{src}|url_absolue)" />]</BOUCLE_LogoArticle><BOUCLE_LogoRubrique(RUBRIQUES){id_rubrique}{logo}>[<meta property="og:image" content="(#LOGO_RUBRIQUE_NORMAL|extraire_attribut{src}|url_absolue)" />]</BOUCLE_LogoRubrique>[<meta property="og:image" content="(#LOGO_SITE_SPIP_NORMAL|extraire_attribut{src}|url_absolue)" />]<//B_LogoRubrique><//B_LogoArticle>
14<meta property="og:site_name" content="[(#NOM_SITE_SPIP|textebrut)]" />
15[<meta property="og:description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)" />]
16<meta property="og:locale" content="[(#LANG|strtolower)]_[(#LANG|strtoupper)]" />
17
18[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|supprimer_tags|attribut_html)" />]
19<meta name="generator" content="SPIP [(#SPIP_VERSION|attribut_html)]" />
20
21<meta name="author" content="Jacques PYRAT https://www.pyrat.net/" />
22<meta name="DC.title" content="[(#NOM_SITE_SPIP|attribut_html)]" />
23<meta name="MSSmartTagsPreventParsing" content="TRUE" />
24[(#REM) D'apres http://www.la-grange.net/w3c/html4.01/present/styles.html#default-style ]
25<meta http-equiv="Content-Style-Type" content="text/css" />
26<meta http-equiv="Content-Script-Type" content="text/javascript" />
27
28<link rel="shortcut icon" type="image/x-icon" href="#URL_SITE_SPIP/spip.php?page=favicon.ico" />
29<!-- Vegas : http://vegas.jaysalvat.com/documentation/setup/ -->
30<link rel="stylesheet" href="#CHEMIN{javascript/vegas.jaysalvat.com/vegas.min.css}">
31
32[(#VAL{''}|f_jQuery     )]
33<script src="#CHEMIN{javascript/vegas.jaysalvat.com/vegas.min.js}"></script>
34
35[(#PLUGIN{GIS}|oui|gis_insert_head_css)]
36[(#PLUGIN{GIS}|oui|gis_insert_head)]
37[(#PLUGIN{GISGEOM}|oui|gisgeom_insert_head_css)]
38<style type="text/css">
39/*<![CDATA[*/
40/*
41This was coded by João Sardinha
42Visit me at http://johnsardine.com/
43
44It has been tested in all modern browsers.
45
46This coming soon page design has been created by the awesome Orman Clark,
47you can download a PSD version of this at his website, PremiumPixels.
48http://www.premiumpixels.com/freebies/coming-soon-splash-page-psd/
49*/
50
51/*
52Im reseting this style for optimal view using Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/
53------------------------------------------------------------------ */
54body, html  { height: 100%; }html, body, div, span, applet, object, iframe,/*h1,2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }:focus { outline: 0; }del { text-decoration: line-through; }table {border-spacing: 0; }
55
56/* Clear Floated Elements http://sonspring.com/journal/clearing-floats */
57.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
58
59/*------------------------------------------------------------------ */
60
61/* Page Style */
62html { height: auto; }
63body{
64        color: #e9e2ee;
65        font-size: 14px;
66        font-family: sans-serif;
67        line-height: 20px;
68        text-shadow: 0 1px 1px rgba(0,0,0,0.75);
69        background: #55575c;
70        -webkit-background-size: cover; /* pour Chrome et Safari */
71        -moz-background-size: cover; /* pour Firefox */
72        -o-background-size: cover; /* pour Opera */
73        background-size: cover; /* version standardisée */}
74a,
75a:link,
76a:visited {
77        color: #c6eaf7;
78        font-weight: bold;
79        text-decoration:none;
80}
81a:active,
82a:hover {
83        color: #d8f3fd;
84        text-shadow: 0 1px 1px rgba(0,0,0,0.75), 0 0 5px rgba(198,234,247,0.4);
85}
86p{
87        margin-bottom: 0.3em;
88}
89ol.spip, ul.spip {
90    padding-left: .5em;
91        margin-bottom: 0.3em;
92}
93ul.spip li{
94    list-style: disc inside;
95        padding-left: 1em;
96}
97.center,
98img.center {
99        text-align: center;
100        clear: both;
101        display: block;
102        margin-left: auto;
103        margin-right: auto;
104}
105#icone_travaux { display: none; }
106#coming-soon{
107        background: rgba(0,0,0,0.7);
108        -webkit-box-sizing : border-box;‌​
109      -moz-box-sizing : border-box;
110           box-sizing : border-box;
111        -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
112           -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
113                        box-shadow: inset 0 0 30px rgba(0,0,0,0.5);
114        display: block;
115        width: 80%;
116        margin: 2em auto;
117        padding: 1em 3em;
118}
119#coming-soon h1{
120        text-align: center;
121        font-size: 35px;
122}
123#coming-soon h2 { margin: 0 0 2em; 0 }
124#coming-soon h2 img.logo { float: right; padding-left: 1em; padding-bottom: 1em; }
125#coming-soon h2 sub { display: block; padding-left: 8px; margin-left: 2em; border-left: 1.2em solid #aaa; font-size: 50%; font-weight: normal; line-height:normal; font-size:.8em;}
126#coming-soon p{
127        text-align: center;
128}
129#coming-soon img { max-width: 100%; }
130
131#bandeau_annonce, #bandeaucontact {
132        display: block;
133        margin: 2em 0 0 0;
134}
135#bandeaucontact {
136        clear: both;
137}
138#bandeau_annonce p { text-align: left; }
139/*Submit Form*/
140#subscribe {
141        display: block;
142        clear: both;
143}
144#subscribe h2 { margin: 0; }
145#subscribe input{
146        display: block;
147        font-size: 1.5em;
148        font-weight: bold;
149        border: 0;
150        -webkit-border-radius: 3px;
151           -moz-border-radius: 3px;
152                        border-radius: 3px;
153        padding: 0 10px;
154        height: 2em;
155}
156#subscribe input[type="text"],
157#subscribe input[type="email"]{
158        color: #335;
159        margin: 0 4px 0 0;
160        width: 100%;
161        -webkit-box-sizing : border-box;‌​
162       -moz-box-sizing : border-box;
163            box-sizing : border-box;
164        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
165           -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
166                        box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
167}
168#subscribe input[type="submit"]{
169        margin:0;
170        margin-top: 1em;
171        display: inline-block;
172        color: #222;
173        text-shadow: 0 1px 0 rgba(255,255,255,0.4);
174        background: #b6d76f;
175        background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9dc954));
176        background: -moz-linear-gradient(top,  #cae285,  #9dc954);
177        -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
178           -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
179                        box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3);
180}
181#subscribe input[type="submit"]:hover{
182        cursor: pointer;
183        -webkit-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
184           -moz-box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
185                        box-shadow: inset 0px 1px 2px rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(255,255,190,0.5);
186}
187#subscribe input[type="submit"]:active{
188        cursor: pointer;
189        position: relative;
190        top: 1px;
191        text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
192        background: #9dc954;
193        background: -webkit-gradient(linear, left top, left bottom, from(#9dc954), to(#cae285));
194        background: -moz-linear-gradient(top,  #9dc954,  #cae285);
195        -webkit-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
196           -moz-box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
197                        box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
198}
199
200#coming-soon p.boutons { text-align: right; }
201
202#coming-soon .twitter:before{
203        content: '@';
204        padding-top: 2px;
205        padding-left: 24px;
206        background: url(twitter.png) no-repeat 0 0px;
207}
208#coming-soon .twitter{
209        padding-top: 5px;
210}
211#footerbas { text-align: right; }
212
213.container {
214  position: absolute;
215  bottom: 2em;
216  right: 2em;
217}
218
219.vegas-overlay {
220  opacity: .2;
221}
222
223.vegas-timer-progress {
224  background: #fff;
225}
226
227@keyframes pulse {
228  0% {
229    transform: scale(.8);
230  }
231  50% {
232    transform: scale(1);
233  }
234  100% {
235    transform: scale(.8);
236  }
237}
238
239
240
241/*]]>*/
242</style>
243[<link rel="stylesheet" href="(#CHEMIN{en_travaux/style.css})">]
244
245#INCLURE{fond=noisettes/googleanalytics}
246
247</head>
248
249<body>
250
251<div id="coming-soon">
252
253        <h1><:info_travaux_titre:></h1>
254        <h2>[<img class="logo" src="(#LOGO_SITE_SPIP_NORMAL|extraire_attribut{src})" width="[(#LOGO_SITE_SPIP_NORMAL|largeur)]" height="[(#LOGO_SITE_SPIP_NORMAL|hauteur)]" alt="[(#NOM_SITE_SPIP|supprimer_tags|attribut_html)]" />]#NOM_SITE_SPIP[ <sub>(#SLOGAN_SITE_SPIP|ptobr)</sub>]</h2>
255
256        [<div id="bandeau_annonce">(#CONFIG{entravaux_message,<:entravaux:info_travaux_texte:>}|propre)</div>]
257
258        [(#PLUGIN{CLEVERMAIL}|oui)[<div id="subscribe"><h2><:soyezcreateurs:vous_souhaitez_etre_tenu_au_courant:></h2>(#FORMULAIRE_CLEVERMAIL{0,html})</div>]]
259        <!--<a href="http://twitter.com/#!/jpyrat" title="Visit pyrat.net on Twitter" class="twitter center">pyrat.net</a>-->
260        [<div id="bandeaucontact">(#CONFIG{soyezcreateurs/bandeau_contact}|propre)</div>]
261       
262        <div id="footerbas">
263                <div id="copymentions"><abbr lang="en" title="Copyright">&copy;</abbr> [(#DATE|annee)][, (#NOM_SITE_SPIP*|sc_supprimer_slogan|propre|supprimer_tags)]</div>
264                <div id="w3cgohome" class="navstuff"><span class="#EDIT{meta-soyezcreateurs/realisation}"><:soyezcreateurs:copyright_realisation:>[(#CONFIG{soyezcreateurs/realisation}|trim|sinon{'<a href="https://www.pyrat.net/" title="Visiter le site du créateur de ce squelette">pyrat.net</a>'}|propre|ptobr)</span>] — <:soyezcreateurs:copyright_spip:></div>
265        </div>
266
267        <p class="retour">
268         \[ <a href="#URL_PAGE{login_sos,url=./}"><:lien_connecter:></a> \]&nbsp;&nbsp;
269         \[ <a href="#URL_PAGE{login_sos,url=ecrire/}"><:login_acces_prive:></a> \]
270        </p>
271       
272</div>
273
274</body>
275<script type="text/javascript">
276(function() {
277        var isSafari = !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/);
278        if(isSafari) {
279           document.getElementById('support-note').style.display = 'block';
280        }
281})();
282
283$('body').vegas({
284        overlay: true,
285        transition: 'fade', 
286        transitionDuration: 1000,
287        delay: 10000,
288        color: 'black',
289        animation: 'random',
290        shuffle: true,
291        loop: true,
292
293        slides: [
294<BOUCLE_FonddePage(MOTS){type=_FondPage}{par hasard}{","}>
295                        { src: '[(#LOGO_MOT_NORMAL|extraire_attribut{src})]' }[(#REM) 
296                        S'il n'y a qu'une image, on met l'image une 2e fois pour l'effet de kernburn soit appliqué en boucle
297                        ][(#TOTAL_BOUCLE|=={1}|oui), { src: '[(#LOGO_MOT_NORMAL|extraire_attribut{src})]' }]
298</BOUCLE_FonddePage>
299                        { src: '#CHEMIN{en_travaux/fond.jpg}' },
300                        [(#REM) On met l'image une 2e fois pour l'effet de kernburn soit appliqué en boucle ]
301                        { src: '#CHEMIN{en_travaux/fond.jpg}' }
302<//B_FonddePage>
303        ],
304
305       
306    init: function (globalSettings) {
307        console.log("Init");
308    },
309    play: function (index, slideSettings) {
310        console.log("Play");
311    },
312    walk: function (index, slideSettings) {
313        console.log("Slide index " + index + " image " + slideSettings.src);
314    }
315});
316
317</script>
318</html>
319#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.