refactor: review categories position

src/_layouts/base.njk

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

src/_layouts/post.njk

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

src/_pages/404.md

@@ -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 d’accueil](/)
-
-{#
-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
-#}

src/_pages/404.njk

@@ -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 d’accueil</a></p>
+
+</div>
+<aside class="right-side">
+  {% include "tagslist.njk" %}
+  {% include "other_links.njk" %}
+</aside>

src/_pages/all_articles.njk

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

src/_pages/index.njk

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

src/_pages/tags.njk

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

src/assets/css/index.scss

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