diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index d8e30738..520ddcf1 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -105,7 +105,7 @@ permalink: / # link no qual a página vai ser acessada
 O layout base é um arquivo que contém o html básico de todas as páginas, e é onde são incluídos os arquivos de css e js necessários para o site. A extensão `.liquid` é uma extensão padrão usada pelo Jekyll. No layout básico é possível encontrar algumas expressões como:
 
 ```liquid
-<meta name="description" content="{{ page.site_description }}" />
+<meta name="description" content="{{ page.site_description }}">
 {% include script.liquid.js %}
 ```
 
diff --git a/_includes/script.js.liquid b/_includes/script.js.liquid
index c23ff72c..383ca760 100644
--- a/_includes/script.js.liquid
+++ b/_includes/script.js.liquid
@@ -1,21 +1,21 @@
 <script type="module">
-  import { levenshtein } from "/assets/js/levenshtein.js";
+  import { levenshtein } from '/assets/js/levenshtein.js';
 
   const exactWordScore = 12;
   const partialWordScore = 10;
   const levenshteinScore = 10;
   const levenshteinThreshold = 3;
 
-  const searchInput = document.querySelector("#search-input");
-  const cardsSection = document.querySelector("#cards");
-  const filterSelect = document.querySelector("#tags-filter");
+  const searchInput = document.querySelector('#search-input');
+  const cardsSection = document.querySelector('#cards');
+  const filterSelect = document.querySelector('#tags-filter');
   let listOfCardsFiltered = [];
   let favoriteCards = [];
 
   function insertTagsIntoSelect(tags) {
     tags.sort();
     for (const tag of tags) {
-      const newOption = document.createElement("option");
+      const newOption = document.createElement('option');
       newOption.value = tag;
       newOption.text = tag;
       filterSelect.appendChild(newOption);
@@ -23,7 +23,7 @@
   }
 
   function getTagsFromCards(data) {
-    const tags = ["{{ page.favorites }}"];
+    const tags = ['{{ page.favorites }}'];
     data.map((objeto) => {
       if (objeto.tags) {
         objeto.tags.map((tag) => {
@@ -40,16 +40,13 @@
 
   function filterCards() {
     listOfCardsFiltered = [];
-    const listOfCards = document.querySelectorAll(".card");
+    const listOfCards = document.querySelectorAll('.card');
     listOfCards.forEach((element) => {
-      if (
-        element.getAttribute("tags").includes(filterSelect.value) ||
-        filterSelect.value == "{{ page.all }}"
-      ) {
-        element.style.display = "";
+      if (element.getAttribute('tags').includes(filterSelect.value) || filterSelect.value == '{{ page.all }}') {
+        element.style.display = '';
         listOfCardsFiltered.push(element);
       } else {
-        element.style.display = "none";
+        element.style.display = 'none';
       }
     });
     searchCards();
@@ -58,21 +55,19 @@
   function sortCards(sortingArray) {
     if (listOfCardsFiltered.length > 0) {
       if (!Array.isArray(sortingArray) || !sortingArray.length) {
-        const cards = document.querySelector("#cards");
+        const cards = document.querySelector('#cards');
         // selects all cards that are not hidden and sorts them by title
         // every child is re-appended to cards in the order of the now sorted array. When an element is re-appended it is actually moved from its previous location
         [...cards.querySelectorAll(".card:not([style*='display: none;'])")]
           .sort((a, b) =>
             a
-              .querySelector(".card__title")
+              .querySelector('.card__title')
               .textContent.toLowerCase()
-              .localeCompare(
-                b.querySelector(".card__title").textContent.toLowerCase(),
-              ),
+              .localeCompare(b.querySelector('.card__title').textContent.toLowerCase()),
           )
           .forEach((node) => cards.appendChild(node));
       } else {
-        const cards = document.querySelector("#cards");
+        const cards = document.querySelector('#cards');
         // selects all cards that are not hidden and sorts them by the order of the sortingArray
         // every child is re-appended to cards in the order of the now sorted array. When an element is re-appended it is actually moved from its previous location
         [...cards.querySelectorAll(".card:not([style*='display: none;'])")]
@@ -94,9 +89,7 @@
 
         // search for words inside the title that either contains the search words or have a low levenshtein distance
         // only consider the best case for each search word
-        const cardTitle = card
-          .querySelector(".card__title")
-          .textContent.toLowerCase();
+        const cardTitle = card.querySelector('.card__title').textContent.toLowerCase();
         const titleWords = cardTitle.split(/\s+/);
         let titleScore = 0;
 
@@ -115,10 +108,7 @@
                 const levenshteinDistance = levenshtein(searchWord, word);
 
                 // only the word with the lowest levenshtein distance will be considered
-                if (
-                  levenshteinDistance <= levenshteinThreshold &&
-                  levenshteinScore - levenshteinDistance > wordScore
-                ) {
+                if (levenshteinDistance <= levenshteinThreshold && levenshteinScore - levenshteinDistance > wordScore) {
                   wordScore = levenshteinScore - levenshteinDistance;
                 }
               }
@@ -133,9 +123,7 @@
 
         // search for words inside the description that either contains the search words or have a low levenshtein distance
         // only consider the best case for each search word
-        const cardDescription = card
-          .querySelector(".card__description")
-          .textContent.toLowerCase();
+        const cardDescription = card.querySelector('.card__description').textContent.toLowerCase();
         const descriptionWords = cardDescription.split(/\s+/);
         let descriptionScore = 0;
 
@@ -154,10 +142,7 @@
                 const levenshteinDistance = levenshtein(searchWord, word);
 
                 // only the word with the lowest levenshtein distance will be considered
-                if (
-                  levenshteinDistance <= levenshteinThreshold &&
-                  levenshteinScore - levenshteinDistance > wordScore
-                ) {
+                if (levenshteinDistance <= levenshteinThreshold && levenshteinScore - levenshteinDistance > wordScore) {
                   wordScore = levenshteinScore - levenshteinDistance;
                 }
               }
@@ -170,34 +155,34 @@
         cardScore += descriptionScore;
 
         if (cardScore > 0) {
-          card.style.display = "";
+          card.style.display = '';
           cardsScores.push([card, cardScore]);
         } else {
-          card.style.display = "none";
+          card.style.display = 'none';
         }
       }
 
-      const msgNotFound = document.querySelector("div.msg");
+      const msgNotFound = document.querySelector('div.msg');
 
       if (cardsScores.length > 0) {
-        msgNotFound.style.display = "none";
+        msgNotFound.style.display = 'none';
         // sort the array of cards by score
         cardsScores.sort((a, b) => b[1] - a[1]);
         // remove the scores from the array
         cardsScores = cardsScores.map((card) => card[0]);
         sortCards(cardsScores);
       } else {
-        msgNotFound.style.display = "";
+        msgNotFound.style.display = '';
       }
     } else {
       // display all cards if search input is empty
       for (const card of listOfCardsFiltered) {
-        card.style.display = "";
+        card.style.display = '';
         cardsScores.push(card);
       }
 
-      const msgNotFound = document.querySelector("div.msg");
-      msgNotFound.style.display = "none";
+      const msgNotFound = document.querySelector('div.msg');
+      msgNotFound.style.display = 'none';
       sortCards();
     }
   }
@@ -215,9 +200,7 @@
     data.forEach((card) => {
       const cardId = generateCardId(card.id, card.title, card.description);
       cards += `
-          <section class="card" tags="${
-            card.tags ? card.tags : "{{ page.all }}"
-          }" id="${cardId}">
+          <section class="card" tags="${card.tags ? card.tags : '{{ page.all }}'}" id="${cardId}">
               <div class="card__header">
                   <h3 class="card__title">${card.title}</h3>
                   <i
@@ -225,9 +208,7 @@
                       unique-title="${cardId}"
                       id="fav_${cardId}"
                       class="${
-                        card.tags.includes("{{ page.favorites }}")
-                          ? "ph-fill ph-star"
-                          : "ph ph-star"
+                        card.tags.includes('{{ page.favorites }}') ? 'ph-fill ph-star' : 'ph ph-star'
                       } fav__button">
                   </i>
               </div>
@@ -240,14 +221,14 @@
               </div>
               `;
       }
-      cards += "</section>";
+      cards += '</section>';
     });
     cardsSection.innerHTML = cards;
 
-    const favButtons = document.querySelectorAll(".fav__button");
+    const favButtons = document.querySelectorAll('.fav__button');
     favButtons.forEach((button) => {
-      button.addEventListener("click", () => {
-        setCardAsFavorite(button.getAttribute("unique-title"));
+      button.addEventListener('click', () => {
+        setCardAsFavorite(button.getAttribute('unique-title'));
       });
     });
 
@@ -256,37 +237,37 @@
 
   function addFavoriteTagToCard(cardId) {
     const card = document.getElementById(cardId);
-    const tags = card.getAttribute("tags").split(",");
+    const tags = card.getAttribute('tags').split(',');
 
-    if (tags.includes("{{ page.favorites }}")) {
-      tags.splice(tags.indexOf("{{ page.favorites }}"), 1);
+    if (tags.includes('{{ page.favorites }}')) {
+      tags.splice(tags.indexOf('{{ page.favorites }}'), 1);
     } else {
-      tags.push("{{ page.favorites }}");
+      tags.push('{{ page.favorites }}');
     }
 
-    card.setAttribute("tags", tags);
+    card.setAttribute('tags', tags);
   }
 
   function setCardAsFavorite(cardId) {
     const favIcon = document.querySelector(`#fav_${cardId}`);
 
     if (favoriteCards.includes(cardId)) {
-      favIcon.className = "ph ph-star fav__button";
+      favIcon.className = 'ph ph-star fav__button';
       favoriteCards.splice(favoriteCards.indexOf(cardId), 1);
     } else {
-      favIcon.className = "ph-fill ph-star fav__button";
+      favIcon.className = 'ph-fill ph-star fav__button';
       favoriteCards.push(cardId);
     }
 
     addFavoriteTagToCard(cardId);
 
-    localStorage.setItem("favoriteCards", favoriteCards);
+    localStorage.setItem('favoriteCards', favoriteCards);
   }
 
   async function loadFavoriteCardsId() {
-    const cardsId = localStorage.getItem("favoriteCards");
+    const cardsId = localStorage.getItem('favoriteCards');
     if (cardsId) {
-      favoriteCards = cardsId.split(",");
+      favoriteCards = cardsId.split(',');
     }
   }
 
@@ -297,7 +278,7 @@
         if (!card.tags) {
           card.tags = [];
         }
-        card.tags.push("{{ page.favorites }}");
+        card.tags.push('{{ page.favorites }}');
       }
     });
     return cards;
@@ -309,21 +290,21 @@
 
   async function getCardsFromJson() {
     try {
-      const res = await fetch("assets/data/cards.json");
+      const res = await fetch('assets/data/cards.json');
       const data = await res.json();
       const sortedCards = await sortCardsByTitle(data);
-      document.getElementById("total-terms").textContent = sortedCards.length;
+      document.getElementById('total-terms').textContent = sortedCards.length;
       await loadFavoriteCardsId();
       await addFavoriteTag(sortedCards);
       getTagsFromCards(sortedCards);
       insertCardsIntoHtml(sortedCards);
     } catch (error) {
-      console.error("An error occurred while fetching card data.", error);
+      console.error('An error occurred while fetching card data.', error);
     }
   }
 
-  searchInput.addEventListener("input", searchCards);
-  filterSelect.addEventListener("change", filterCards);
+  searchInput.addEventListener('input', searchCards);
+  filterSelect.addEventListener('change', filterCards);
   getCardsFromJson();
 
   /**
@@ -347,8 +328,8 @@
    * @param {number} hash - The initial hash value.
    * @returns {string} The hashed representation of the content.
    */
-  function generateContentId(title = "", description = "", hash = 5381) {
-    const data = (title + description).slice(0, 32).split(" ").join("");
+  function generateContentId(title = '', description = '', hash = 5381) {
+    const data = (title + description).slice(0, 32).split(' ').join('');
 
     for (let i = 0; i < data.length; i++) {
       hash = (hash << 5) + hash + data.charCodeAt(i);
diff --git a/_json/en-us/cards.json.liquid b/_json/en-us/cards.json.liquid
index 62ce7ab9..061aa17a 100644
--- a/_json/en-us/cards.json.liquid
+++ b/_json/en-us/cards.json.liquid
@@ -2,24 +2,21 @@
 id: cards
 permalink: /assets/data/cards.json
 ---
-{
-  "cards": [
-    {%- for letter in site.data[site.active_lang] -%}
-      {%- for card in letter[1] -%}
-        {
-          "title": "{{ card.title | escape }}",
-          "tags": [
-            {%- for tag in card.tags -%}
-              "{{ tag }}"{%- unless forloop.last -%},{%- endunless -%}
-            {%- endfor -%}
-          ],
-          "description": "{{ card.description | escape }}"
-          {%- if card.content -%}
-            ,"content": { "code": "{{ card.content.code | escape }}" }
-          {%- endif -%}
-        }{%- unless forloop.last -%},{%- endunless -%}
-      {%- endfor -%}
+{ "cards": [
+{%- for letter in site.data[site.active_lang] -%}
+  {%- for card in letter[1] -%}
+    { "title": "{{ card.title | escape }}", "tags": [
+    {%- for tag in card.tags -%}
+      "{{ tag }}"
       {%- unless forloop.last -%},{%- endunless -%}
     {%- endfor -%}
-  ]
-}
+    ], "description": "{{ card.description | escape }}"
+    {%- if card.content -%}
+      ,"content": { "code": "{{ card.content.code | escape }}" }
+    {%- endif -%}
+    }
+    {%- unless forloop.last -%},{%- endunless -%}
+  {%- endfor -%}
+  {%- unless forloop.last -%},{%- endunless -%}
+{%- endfor -%}
+] }
diff --git a/_json/pt-br/cards.json.liquid b/_json/pt-br/cards.json.liquid
index 876e7639..061aa17a 100644
--- a/_json/pt-br/cards.json.liquid
+++ b/_json/pt-br/cards.json.liquid
@@ -2,24 +2,21 @@
 id: cards
 permalink: /assets/data/cards.json
 ---
-{
-  "cards": [
-    {%- for letter in site.data[site.active_lang] -%}
-      {%- for card in letter[1] -%}
-        {
-          "title": "{{ card.title | escape }}",
-          "tags": [
-            {%- for tag in card.tags -%}
-              "{{ tag }}"{%- unless forloop.last -%},{%- endunless -%}
-            {%- endfor -%}
-          ],
-          "description": "{{ card.description | escape }}"
-          {%- if card.content -%}
-            ,"content": { "code": "{{ card.content.code | escape }}" }
-          {%- endif -%}
-        }{%- unless forloop.last -%},{%- endunless -%}
-      {%- endfor -%}
+{ "cards": [
+{%- for letter in site.data[site.active_lang] -%}
+  {%- for card in letter[1] -%}
+    { "title": "{{ card.title | escape }}", "tags": [
+    {%- for tag in card.tags -%}
+      "{{ tag }}"
       {%- unless forloop.last -%},{%- endunless -%}
     {%- endfor -%}
-  ]
-}
\ No newline at end of file
+    ], "description": "{{ card.description | escape }}"
+    {%- if card.content -%}
+      ,"content": { "code": "{{ card.content.code | escape }}" }
+    {%- endif -%}
+    }
+    {%- unless forloop.last -%},{%- endunless -%}
+  {%- endfor -%}
+  {%- unless forloop.last -%},{%- endunless -%}
+{%- endfor -%}
+] }
diff --git a/_layouts/base.liquid b/_layouts/base.liquid
index 6467e4b4..57678825 100644
--- a/_layouts/base.liquid
+++ b/_layouts/base.liquid
@@ -2,25 +2,25 @@
 <html lang="{{ site.active_lang }}">
   <head>
     <!-- Meta settings -->
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta
       name="description"
       content="{{ page.site_description }}"
-    />
+    >
 
     <!-- Favicon -->
     <link
       rel="shortcut icon"
       href="/assets/img/brand/symbol/colored.ico"
       type="image/x-icon"
-    />
+    >
 
     <!-- CSS Imports -->
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link rel="stylesheet" href="/assets/css/style.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="/assets/css/style.css">
 
     <!-- Phosphor Icons -->
     <script src="https://unpkg.com/@phosphor-icons/web"></script>
@@ -32,22 +32,23 @@
       src="//gc.zgo.at/count.js"
     ></script>
 
-    <!-- Light/Dark/System Theme-->
+    <!-- Light/Dark/System Theme -->
     <script src="/assets/js/theme.js"></script>
 
     <!-- Progressive Web App Manifest -->
-    <link rel="manifest" href="diciotech.webmanifest" />
-    <link rel="apple-touch-icon" href="/assets/img/brand/symbol/colored.png" />
-</head>
+    <link rel="manifest" href="diciotech.webmanifest">
+    <link rel="apple-touch-icon" href="/assets/img/brand/symbol/colored.png">
+  </head>
 
-<body>
+  <body>
     <header class="header">
       <a
         href="https://github.com/levxyca/diciotech"
         target="_blank"
         class="github-corner"
         aria-label="{{ page.view_on_github }}"
-        ><svg viewBox="0 0 250 250" aria-hidden="true">
+      >
+        <svg viewBox="0 0 250 250" aria-hidden="true">
           <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
           <path
             d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
@@ -59,19 +60,21 @@
             d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
             fill="currentColor"
             class="octo-body"
-          ></path></svg
-      ></a>
+          ></path>
+        </svg>
+      </a>
       <h1 class="header__title">
         <img
           src="/assets/img/brand/logo/colored.png"
           width="480"
           height="148"
           alt="Diciotech"
-        />
+        >
       </h1>
       <h2 class="header__subtitle">
-        {{ page.site_description }} 📖 <br />
-        {{ page.currently_with }} <span id="total-terms">0</span> {{ page.terms }} 🚀
+        {{ page.site_description }} 📖 <br>
+        {{ page.currently_with }}
+        <span id="total-terms">0</span> {{ page.terms }} 🚀
       </h2>
 
       <!-- Toogle language -->
@@ -85,7 +88,12 @@
           {% endif %}
           <li class="nav-item active">
             {% if site.active_lang == site.default_lang %}
-              <a class="nav-link" {% static_href -%} href="{{ site.baseurl }}/{{ other_language }}{{ page.url }}" {%- endstatic_href %}>
+              <a
+                class="nav-link"
+                {% static_href -%}
+                href="{{ site.baseurl }}/{{ other_language }}{{ page.url }}"
+                {%- endstatic_href %}
+              >
                 {{ other_language | upcase }}
               </a>
             {% else %}
@@ -118,11 +126,21 @@
                     <div class="dropdown-divider"></div>
                   {% endif %}
                   {% if l == site.default_lang %}
-                    <a class="dropdown-item" {% static_href -%} href="{{ site.baseurl }}{{ page.url }}" {%- endstatic_href %}>
+                    <a
+                      class="dropdown-item"
+                      {% static_href -%}
+                      href="{{ site.baseurl }}{{ page.url }}"
+                      {%- endstatic_href %}
+                    >
                       {{ l | upcase }}
                     </a>
                   {% else %}
-                    <a class="dropdown-item" {% static_href -%} href="{{ site.baseurl }}/{{ l }}{{ page.url }}" {%- endstatic_href %}>
+                    <a
+                      class="dropdown-item"
+                      {% static_href -%}
+                      href="{{ site.baseurl }}/{{ l }}{{ page.url }}"
+                      {%- endstatic_href %}
+                    >
                       {{ l | upcase }}
                     </a>
                   {% endif %}
@@ -163,12 +181,10 @@
             name="search-input"
             placeholder="{{ page.search_placeholder }}"
             class="searchbar__input"
-          />
+          >
         </div>
         <div class="filter">
-          <label for="tags-filter" class="filter_label"
-            >{{ page.filter_by_category }}</label
-          >
+          <label for="tags-filter" class="filter_label">{{ page.filter_by_category }}</label>
           <select id="tags-filter">
             <option value="{{ page.all }}" selected>{{ page.all }}</option>
           </select>
@@ -182,8 +198,9 @@
             <a
               href="https://cookie-consent.app.forthe.top/why-websites-use-cookies/"
               target="_blank"
-              >{{ page.read_more }}</a
             >
+              {{- page.read_more -}}
+            </a>
           </p>
           <div class="cookies-buttons">
             <button class="cookies-accept-button">{{ page.accept_cookies }}</button>