refactor: review categories position

feat/integration_ideo
Nicolas Doby 2022-10-28 17:28:37 +02:00
parent c3ee5e2de1
commit d239b0814d
8 changed files with 109 additions and 78 deletions

View File

@ -22,13 +22,13 @@
</header> </header>
<main> <main>
<div class="main-content"> {# <div class="main-content">#}
{{ content | safe }} {{ content | safe }}
</div> {# </div>#}
<aside class="right-side"> {# <aside class="right-side">#}
{% include "tagslist.njk" %} {# {% include "tagslist.njk" %}#}
{% include "other_links.njk" %} {# {% include "other_links.njk" %}#}
</aside> {# </aside>#}
</main> </main>
<footer class="main-footer"> <footer class="main-footer">

View File

@ -2,6 +2,7 @@
layout: base.njk layout: base.njk
templateClass: tmpl-post templateClass: tmpl-post
--- ---
<div class="main-content">
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
<div class="post-metadata"> <div class="post-metadata">
@ -33,3 +34,8 @@ templateClass: tmpl-post
</nav> </nav>
{%- endif %} {%- endif %}
{%- endif %} {%- endif %}
</div>
<aside class="right-side">
{% include "tagslist.njk" %}
{% include "other_links.njk" %}
</aside>

View File

@ -1,19 +0,0 @@
---
layout: home.njk
permalink: 404.html
eleventyExcludeFromCollections: true
---
# Cette page n'existe pas !
Vous avez fait fausse route ¯\_(ツ)_/¯
[Aller à la page daccueil](/)
{#
Read more: https://www.11ty.dev/docs/quicktips/not-found/
This will work for both GitHub pages and Netlify:
* https://help.github.com/articles/creating-a-custom-404-page-for-your-github-pages-site/
* https://www.netlify.com/docs/redirects/#custom-404
#}

18
src/_pages/404.njk Normal file
View File

@ -0,0 +1,18 @@
---
layout: home.njk
permalink: 404.html
eleventyExcludeFromCollections: true
---
<div class="main-content">
<p>Cette page n'existe pas !</p>
<p>ous avez fait fausse route ¯\_(ツ)_/¯</p>
<p><a href="/">Aller à la page daccueil</a></p>
</div>
<aside class="right-side">
{% include "tagslist.njk" %}
{% include "other_links.njk" %}
</aside>

View File

@ -4,7 +4,14 @@ eleventyNavigation:
key: Tous les articles key: Tous les articles
order: 3 order: 3
--- ---
<div class="main-content">
<h1>Tous les articles</h1> <h1>Tous les articles</h1>
<nav>
{% include "tagslist.njk" %}
</nav>
{% set postslist = collections.posts %} {% set postslist = collections.posts %}
{% include "postslist.njk" %} {% include "postslist.njk" %}
</div>
<aside class="right-side">
{% include "other_links.njk" %}
</aside>

View File

@ -4,17 +4,17 @@ eleventyNavigation:
key: Accueil key: Accueil
order: 1 order: 1
--- ---
<div class="main-content">
{% set maxPosts = collections.posts.length | min(5) %} {% set maxPosts = collections.posts.length | min(5) %}
{#<h1>{% if maxPosts == 1 %}Article{% else %}Derniers articles{% endif %}</h1>#}
<h1 class="main-title">Blog numérique responsable</h1> <h1 class="main-title">Blog numérique responsable</h1>
<p class="sub-title">par le collectif IT's on us</p> <p class="sub-title">par le collectif IT's on us</p>
<nav>
{% include "tagslist.njk" %}
</nav>
{% set postslist = collections.posts | head(-5) %} {% set postslist = collections.posts | head(-5) %}
{% set postslistCounter = collections.posts | length %} {% set postslistCounter = collections.posts | length %}
{% include "postslist.njk" %} {% include "postslist.njk" %}
</div>
{#List all of the pages in the project#} <aside class="right-side">
{#<ul>#} {% include "other_links.njk" %}
{# {%- for entry in collections.all %}#} </aside>
{# <li><a href="{{ entry.url }}"><code>{{ entry.url }}</code></a></li>#}
{# {%- endfor %}#}
{#</ul>#}

View File

@ -14,7 +14,13 @@ eleventyComputed:
title: Tags “{{ tag }}” title: Tags “{{ tag }}”
permalink: /tags/{{ tag | slugify }}/ permalink: /tags/{{ tag | slugify }}/
--- ---
<div class="main-content">
<h1>#{{ tag }}</h1> <h1>#{{ tag }}</h1>
{% set postslist = collections[ tag ] %} {% set postslist = collections[ tag ] %}
{% include "postslist.njk" %} {% include "postslist.njk" %}
</div>
<aside class="right-side">
{% include "tagslist.njk" %}
{% include "other_links.njk" %}
</aside>

View File

@ -76,24 +76,37 @@ main {
padding-left: 60px; padding-left: 60px;
} }
.right-side .title { .right-side .title,
nav .title {
color: var(--text-color-secondary); color: var(--text-color-secondary);
font-weight: 700; font-weight: 700;
} }
.right-side .tags { nav .title{
font-size: 1.8rem;
}
nav {
margin-bottom: 5rem;
}
.right-side .tags,
nav .tags {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 5px; gap: 5px;
} }
.right-side .links { .right-side .links,
nav .links{
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
.right-side .tags, .right-side .tags,
.right-side .links { .right-side .links,
nav .tags,
nav .links {
padding: 0; padding: 0;
margin: 12px 0 23px 0; margin: 12px 0 23px 0;
list-style: none; list-style: none;