Changeset 95743 in spip-zone for _squelettes_/html5up_lens


Ignore:
Timestamp:
Mar 3, 2016, 7:22:39 PM (4 years ago)
Author:
spip.franck@…
Message:
Location:
_squelettes_/html5up_lens
Files:
8 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/html5up_lens/404.html

    r95741 r95743  
    77<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
    88<head>
    9   <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
    10   <title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
    11   [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />]
    12   <INCLURE{fond=inclure/head} />
     9        <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
     10        <title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
     11        [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />]
     12        <INCLURE{fond=inclure/head} />
    1313</head>
    1414
     
    2222                                                <a href="#URL_SITE_SPIP"><h1>#NOM_SITE_SPIP</h1></a>
    2323                                                <p>#DESCRIPTIF_SITE_SPIP</p>
    24                                         <INCLURE{fond=inclure/sociaux}>
     24                                                <INCLURE{fond=inclure/sociaux}>
    2525                                        </header>
    26                 <h2 class="album_name"><:lens:albums:></h2>
     26                                <h2 class="album_name"><:lens:albums:></h2>
    2727                                <!-- Thumbnail -->
    2828                                        <section id="thumbnails">
    2929                                        <BOUCLE_ALBUM(ALBUMS){par date}{inverse}>
    30                     [(#SET{titre_album,#TITRE})]
    31                                             <article>
    32                                                 <BOUCLE_DOCUMENTS(DOCUMENTS){id_album}{0,1}>
    33                                                     <a class="thumbnail" href="[(#FICHIER|image_recadre{1200,1200,,'#OOO'}|extraire_attribut{src})]">[(#LOGO_DOCUMENT|image_reduire{160}|image_recadre{160,100}|vider_attribut{class})] [<span>(#GET{titre_album})</span>] </a>
    34                                                 </BOUCLE_DOCUMENTS>
    35                                                 <div class="link">
    36                                                     <a href="#URL_ALBUM" class="button large alt"><:lens:voir_album:></a>
    37                                                 </div>
    38                                                 <a href="#URL_ALBUM"><h2>#TITRE</h2></a>
    39                                             <p>#DESCRIPTIF [- (&copy; #CREDITS)]</p>
    40                                             </article>
     30                                        [(#SET{titre_album,#TITRE})]
     31                                                <article>
     32                                                        <BOUCLE_DOCUMENTS(DOCUMENTS){id_album}{0,1}>
     33                                                                <a class="thumbnail" href="[(#FICHIER|image_recadre{1200,1200,,'#OOO'}|extraire_attribut{src})]">[(#LOGO_DOCUMENT|image_reduire{160}|image_recadre{160,100}|vider_attribut{class})] [<span>(#GET{titre_album})</span>] </a>
     34                                                        </BOUCLE_DOCUMENTS>
     35                                                        <div class="link">
     36                                                                <a href="#URL_ALBUM" class="button large alt"><:lens:voir_album:></a>
     37                                                        </div>
     38                                                        <a href="#URL_ALBUM"><h2>#TITRE</h2></a>
     39                                                        <p>#DESCRIPTIF [- (&copy; #CREDITS)]</p>
     40                                                </article>
    4141                                        </BOUCLE_ALBUM>
    4242                                        </section>
  • _squelettes_/html5up_lens/album.html

    r95741 r95743  
    88<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
    99<head>
    10   <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
    11   <title>[(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
    12   [<meta name="description" content="(#INTRODUCTION{150}|attribut_html)" />]
    13   [<link rel="canonical" href="(#URL_ALBUM|url_absolue)" />]
    14   <INCLURE{fond=inclure/head} />
     10        <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
     11        <title>[(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
     12        [<meta name="description" content="(#INTRODUCTION{150}|attribut_html)" />]
     13        [<link rel="canonical" href="(#URL_ALBUM|url_absolue)" />]
     14        <INCLURE{fond=inclure/head} />
    1515</head>
    1616
     
    2626
    2727                                                <INCLURE{fond=inclure/sociaux}>
    28                                                
     28
    2929                                        </header>
    30                     <BOUCLE_NB_DOCS(DOCUMENTS){id_album}>
    31                     [(#SET{nb_photo,[(#TOTAL_BOUCLE|singulier_ou_pluriel{lens:nombre_photo_un, lens:nombre_photo_plus})]})]
    32                    </BOUCLE_NB_DOCS>
    33                <h2 class="album_name">
     30                                        <BOUCLE_NB_DOCS(DOCUMENTS){id_album}>
     31                                        [(#SET{nb_photo,[(#TOTAL_BOUCLE|singulier_ou_pluriel{lens:nombre_photo_un, lens:nombre_photo_plus})]})]
     32                                        </BOUCLE_NB_DOCS>
     33                                <h2 class="album_name">
    3434
    35                    
    36                    #TITRE [- (#GET{nb_photo})]
    37                </h2>
     35
     36                                        #TITRE [- (#GET{nb_photo})]
     37                                </h2>
    3838                                <!-- Thumbnail -->
    3939                                        <section id="thumbnails">
    40                                        
     40
    4141                                        <BOUCLE_DOCUMENTS(DOCUMENTS){id_album}>
    42                                             <article>
    43                                                <a class="thumbnail" href="[(#FICHIER|image_reduire{1200}|extraire_attribut{src})]">[(#LOGO_DOCUMENT|image_recadre{160,100}|vider_attribut{class})] [<span>(#TITRE)</span>] </a>
    44                                                 <h2>#TITRE</h2>
    45                                             <p>#DESCRIPTIF</p>
    46                                            
    47                                             </article>
    48                     </BOUCLE_DOCUMENTS>
     42                                                <article>
     43                                                        <a class="thumbnail" href="[(#FICHIER|image_reduire{1200}|extraire_attribut{src})]">[(#LOGO_DOCUMENT|image_recadre{160,100}|vider_attribut{class})] [<span>(#TITRE)</span>] </a>
     44                                                        <h2>#TITRE</h2>
     45                                                        <p>#DESCRIPTIF</p>
     46
     47                                                </article>
     48                                        </BOUCLE_DOCUMENTS>
    4949                                        </section>
    5050
  • _squelettes_/html5up_lens/css/perso.css

    r95741 r95743  
    11.thumbnail span{
    2     position: absolute;
    3     bottom: 0;
    4     text-align: center;
    5     width: 100%;
    6     right: 0px;
    7     color: #fff;
    8     font-weight: bold;
     2        position: absolute;
     3        bottom: 0;
     4        text-align: center;
     5        width: 100%;
     6        right: 0px;
     7        color: #fff;
     8        font-weight: bold;
    99}
    1010
    1111h2.album_name {
    12     text-align: left;
    13     margin-left: 15px;
     12        text-align: left;
     13        margin-left: 15px;
    1414}
    1515
    1616.link{
    17     text-align: center;
     17        text-align: center;
    1818}
    1919
    2020.button.alt, .button.alt:hover {
    21     background: #e7746f;
    22     border-color: #e7746f;
    23     color:#fff;
     21        background: #e7746f;
     22        border-color: #e7746f;
     23        color:#fff;
    2424}
  • _squelettes_/html5up_lens/inclure/head.html

    r95741 r95743  
    22        Head standard de toutes les pages ;
    33        les elements specifiques (title, description) figurent dans chaque squelette
    4  
     4
    55]
    66<meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />
     
    1111
    1212[(#REM)
    13       On appelle les feuilles de style]
     13                On appelle les feuilles de style]
    1414                <meta name="viewport" content="width=device-width, initial-scale=1" />
    1515                <!--[if lte IE 8]><script src="#CHEMIN{js/ie/html5shiv.js}"></script><![endif]-->
     
    1717                <!--[if lte IE 8]><link rel="stylesheet" href="#CHEMIN{css/ie8.css}" /><![endif]-->
    1818                <!--[if lte IE 9]><link rel="stylesheet" href="#CHEMIN{css/ie9.css}" /><![endif]-->
    19                
     19
    2020
    2121[(#REM) 2. Style SPIP et ses plugins ]
  • _squelettes_/html5up_lens/inclure/sociaux.html

    r95741 r95743  
    11[(#REM)
    2     liste les liens vers les réseaux sociaux
     2        liste les liens vers les réseaux sociaux
    33
    4     on associe les classes de socicon si l'option est activée
    5     http://www.socicon.com/how.php
     4        on associe les classes de socicon si l'option est activée
     5        http://www.socicon.com/how.php
    66
    77]
    88<!-- sociaux -->
    9   <ul class="icons">
    10       #SET{rezo,#LISTE{facebook,twitter,instagram,google-plus,blogger,pinterest,linkedin,youtube,rss,email,tripadvisor,vimeo,flickr}}
     9        <ul class="icons">
     10                #SET{rezo,#LISTE{facebook,twitter,instagram,google-plus,blogger,pinterest,linkedin,youtube,rss,email,tripadvisor,vimeo,flickr}}
    1111
    12       <BOUCLE_rezo(DATA){source tableau,#GET{rezo}}>
     12                <BOUCLE_rezo(DATA){source tableau,#GET{rezo}}>
    1313
    14       [(#CONFIG{sociaux/#VALEUR}|oui)<li><a href="#CONFIG{sociaux/#VALEUR}" class="icon fa-#VALEUR">[(#CONFIG{sociaux/css}|oui)<span class="label socicon socicon-#VALEUR"></span> ]<span class="label name">[(#VALEUR|ucfirst)]</span></a></li>]
     14                [(#CONFIG{sociaux/#VALEUR}|oui)<li><a href="#CONFIG{sociaux/#VALEUR}" class="icon fa-#VALEUR">[(#CONFIG{sociaux/css}|oui)<span class="label socicon socicon-#VALEUR"></span> ]<span class="label name">[(#VALEUR|ucfirst)]</span></a></li>]
    1515
    1616
    17       </BOUCLE_rezo>
     17                </BOUCLE_rezo>
    1818
    1919
    2020
    21   </ul>
     21        </ul>
    2222<!-- #sociaux -->
  • _squelettes_/html5up_lens/lang/lens_fr.php

    r95741 r95743  
    66'nombre_photo_plus' => '@nb@ photos',
    77'voir_album' => "Voir l'album"
    8     );
     8        );
    99?>
  • _squelettes_/html5up_lens/paquet.xml

    r95741 r95743  
    22        prefix="Lens4spip"
    33        categorie="squelette"
    4         version="0.1"
     4        version="0.1.0"
    55        etat="test"
    66        compatibilite="[3.0.0;3.1.*]"
     
    1212        <nom>Lens</nom>
    1313
    14     <auteur>Got</auteur>
    15     <auteur lien="http://html5up.net">html5up</auteur>
    16     <licence lien="http://html5up.net/license">CC-By</licence>
    17  
     14        <auteur>Got</auteur>
     15        <auteur lien="http://html5up.net">html5up</auteur>
     16        <licence lien="http://html5up.net/license">CC-By</licence>
     17
    1818        <necessite nom="albums" compatibilite="[3.3.18;[" />
    1919        <necessite nom="sociaux" compatibilite="[1.1.0;[" />
  • _squelettes_/html5up_lens/sommaire.html

    r95741 r95743  
    77<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
    88<head>
    9   <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
    10   <title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
    11   [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />]
    12   <INCLURE{fond=inclure/head} />
     9        <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
     10        <title>[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]</title>
     11        [<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />]
     12        <INCLURE{fond=inclure/head} />
    1313</head>
    1414
     
    2222                                                <a href="#URL_SITE_SPIP"><h1>#NOM_SITE_SPIP</h1></a>
    2323                                                <p>#DESCRIPTIF_SITE_SPIP</p>
    24                                         <INCLURE{fond=inclure/sociaux}>
     24                                                <INCLURE{fond=inclure/sociaux}>
    2525                                        </header>
    26                 <h2 class="album_name"><:lens:albums:></h2>
     26                                <h2 class="album_name"><:lens:albums:></h2>
    2727                                <!-- Thumbnail -->
    2828                                        <section id="thumbnails">
    2929                                        <BOUCLE_ALBUM(ALBUMS){par date}{inverse}>
    30                     [(#SET{titre_album,#TITRE})]
    31                                             <article>
    32                                                 <BOUCLE_DOCUMENTS(DOCUMENTS){id_album}{0,1}>
    33                                                     <a class="thumbnail" href="[(#FICHIER|image_reduire{1200}|extraire_attribut{src})]">[(#LOGO_DOCUMENT|image_reduire{160}|image_recadre{160,100}|vider_attribut{class})] [<span>(#GET{titre_album})</span>] </a>
    34                                                 </BOUCLE_DOCUMENTS>
    35                                                 <div class="link">
    36                                                     <a href="#URL_ALBUM" class="button large alt"><:lens:voir_album:></a>
    37                                                 </div>
    38                                                 <a href="#URL_ALBUM"><h2>#TITRE</h2></a>
    39                                             <p>#DESCRIPTIF</p>
    40                                             </article>
     30                                        [(#SET{titre_album,#TITRE})]
     31                                                <article>
     32                                                        <BOUCLE_DOCUMENTS(DOCUMENTS){id_album}{0,1}>
     33                                                                <a class="thumbnail" href="[(#FICHIER|image_reduire{1200}|extraire_attribut{src})]">[(#LOGO_DOCUMENT|image_reduire{160}|image_recadre{160,100}|vider_attribut{class})] [<span>(#GET{titre_album})</span>] </a>
     34                                                        </BOUCLE_DOCUMENTS>
     35                                                        <div class="link">
     36                                                                <a href="#URL_ALBUM" class="button large alt"><:lens:voir_album:></a>
     37                                                        </div>
     38                                                        <a href="#URL_ALBUM"><h2>#TITRE</h2></a>
     39                                                        <p>#DESCRIPTIF</p>
     40                                                </article>
    4141                                        </BOUCLE_ALBUM>
    4242                                        </section>
Note: See TracChangeset for help on using the changeset viewer.