feat(look): Change font and recom

_data/en/i18n.yml

@@ -1,4 +1,4 @@
-about-author: "Hello,<br>I am Jean-Jerome Levy, independent DevOps consultant<span class='nonmobile'> specializing in CI/CD, Docker/Kubernetes, and Cloud</span>."
+about-author: "Hello,<br>I am Jean-Jerome Levy, independent DevOps consultant<span class='nonmobile'> specializing in CI/CD, Docker, Kubernetes, and Cloud</span>."
 author-name: "Jean-Jerome Levy"
 author-desc: "With 20 years of professional experience within the IT departments of major companies, I have developed a strong expertise as a DevOps and Cloud expert. My career has allowed me to contribute to numerous projects, ranging from Web application development and Artificial Intelligence to infrastructure management, and for the past 10 years, to DevOps practices."
 author-job: "DevOps Consultant"
@@ -11,7 +11,7 @@ transl-version: "🇫🇷 version française"
 transl-flag: "france.png"
 copyrigth: "Jean-Jerome Levy for Scalastic unless otherwise specified"
 site-description: "I am an independent DevOps 🚀 and Cloud ☁️ consultant"
-related-article: "Related articles"
+related-article: "You may also like..."
 page404-home: "Return to a safe place!"
 page404-chance: "Take your chance?"
 article-previous: "Previous Article"

_data/fr/i18n.yml

@@ -1,4 +1,4 @@
-about-author: "Bonjour,<br> Je suis Jean-Jérôme Lévy, consultant DevOps indépendant<span class='nonmobile'>, spécialisé en CI/CD, Docker/Kubernetes et Cloud</span>."
+about-author: "Bonjour,<br> Je suis Jean-Jérôme Lévy, consultant DevOps indépendant<span class='nonmobile'>, spécialisé en CI/CD, Docker, Kubernetes et Cloud</span>."
 author-name: "Jean-Jérôme Lévy"
 author-desc: "Avec 20 années d'expérience professionnelle au sein de DSI de grands comptes, j'ai développé une expertise solide en tant qu'expert DevOps et Cloud. Mon parcours m'a permis de contribuer à de nombreux projets, allant du développement d'applications Web et d'Intelligence Artificielle au pilotage d'infrastructure et, depuis 10 ans, aux pratiques DevOps."
 author-job: "Consultant DevOps"
@@ -11,7 +11,7 @@ transl-version: "🇬🇧 🇺🇸 english version"
 transl-flag: "uk.png"
 copyrigth: "Jean-Jérôme Lévy pour Scalastic sauf indication contraire"
 site-description: "Je suis consultant freelance en DevOps 🚀 et Cloud ☁️"
-related-article: "Articles associés"
+related-article: "Vous aimerez peut-être aussi..."
 page404-home: "Retournez en lieu sûr !"
 page404-chance: "Tentez votre chance ?"
 article-previous: "Article Précédent"

_includes/head.html

@@ -96,18 +96,11 @@
   <!-- css -->
   <style>
     @font-face {
-      font-family: 'metropolisbold';
-      src: url("/assets/fonts/metropolis-bold-webfont.woff2") format("woff2"), url("/assets/fonts/metropolis-bold-webfont.woff") format("woff");
-      font-weight: normal;
+      font-family: 'Mulish';
       font-style: normal;
       font-display: swap;
-    }
-    @font-face {
-      font-family: 'Nunito Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-display: swap;
-      src: url("/assets/fonts/nunito-regular.woff2") format("woff2");
+      src: url(/assets/fonts/mulish.woff2) format('woff2');
+      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
     }
   </style>
   <script>

_sass/parts/_home-page.scss

@@ -61,14 +61,20 @@
   }
 
   .about-site {
-    font-family: 'Nunito Sans', sans-serif;
+    font-family: 'Mulish', sans-serif;
     margin: 0 0 10px;
     position: relative;
     padding: 15px;
     font-size: 16px;
-    color: var(--emphasis-color);
+    color: var(--body-color);
     font-weight: 400;
   }
+
+  .about-emphase {
+    color: var(--body-color);
+    font-weight: 700;
+  }
+
   p {
     font-size: 16px;
     margin: 0 0 10px;
@@ -250,7 +256,7 @@ footer {
     .post-title {
       margin: 0 0 10px;
       font-size: 30px;
-      font-weight: 400;
+      font-weight: 800;
       a {
         text-decoration: none;
         color: var(--body-color);

_sass/parts/_post-page.scss

@@ -12,7 +12,7 @@
       min-height: 20px;
       display: block;
     }
-    font-weight: 400;
+    font-weight: 800;
     margin: 0 0 10px;
     line-height: 1.3;
     -webkit-animation: 4s wobble linear;
@@ -671,7 +671,7 @@ a.card-source.microlink_vanilla {
 .recomm,
 .recomm-link,
 .image-container {
-  opacity: 0.8;
+  opacity: 1;
 }
 
 .page-recomm {
@@ -687,7 +687,7 @@ a.card-source.microlink_vanilla {
     color: var(--emphasis-color);
 
     &:hover {
-        opacity: 1;
+        opacity: 1.2;
         .recomm-link,
         .image-container {
           opacity: 1;
@@ -702,6 +702,7 @@ a.card-source.microlink_vanilla {
       padding: 10px;
 
       h5 {
+        font-weight: 800;
         text-align: left;
         text-decoration: none;
         color: var(--body-color);

assets/css/main.scss

@@ -48,7 +48,7 @@ html {
 // Body
 body {
   color: var(--body-color);
-  font-family: 'Nunito Sans',sans-serif;
+  font-family: 'Mulish',sans-serif;
   font-size: 1rem;
   font-size: 19px;
   font-weight: 400;
@@ -70,8 +70,8 @@ body {
 
 // Headings
 h1, h2, h3, h4, h4, h6 {
-  font-family: 'metropolisbold',sans-serif;
-  font-weight: 400;
+  font-family: 'Mulish',sans-serif;
+  font-weight: 800;
 }