feat: change main title

src/_pages/index.njk

@@ -6,7 +6,8 @@ eleventyNavigation:
 ---
 {% set maxPosts = collections.posts.length | min(5) %}
 {#<h1>{% if maxPosts == 1 %}Article{% else %}Derniers articles{% endif %}</h1>#}
-<h1>Blog IT's on us</h1>
+<h1>Blog numérique responsable</h1>
+<p class="sub-title">par le collectif IT's on us</p>
 {% set postslist = collections.posts | head(-5) %}
 {% set postslistCounter = collections.posts | length %}
 {% include "postslist.njk" %}

src/assets/css/index.scss

@@ -17,6 +17,7 @@
   --background-color: #fff;
 
   --text-color: rgba(0,0,10,.8);
+  --text-color-sub: rgba(0,0,10,.55);;
   --text-color-secondary: var(--color-green-1);
   --text-color-tertiary: var(--color-green-2);
   --text-color-link: var(--color-green-1);
@@ -143,7 +144,12 @@ main {
   padding: 8rem 1rem 4rem 1rem;
 }
 main :first-child {
-  margin-top: 0;
+  margin: 0;
+}
+
+.sub-title {
+  margin: 0.5rem 0 5rem;
+  color: var(--text-color-sub);
 }
 
 table {
@@ -182,7 +188,7 @@ figure img {
 figure figcaption {
   margin-top: 6px;
   font-size: 0.8125em; /* 13px /16 */
-  color: rgba(0,0,10,.55);
+  color: var(--text-color-sub);
 }
 
 /* Header */
@@ -267,7 +273,7 @@ figure figcaption {
 .post-metadata time {
   margin-right: 1em;
   font-size: 0.8125em; /* 13px /16 */
-  color: rgba(0,0,10,.55);
+  color: var(--text-color-sub);
 }
 .post-metadata li:first-child {
   flex-grow: 1;