essais pour nouvelle proposition graphique du site.

il y a 4 ans · e2995884e0
--- a/0-services.markdown
+++ b/0-services.markdown
@@ -1,5 +1,5 @@
 ---
 layout: services
 title: Services
 title: services
 permalink: /services/
 ---
--- a/1-ressources.markdown
+++ b/1-ressources.markdown
@@ -1,6 +1,6 @@
 ---
 layout: page
 title: Ressources
 title: ressources
 permalink: /ressources/
 ---

--- a/2-blog.markdown
+++ b/2-blog.markdown
@@ -1,6 +1,6 @@
 ---
 layout: blog
 title: Blog
 title: blog
 permalink: /blog/
 ---

--- a/_includes/header.html
+++ b/_includes/header.html
@@ -5,7 +5,7 @@
    {%- assign page_paths = site.header_pages | default: default_paths -%}
    <div>
      <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>
      <!--<div>
        <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -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>
--- a/assets/images/allella-logogramme.png
+++ b/assets/images/allella-logogramme.png
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -11,13 +11,26 @@ $border-color: #e8e8e8;

 $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;
  min-height: $header-height;
  display: flex;
  align-items: center;
  background-color: $bg-color;
  border-bottom: 2px solid $txt-color;
  a, a:visited {
    color : $txt-color;
  }
@@ -42,11 +55,15 @@ header.site-header{
  }

  .site-nav .page-link{
    color: $bg-color;
    background-color: $txt-color;
    //color: $bg-color;
    //background-color: $txt-color;
    padding: 5px;
    font-variant: small-caps;
    @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{
  @include relative-font-size(1.1);
  p{
--- a/index.markdown
+++ b/index.markdown
@@ -1,5 +1,5 @@
 ---
 layout: page
 layout: home
 ---