From 671d0a7755bbcfae128fa148b74d1fb5e4d57b1e Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 15:11:21 -0300
Subject: [PATCH 01/10] refactor: Atualizados caminhos de header-componente

---
 src/header-componente.js | 27 ++++++++++++---------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/src/header-componente.js b/src/header-componente.js
index 030616c..0ab901e 100644
--- a/src/header-componente.js
+++ b/src/header-componente.js
@@ -1,4 +1,8 @@
-const caminhoAtual = window.location.pathname.split("/").pop(); //Seleciona o caminho atual.
+const partes = window.location.pathname.split("/"); 
+const caminhoAtual = partes.pop(); //Seleciona o caminho atual.
+const pastaAtual = partes.pop(); //Seleciona o caminho atual.
+
+const dentroDeSrc = pastaAtual === "src"; //Informa se está no src
 
 class Header extends HTMLElement {
     connectedCallback(){        
@@ -28,18 +32,11 @@ class Header extends HTMLElement {
             "avancado-cloud-computing.html"
         ];
 
-        let inicianteLink = ""
-        let intermediarioLink = ""
-        let avancadoLink = ""
-        if(caminhoAtual === "index.html"){
-            inicianteLink = '"href="src/iniciante.html"'
-            intermediarioLink = '"href="src/intermediario.html"'
-            avancadoLink = '"href="src/avancado.html"'
-        }else {
-            inicianteLink = '"href="iniciante.html"'
-            intermediarioLink = '"href="intermediario.html"'
-            avancadoLink = '"href="avancado.html"'
-        }
+        const base = dentroDeSrc ? "../" : "";
+
+        const inicianteLink = `href="${base}src/iniciante.html"`;
+        const intermediarioLink = `href="${base}src/intermediario.html"`;
+        const avancadoLink = `href="${base}src/avancado.html"`;
 
          //data-bs-theme="light" estava travando o tema no "light"
          //troquei a class="logo-light" por class="logo-img" para trocar a logo caso tema 'dark'
@@ -53,8 +50,8 @@ class Header extends HTMLElement {
                     <span class="navbar-toggler-icon"></span>
                     </button>
                                   
-                    <a class="navbar-brand mx-auto me-lg-auto ms-lg-0" href="index.html">
-                        <img src="/images/mapadev-logo-light.svg" alt="MapaDev" height="40" class="logo-img"> 
+                    <a class="navbar-brand mx-auto me-lg-auto ms-lg-0" href="${base}index.html">
+                        <img src="${base}images/mapadev-logo-light.svg" alt="MapaDev" height="40" class="logo-img"> 
                     </a>
 
                     <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTopics" aria-controls="offcanvasTopics">

From 8df4482620c1f362f43873fd165232c529238e8d Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 15:16:01 -0300
Subject: [PATCH 02/10] refactor: Atualizados caminhos do theme.js

---
 src/theme.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/theme.js b/src/theme.js
index e1a1aff..4ee48a8 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -28,9 +28,17 @@ document.addEventListener("DOMContentLoaded", () => {
     // --- LOGO ---
     if (logo) {
       if (current === "dark") {
-        logo.src = "images/mapadev-logo-dark.svg";
+        if(dentroDeSrc){
+          logo.src = "../images/mapadev-logo-dark.svg";
+        } else {
+          logo.src = "images/mapadev-logo-dark.svg";
+        }
       } else {
-        logo.src = "images/mapadev-logo-light.svg";
+        if(dentroDeSrc){
+          logo.src = "../images/mapadev-logo-light.svg";
+        } else {
+          logo.src = "images/mapadev-logo-light.svg";
+        }
       }
     }
   }

From aabd9fdaccc4006f0232e114fcdc8ae2086cd299 Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 15:24:25 -0300
Subject: [PATCH 03/10] refactor: Atualizados caminhos do theme.js

---
 src/theme.js | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/theme.js b/src/theme.js
index 4ee48a8..90130f0 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -26,19 +26,12 @@ document.addEventListener("DOMContentLoaded", () => {
     }
 
     // --- LOGO ---
+    const base = dentroDeSrc ? "../" : "";
     if (logo) {
       if (current === "dark") {
-        if(dentroDeSrc){
-          logo.src = "../images/mapadev-logo-dark.svg";
-        } else {
-          logo.src = "images/mapadev-logo-dark.svg";
-        }
+        logo.src = `${base}images/mapadev-logo-dark.svg`;
       } else {
-        if(dentroDeSrc){
-          logo.src = "../images/mapadev-logo-light.svg";
-        } else {
-          logo.src = "images/mapadev-logo-light.svg";
-        }
+        logo.src = `${base}images/mapadev-logo-light.svg`;
       }
     }
   }

From 8db014c76842b0ff498a4da4f51addd52c775c6f Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 15:26:07 -0300
Subject: [PATCH 04/10] refactor: Atualizados caminhos do theme.js

---
 src/theme.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/theme.js b/src/theme.js
index 90130f0..47f4de6 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -26,7 +26,8 @@ document.addEventListener("DOMContentLoaded", () => {
     }
 
     // --- LOGO ---
-    const base = dentroDeSrc ? "../" : "";
+    const dentroSrc = window.location.pathname.includes("/src/");
+    const base = dentroSrc ? "../" : "";
     if (logo) {
       if (current === "dark") {
         logo.src = `${base}images/mapadev-logo-dark.svg`;

From 73cafd17d305a30c9f5ef66838cfa1b14cc463aa Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 15:32:57 -0300
Subject: [PATCH 05/10] refactor: Voltando versao

---
 src/theme.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/theme.js b/src/theme.js
index 47f4de6..15663a6 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -26,13 +26,11 @@ document.addEventListener("DOMContentLoaded", () => {
     }
 
     // --- LOGO ---
-    const dentroSrc = window.location.pathname.includes("/src/");
-    const base = dentroSrc ? "../" : "";
     if (logo) {
       if (current === "dark") {
-        logo.src = `${base}images/mapadev-logo-dark.svg`;
+        logo.src = "images/mapadev-logo-dark.svg";
       } else {
-        logo.src = `${base}images/mapadev-logo-light.svg`;
+        logo.src = "images/mapadev-logo-light.svg";
       }
     }
   }
@@ -64,4 +62,4 @@ document.addEventListener("DOMContentLoaded", () => {
     // Atualiza ícone e logo
     updateElements(current);
   });
-});
+});
\ No newline at end of file

From 7e366d9e6cc420b5f032494deca055722a0e0cfa Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 15:37:22 -0300
Subject: [PATCH 06/10] refactor: Resolvendo header

---
 src/header-componente.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/header-componente.js b/src/header-componente.js
index 0ab901e..012650f 100644
--- a/src/header-componente.js
+++ b/src/header-componente.js
@@ -61,13 +61,13 @@ class Header extends HTMLElement {
                     <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
                         <ul class="navbar-nav mx-auto mb-2 mb-lg-0 nav-underline justify-content-center">
                             <li class="nav-item">
-                            <a class="nav-link ${iniciante.includes(caminhoAtual) ? "active": ""}${inicianteLink}>Iniciante</a>
+                            <a class="nav-link ${iniciante.includes(caminhoAtual) ? "active": ""} ${inicianteLink}>Iniciante</a>
                             </li>
                             <li class="nav-item">
-                            <a class="nav-link ${intermediario.includes(caminhoAtual) ? "active": ""}${intermediarioLink}>Intermediário</a>
+                            <a class="nav-link ${intermediario.includes(caminhoAtual) ? "active": ""} ${intermediarioLink}>Intermediário</a>
                             </li>
                             <li class="nav-item">
-                            <a class="nav-link ${avancado.includes(caminhoAtual) ? "active": ""}${avancadoLink}>Avançado</a>
+                            <a class="nav-link ${avancado.includes(caminhoAtual) ? "active": ""} ${avancadoLink}>Avançado</a>
                             </li>
                         </ul>                       
                         

From 98fcff54f3cb44a837b7a1812daa8b7a101bb8ae Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 15:38:34 -0300
Subject: [PATCH 07/10] refactor: Resolvendo header

---
 src/header-componente.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/header-componente.js b/src/header-componente.js
index 012650f..a57ce90 100644
--- a/src/header-componente.js
+++ b/src/header-componente.js
@@ -34,9 +34,9 @@ class Header extends HTMLElement {
 
         const base = dentroDeSrc ? "../" : "";
 
-        const inicianteLink = `href="${base}src/iniciante.html"`;
-        const intermediarioLink = `href="${base}src/intermediario.html"`;
-        const avancadoLink = `href="${base}src/avancado.html"`;
+        const inicianteLink = `"${base}src/iniciante.html"`;
+        const intermediarioLink = `"${base}src/intermediario.html"`;
+        const avancadoLink = `"${base}src/avancado.html"`;
 
          //data-bs-theme="light" estava travando o tema no "light"
          //troquei a class="logo-light" por class="logo-img" para trocar a logo caso tema 'dark'
@@ -61,13 +61,13 @@ class Header extends HTMLElement {
                     <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
                         <ul class="navbar-nav mx-auto mb-2 mb-lg-0 nav-underline justify-content-center">
                             <li class="nav-item">
-                            <a class="nav-link ${iniciante.includes(caminhoAtual) ? "active": ""} ${inicianteLink}>Iniciante</a>
+                            <a class="nav-link ${iniciante.includes(caminhoAtual) ? "active": ""} href=${inicianteLink}>Iniciante</a>
                             </li>
                             <li class="nav-item">
-                            <a class="nav-link ${intermediario.includes(caminhoAtual) ? "active": ""} ${intermediarioLink}>Intermediário</a>
+                            <a class="nav-link ${intermediario.includes(caminhoAtual) ? "active": ""} href=${intermediarioLink}>Intermediário</a>
                             </li>
                             <li class="nav-item">
-                            <a class="nav-link ${avancado.includes(caminhoAtual) ? "active": ""} ${avancadoLink}>Avançado</a>
+                            <a class="nav-link ${avancado.includes(caminhoAtual) ? "active": ""} href=${avancadoLink}>Avançado</a>
                             </li>
                         </ul>                       
                         

From c2f5631830b38f4934ead7b7d9431014a5ed9f76 Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 15:44:12 -0300
Subject: [PATCH 08/10] refactor: Resolvendo header

---
 src/header-componente.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/header-componente.js b/src/header-componente.js
index a57ce90..43b1d9a 100644
--- a/src/header-componente.js
+++ b/src/header-componente.js
@@ -34,10 +34,6 @@ class Header extends HTMLElement {
 
         const base = dentroDeSrc ? "../" : "";
 
-        const inicianteLink = `"${base}src/iniciante.html"`;
-        const intermediarioLink = `"${base}src/intermediario.html"`;
-        const avancadoLink = `"${base}src/avancado.html"`;
-
          //data-bs-theme="light" estava travando o tema no "light"
          //troquei a class="logo-light" por class="logo-img" para trocar a logo caso tema 'dark'
         this.innerHTML = `
@@ -61,13 +57,13 @@ class Header extends HTMLElement {
                     <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
                         <ul class="navbar-nav mx-auto mb-2 mb-lg-0 nav-underline justify-content-center">
                             <li class="nav-item">
-                            <a class="nav-link ${iniciante.includes(caminhoAtual) ? "active": ""} href=${inicianteLink}>Iniciante</a>
+                            <a class="nav-link ${iniciante.includes(caminhoAtual) ? "active": ""}" href="${base}src/iniciante.html">Iniciante</a>
                             </li>
                             <li class="nav-item">
-                            <a class="nav-link ${intermediario.includes(caminhoAtual) ? "active": ""} href=${intermediarioLink}>Intermediário</a>
+                            <a class="nav-link ${intermediario.includes(caminhoAtual) ? "active": ""}" href="${base}src/intermediario.html">Intermediário</a>
                             </li>
                             <li class="nav-item">
-                            <a class="nav-link ${avancado.includes(caminhoAtual) ? "active": ""} href=${avancadoLink}>Avançado</a>
+                            <a class="nav-link ${avancado.includes(caminhoAtual) ? "active": ""}" href="${base}src/avancado.html">Avançado</a>
                             </li>
                         </ul>                       
                         

From fa8e82c180718a781f58c0a7a34af15cbf51c6c8 Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 15:50:45 -0300
Subject: [PATCH 09/10] refactor: Resolvendo caminhos do logo em theme.js

---
 src/header-componente.js | 9 ++++++---
 src/theme.js             | 7 +++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/header-componente.js b/src/header-componente.js
index 43b1d9a..7528282 100644
--- a/src/header-componente.js
+++ b/src/header-componente.js
@@ -57,13 +57,16 @@ class Header extends HTMLElement {
                     <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
                         <ul class="navbar-nav mx-auto mb-2 mb-lg-0 nav-underline justify-content-center">
                             <li class="nav-item">
-                            <a class="nav-link ${iniciante.includes(caminhoAtual) ? "active": ""}" href="${base}src/iniciante.html">Iniciante</a>
+                            <a class="nav-link ${iniciante.includes(caminhoAtual) ? "active": ""}"
+                                href="${base}src/iniciante.html">Iniciante</a>
                             </li>
                             <li class="nav-item">
-                            <a class="nav-link ${intermediario.includes(caminhoAtual) ? "active": ""}" href="${base}src/intermediario.html">Intermediário</a>
+                            <a class="nav-link ${intermediario.includes(caminhoAtual) ? "active": ""}"
+                                href="${base}src/intermediario.html">Intermediário</a>
                             </li>
                             <li class="nav-item">
-                            <a class="nav-link ${avancado.includes(caminhoAtual) ? "active": ""}" href="${base}src/avancado.html">Avançado</a>
+                            <a class="nav-link ${avancado.includes(caminhoAtual) ? "active": ""}"
+                                href="${base}src/avancado.html">Avançado</a>
                             </li>
                         </ul>                       
                         
diff --git a/src/theme.js b/src/theme.js
index 15663a6..206b5b5 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -26,11 +26,14 @@ document.addEventListener("DOMContentLoaded", () => {
     }
 
     // --- LOGO ---
+    const partes = window.location.pathname.split("/");
+    const arquivoAtual = partes[partes.length - 2];
+    const base = arquivoAtual === "src" ? "../" : "";
     if (logo) {
       if (current === "dark") {
-        logo.src = "images/mapadev-logo-dark.svg";
+        logo.src = `${base}images/mapadev-logo-dark.svg`;
       } else {
-        logo.src = "images/mapadev-logo-light.svg";
+        logo.src = `${base}images/mapadev-logo-light.svg`;
       }
     }
   }

From 0459e4ca4a921644b4b0db855c9798443205acf5 Mon Sep 17 00:00:00 2001
From: Diego Manoel <diegomanoelmcosta@gmail.com>
Date: Mon, 17 Nov 2025 16:09:24 -0300
Subject: [PATCH 10/10] =?UTF-8?q?refactor:=20Corrigido=20links=20do=20inde?=
 =?UTF-8?q?x,=20corrigido=20links=20das=20p=C3=A1ginas=20de=20apresenta?=
 =?UTF-8?q?=C3=A7=C3=A3o=20de=20conteudo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html             | 8 +++-----
 src/avancado.html      | 2 +-
 src/iniciante.html     | 2 +-
 src/intermediario.html | 2 +-
 4 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 856979d..cf45da5 100644
--- a/index.html
+++ b/index.html
@@ -29,8 +29,6 @@
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
     }
 
-
-
     .topic-card {
       transition: transform 0.25s ease, box-shadow 0.25s ease;
       cursor: pointer;
@@ -201,7 +199,7 @@ <h2>Como usar o site?</h2>
         <div class="row row-cols-1 row-cols-md-3 g-4 "> <!--breakpoint médio (md), 3 colunas por linha + gap-->
           <!-- Card 1 -->
           <div class="col col-md-4 ">
-            <a href="iniciante.html" class="text-decoration-none text-dark">
+            <a href="src/iniciante.html" class="text-decoration-none text-dark">
               <div class="card h-100 text-center topic-card"> <!--tamanho dos cartões iguais-->
                 <img src="images/1-iniciante.jpg" class="card-img-top" alt="Descrição da Imagem 1">
                 <div class="card-body">
@@ -215,7 +213,7 @@ <h5 class="card-title">Iniciante</h5>
 
           <!-- Card 2 -->
           <div class="col col-md-4">
-            <a href="intermediario.html" class="text-decoration-none text-dark">
+            <a href="src/intermediario.html" class="text-decoration-none text-dark">
               <div class="card h-100 text-center topic-card">
                 <img src="images/2-intermediario.jpg" class="card-img-top" alt="Descrição da Imagem 2">
                 <div class="card-body">
@@ -229,7 +227,7 @@ <h5 class="card-title">Intermediário</h5>
 
           <!-- Card 3 -->
           <div class="col col-md-4">
-            <a href="avancado.html" class="text-decoration-none text-dark">
+            <a href="src/avancado.html" class="text-decoration-none text-dark">
               <div class="card h-100 text-center topic-card">
                 <img src="images/3-avancado.jpg" class="card-img-top" alt="Descrição da Imagem 3">
                 <div class="card-body">
diff --git a/src/avancado.html b/src/avancado.html
index c569fee..baa4df4 100644
--- a/src/avancado.html
+++ b/src/avancado.html
@@ -86,7 +86,7 @@ <h2 class="fw-bold mb-3">Sobre este nível</h2>
 
                     <p class="text-muted">
                         No nível avançado do <strong><a 
-                            href="index.html"
+                            href="../index.html"
                             class="fw-semibold text-decoration-none link-body-emphasis">MapaDev</strong></a>, você entra na etapa que transforma desenvolvedores competentes em profissionais completos.
                         Aqui, você aprenderá a projetar, organizar e manter aplicações modernas, utilizando padrões de arquitetura, ferramentas de alta eficiência e práticas adotadas por equipes experientes em empresas reais.
                     </p>
diff --git a/src/iniciante.html b/src/iniciante.html
index 4998e78..05759e7 100644
--- a/src/iniciante.html
+++ b/src/iniciante.html
@@ -85,7 +85,7 @@ <h1 class="fw-bold display-5">Nível Iniciante</h1> <!--Coloque o seu nível-->
                     <h2 class="fw-bold mb-3">Sobre este nível</h2>
 
                     <p class="text-muted">
-                        No nível iniciante do <strong><a href="index.html"
+                        No nível iniciante do <strong><a href="../index.html"
                                 class="fw-semibold text-decoration-none link-body-emphasis">MapaDev</strong></a>, você começa a compreender os pilares que sustentam toda aplicação web moderna. Aqui, o foco é aprender a pensar como programador, entender como páginas são construídas e dominar as ferramentas essenciais para criar seus primeiros projetos.
                     </p>
 
diff --git a/src/intermediario.html b/src/intermediario.html
index 794e530..667fe2b 100644
--- a/src/intermediario.html
+++ b/src/intermediario.html
@@ -86,7 +86,7 @@ <h1 class="fw-bold display-5">Nível Intermediário</h1> <!--Coloque o seu níve
                     <h2 class="fw-bold mb-3">Sobre este nível</h2>
 
                     <p class="text-muted">
-                        No nível intermediário do <strong><a href="index.html"
+                        No nível intermediário do <strong><a href="../index.html"
                                 class="fw-semibold text-decoration-none link-body-emphasis">MapaDev</strong></a>, você
                         entra em um novo estágio da sua jornada
                         <!--Likando para a home principal e formatação para tirar a decoração azul do link-->