Browse Source

essais pour nouvelle proposition graphique du site.

jc/ui-proposal
choj 3 years ago
parent
commit
e2995884e0
8 changed files with 53 additions and 48 deletions
  1. +1
    -1
      0-services.markdown
  2. +1
    -1
      1-ressources.markdown
  3. +1
    -1
      2-blog.markdown
  4. +1
    -1
      _includes/header.html
  5. +19
    -40
      _layouts/home.html
  6. BIN
      assets/images/allella-logogramme.png
  7. +29
    -3
      assets/main.scss
  8. +1
    -1
      index.markdown

+ 1
- 1
0-services.markdown View File

@@ -1,5 +1,5 @@
---
layout: services
title: Services
title: services
permalink: /services/
---

+ 1
- 1
1-ressources.markdown View File

@@ -1,6 +1,6 @@
---
layout: page
title: Ressources
title: ressources
permalink: /ressources/
---



+ 1
- 1
2-blog.markdown View File

@@ -1,6 +1,6 @@
---
layout: blog
title: Blog
title: blog
permalink: /blog/
---



+ 1
- 1
_includes/header.html View File

@@ -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>


+ 19
- 40
_layouts/home.html View File

@@ -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>

BIN
assets/images/allella-logogramme.png View File

Before After
Width: 233  |  Height: 146  |  Size: 994 B

+ 29
- 3
assets/main.scss View File

@@ -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{


+ 1
- 1
index.markdown View File

@@ -1,5 +1,5 @@
---
layout: page
layout: home
---




Loading…
Cancel
Save