| @@ -1,5 +1,5 @@ | |||||
| --- | --- | ||||
| layout: services | layout: services | ||||
| title: Services | |||||
| title: services | |||||
| permalink: /services/ | permalink: /services/ | ||||
| --- | --- | ||||
| @@ -1,6 +1,6 @@ | |||||
| --- | --- | ||||
| layout: page | layout: page | ||||
| title: Ressources | |||||
| title: ressources | |||||
| permalink: /ressources/ | permalink: /ressources/ | ||||
| --- | --- | ||||
| @@ -1,6 +1,6 @@ | |||||
| --- | --- | ||||
| layout: blog | layout: blog | ||||
| title: Blog | |||||
| title: blog | |||||
| permalink: /blog/ | permalink: /blog/ | ||||
| --- | --- | ||||
| @@ -5,7 +5,7 @@ | |||||
| {%- assign page_paths = site.header_pages | default: default_paths -%} | {%- assign page_paths = site.header_pages | default: default_paths -%} | ||||
| <div> | <div> | ||||
| <span class="site-logo"> | <span class="site-logo"> | ||||
| <a class="site-title" rel="author" href="{{ "/" | relative_url }}"><img src="{{ "/assets/images/logo.svg" | relative_url }}"/></a> | |||||
| <a class="site-title" rel="author" href="{{ "/" | relative_url }}"><img src="{{ "/assets/images/allella-logogramme.png" | relative_url }}"/></a> | |||||
| </span> | </span> | ||||
| <!--<div> | <!--<div> | ||||
| <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> | <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> | ||||
| @@ -1,45 +1,24 @@ | |||||
| --- | |||||
| layout: default | |||||
| --- | |||||
| <!DOCTYPE html> | |||||
| <html lang="{{ page.lang | default: site.lang | default: "en" }}"> | |||||
| <div class="home"> | |||||
| {%- if page.title -%} | |||||
| <h1 class="page-heading">{{ page.title }}</h1> | |||||
| {%- endif -%} | |||||
| {%- include head.html -%} | |||||
| {{ content }} | |||||
| <body> | |||||
| {%- if site.posts.size > 0 -%} | |||||
| <!-- <h2 class="post-list-heading">{{ page.list_title | default: "Billets" }}</h2> --> | |||||
| <ul class="post-list"> | |||||
| {%- for post in site.posts -%} | |||||
| <li> | |||||
| {%- assign date_format = site.minima.date_format | default: "le %d/%m/%Y" -%} | |||||
| <h3> | |||||
| <a class="post-link" href="{{ post.url | relative_url }}"> | |||||
| {{ post.title | escape }} | |||||
| </a> | |||||
| </h3> | |||||
| <div class="post-meta-tags-cats"> | |||||
| <span class="post-meta">{{ post.date | date: date_format }}</span> | |||||
| <span> | |||||
| {%- for tag in post.tags -%} | |||||
| <span class="post-meta-tag">{{tag}}</span> | |||||
| {%- endfor -%} | |||||
| {%- for cat in post.categories -%} | |||||
| <span class="post-meta-category">{{cat}}</span> | |||||
| {%- endfor -%} | |||||
| </span> | |||||
| </div> | |||||
| <p>{{ post.excerpt }}</p> | |||||
| <div class="read-more"> | |||||
| <a href="{{ post.url | relative_url }}">Lire la suite ...</a> | |||||
| </div> | |||||
| </li> | |||||
| {%- endfor -%} | |||||
| </ul> | |||||
| {%- include header.html -%} | |||||
| <div class="fullscreen"> | |||||
| <img src="{{ "/assets/images/logo-2.svg" | relative_url }}"/> | |||||
| </div> | |||||
| <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p> | |||||
| {%- endif -%} | |||||
| <main class="page-content home-page-content" aria-label="Content"> | |||||
| <div class="wrapper"> | |||||
| {{ content }} | |||||
| </div> | |||||
| </main> | |||||
| </div> | |||||
| {%- include footer.html -%} | |||||
| </body> | |||||
| </html> | |||||
| @@ -11,13 +11,26 @@ $border-color: #e8e8e8; | |||||
| $header-height: 20vh; | $header-height: 20vh; | ||||
| header.site-header{ | |||||
| .fullscreen{ | |||||
| width: 100vw; | |||||
| background-color: black; | |||||
| min-height: calc(100vh - #{$header-height}); | |||||
| margin-top: $header-height; | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| align-item:center; | |||||
| } | |||||
| header.site-header{ | |||||
| position: fixed; | |||||
| width: 100vw; | |||||
| border-top: none; | border-top: none; | ||||
| min-height: $header-height; | min-height: $header-height; | ||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| background-color: $bg-color; | |||||
| border-bottom: 2px solid $txt-color; | |||||
| a, a:visited { | a, a:visited { | ||||
| color : $txt-color; | color : $txt-color; | ||||
| } | } | ||||
| @@ -42,11 +55,15 @@ header.site-header{ | |||||
| } | } | ||||
| .site-nav .page-link{ | .site-nav .page-link{ | ||||
| color: $bg-color; | |||||
| background-color: $txt-color; | |||||
| //color: $bg-color; | |||||
| //background-color: $txt-color; | |||||
| padding: 5px; | padding: 5px; | ||||
| font-variant: small-caps; | font-variant: small-caps; | ||||
| @include relative-font-size(1); | @include relative-font-size(1); | ||||
| &:hover{ | |||||
| text-decoration: none; | |||||
| background-color: #2a7ae2; | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| @@ -100,6 +117,15 @@ body{ | |||||
| } | } | ||||
| } | } | ||||
| .page-content{ | |||||
| margin-top: $header-height; | |||||
| } | |||||
| .home-page-content{ | |||||
| margin-top: 10px; | |||||
| @include relative-font-size(1.1); | |||||
| } | |||||
| .post-list{ | .post-list{ | ||||
| @include relative-font-size(1.1); | @include relative-font-size(1.1); | ||||
| p{ | p{ | ||||
| @@ -1,5 +1,5 @@ | |||||
| --- | --- | ||||
| layout: page | |||||
| layout: home | |||||
| --- | --- | ||||