Changeset 119360 in spip-zone


Ignore:
Timestamp:
Dec 28, 2019, 10:07:24 AM (2 months ago)
Author:
cedric@…
Message:

header done

Location:
_galaxie_/plugins-spip-net/trunk
Files:
4 added
2 deleted
6 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/plugins-spip-net/trunk/header/dist.html

    r56159 r119360  
    11[(#REM) <!-- Insertion du logo du site -->]
    2 <div class="logo-site-spip">
    3         [<a href="#URL_SITE_SPIP/">
    4                 <img src="(#CHEMIN{images/logo-site-spip.png})" alt="[(#NOM_SITE_SPIP|attribut_html)]" />
    5         </a>]
     2<div class="d-flex flex-row justify-content-between">
     3        <div class="part-left">
     4                <div class="logo-site-spip">
     5                        [<a href="#URL_SITE_SPIP/">
     6                                <img src="(#CHEMIN{images/logo-site-spip.png})" alt="[(#NOM_SITE_SPIP|attribut_html)]" />
     7                        </a>]
     8                </div>
     9                [(#REM) <!-- Menu changement de langue --> ]
     10                <div id="cadre-langue">
     11                        <div class="conteneur_page">
     12                                <INCLURE{fond=inclure/menu-langues,env}>
     13                        </div>
     14                </div>
     15        </div>
     16
     17        [(#REM) <!-- Insertion d'une image de polatouche, pour le decorum -->]
     18        <div class="polatouche">
     19                <img src="[(#CHEMIN{images/logo-ecureuil.png})]" alt="" />
     20        </div>
    621</div>
    722
    8 [(#REM) <!-- Insertion d'une image de polatouche, pour le decorum -->]
    9 <div class="polatouche">
    10         <img src="[(#CHEMIN{images/logo-ecureuil.png})]" alt="" />
    11 </div>
  • _galaxie_/plugins-spip-net/trunk/inclure/menu-langues.html

    r89789 r119360  
    11<B_langues>
    2         <ul class="menu-langues">
    3 <BOUCLE_langues(DATA){source pregfiles, #EVAL{_DIR_PLUGINS}, lang/pluginspip_[\w{2,3}]+.php$, 100}{par valeur}>
     2        <nav class="menu-langues small">
     3        <BOUCLE_langues(DATA){source pregfiles, #CONST{_DIR_PLUGIN_PLUGINSPIP}, lang/pluginspip_[\w]+\.php$, 100}{par valeur}>
    44                #SET{nom_fichier, #VALEUR|basename{.php}}
    55                #SET{nom_langue, #GET{nom_fichier}|replace{pluginspip_,''}}
    6                 [<li class="item-langue">
    7                         <a rel="alternate"[ href="(#SELF|parametre_url{action,converser}|parametre_url{var_lang,#GET{nom_langue}}|parametre_url{redirect,#SELF|url_absolue})"][ hreflang="(#GET{nom_langue})"][ (#GET{nom_langue}|=={#ENV{lang, fr}}|?{class=on})][ title="(#GET{nom_langue}|traduire_nom_langue)"]>
    8                                 \[(#GET{nom_langue})\]
    9                         </a>
    10                 </li>]
    11 </BOUCLE_langues>
    12         </ul>
     6                [(#SELF|parametre_url{action,converser}|parametre_url{var_lang,#GET{nom_langue}}|parametre_url{redirect,#SELF|url_absolue}
     7                |lien_ou_expose{[\[(#GET{nom_langue})\]],#GET{nom_langue}|=={#ENV{lang,fr}}|oui}
     8                |inserer_attribut{class,link-lang}
     9                |inserer_attribut{rel,alternate}
     10                |inserer_attribut{hreflang,#GET{nom_langue}}
     11                |inserer_attribut{title,#GET{nom_langue}|traduire_nom_langue})]
     12        </BOUCLE_langues>
     13        </nav>
    1314</B_langues>
  • _galaxie_/plugins-spip-net/trunk/theme/body.html

    r119358 r119360  
    77                                <INCLURE{fond=header/#ENV{type-page},env} />
    88                        </div>
    9                         [<div class="navbar navbar-expand-md navbar-dark bg-dark" id="nav">
     9                        [<div class="navbar navbar-expand-md navbar-dark" id="nav">
    1010                                (#INCLURE{fond=inclure/nav,env}|navbar_responsive)
    1111                        </div>]
    12                         [(#REM) <!-- Menu changement de langue --> ]
    13                         <div id="cadre-langue">
    14                                 <div class="conteneur_page">
    15                                         <INCLURE{fond=inclure/menu-langues,env}>
    16                                 </div>
    17                         </div>
    1812                </div>
    1913
  • _galaxie_/plugins-spip-net/trunk/theme/css/_header.scss

    r119358 r119360  
    22  position: relative;
    33  background-color: $primary;
     4  color: $white;
     5  box-shadow: 0 1px 5px $gray-600;
     6
     7  a {
     8    @include link-nav($gray-200, $white) {
     9      text-decoration: underline;
     10      background-color: rgba(255,255,255,0.4);
     11    }
     12  }
     13
     14  .logo-site-spip {
     15    margin-top: $rem-vert-margin;
     16    a {
     17      display: inline-block;
     18    }
     19  }
     20  .polatouche {
     21    align-self: flex-end;
     22    margin-bottom: -58px;
     23    z-index: 3;
     24  }
     25  .menu-langues {
     26    a {
     27      display: inline-block;
     28      &:after {
     29        display: none;
     30      }
     31      @include link-nav($gray-200, $white) {
     32       // text-decoration: underline;
     33        background-color: rgba(255,255,255,0.4);
     34      }
     35      &.on {
     36        color: $white;
     37        font-weight: bold;
     38      }
     39    }
     40    margin-bottom: 0.5 * $rem-vert-margin;
     41  }
     42  #nav {
     43    position: absolute;
     44    top:0;
     45    right:0;
     46    font-size: 16rem/18;
     47    @include media-breakpoint-up(md) {
     48      font-size: 14rem/18;
     49      @include before-block-absolute(){
     50        top:0;
     51        height:100%;
     52        width: 3em;
     53        left: -3em;
     54        background: url(img/nav-corner.svg) no-repeat top right;
     55        background-size: contain;
     56      }
     57    }
     58
     59    line-height: 1;
     60    z-index: 3;
     61    .navbar-inner {
     62      display: flex;
     63      flex-direction: column;
     64    }
     65    .navbar-nav {
     66      background-color: $gray-750;
     67    }
     68    .navbar-toggler {
     69      background-color: $gray-750;
     70      border: none;
     71      align-self: flex-end;
     72      border-top-right-radius: 0;
     73      @include media-breakpoint-down(sm) {
     74        & + .navbar-collapse {
     75          margin-top: -$navbar-toggler-border-radius;
     76        }
     77      }
     78    }
     79  }
    480}
    581
  • _galaxie_/plugins-spip-net/trunk/theme/css/_variables.scss

    r119358 r119360  
    1414$gray-600: #717070 !default;
    1515$gray-700: #666666 !default;
     16$gray-750: #544f52 !default;
    1617$gray-800: #343a40 !default;
    1718$gray-900: #212529 !default;
     
    2930    "600": $gray-600,
    3031    "700": $gray-700,
     32    "750": $gray-750,
    3133    "800": $gray-800,
    3234    "900": $gray-900
     
    174176$link-hover-color:                        darken($link-color, 15%) !default;
    175177$link-hover-decoration:                   underline !default;
     178$link-hover-bg:                           #b4919a;
    176179// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
    177180$emphasized-link-hover-darken-percentage: 15% !default;
     
    715718// Navbar
    716719
    717 $navbar-padding-y:                  0.75rem !default;
     720$navbar-padding-y:                  0.5rem !default;
    718721$navbar-padding-x:                  0 !default;
    719722
    720 $navbar-nav-link-padding-x:         1rem !default;
     723$navbar-nav-link-padding-x:         0.75rem !default;
    721724
    722725$navbar-brand-font-size:            $font-size-lg !default;
  • _galaxie_/plugins-spip-net/trunk/theme/css/theme.scss

    r119358 r119360  
    1818);
    1919
     20@import "css/utils";
    2021@import "css/layout";
     22@import "css/components";
    2123@import "css/header";
    2224@import "css/footer";
     
    5860
    5961.page_sommaire .breadcrumb {display: none}
    60 #nav {
    61   margin-bottom: $rem-vert-margin;
    62   .navbar-inner {
    63     width: 100%;
    64   }
    65 }
Note: See TracChangeset for help on using the changeset viewer.