Update titles and add cookie consent banner to exam simulation pages

RoodneyMoraes · Nov 17, 2024 · 84f8ac4 · 84f8ac4
1 parent ec6b650
commit 84f8ac4
Show file tree

Hide file tree

Showing 8 changed files with 235 additions and 84 deletions.
diff --git a/src/page/ai-900.html b/src/page/ai-900.html
@@ -4,33 +4,29 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Simulado AI-900</title>
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <title>Simulado da AI-900</title>
+    <!-- BOOTSTRAP CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <!-- CUSTOM CSS -->
     <link href="../css/custom-page.css" rel="stylesheet">
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-CMLZKJVKKY"></script>
-    <script src="../js/google-analytics.js"></script>
 </head>
 
 <body>
+    <!-- HEADER -->
     <header>
         <div class="container">
             <h1 id="tituloPagina"></h1>
             <h6 id="descricaoProgresso"></h6>
         </div>
     </header>
 
+    <!-- MAIN -->
     <div class="container topicos mt-6">
         <div id="topicos" class="list-group mt-3"></div>
     </div>
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
-    <script src="../js/custom-page.js"></script>
-    <script>
-        carregarPagina('../data/ai-900.json', 'simulado-ai-900');
-    </script>
 
+    <!-- FOOTER -->
     <footer>
         <div class="container">
             <div class="d-flex justify-content-between mt-3">
@@ -39,7 +35,6 @@ <h6 id="descricaoProgresso"></h6>
                 </div>
                 <div>
                     <button id="btnAnterior" class="btn btn-primary" onclick="paginaAnterior()">Anterior</button>
-                    <!-- Botão Home adicionado aqui -->
                     <button id="btnHome" class="btn btn-primary" onclick="confirmarVoltarHome()">Menu</button>
                     <button id="btnProxima" class="btn btn-primary" onclick="proximaPagina()">Próxima</button>
                 </div>
@@ -49,6 +44,32 @@ <h6 id="descricaoProgresso"></h6>
             </div>
         </div>
     </footer>
+
+    <!-- COOKIE CONSENT BANNER -->
+    <div class="cookie-consent-banner bg-light text-dark p-3 fixed-bottom d-flex justify-content-between align-items-center"
+        id="cookieConsentBanner" style="display: none !important">
+        <div>
+            Este site utiliza cookies para melhorar a experiência do usuário e analisar o tráfego do site. Ao clicar em
+            "Aceitar", você concorda com o uso de cookies do Google Analytics.
+        </div>
+        <div>
+            <button type="button" class="btn btn-secondary btn-sm me-2" id="declineConsent">Recusar</button>
+            <button type="button" class="btn btn-primary btn-sm" id="acceptConsent">Aceitar</button>
+        </div>
+    </div>
+
+     <!-- BOOTSTRAP JS -->
+     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
+     <!-- GOOGLE TAG -->
+     <script src="../js/google-analytics.js"></script>
+    <!-- CUSTOM JS --> 
+     <script src="../js/custom-page.js"></script>
+     <!-- QUESTIONS -->
+     <script>
+         carregarPagina('../data/ai-900.json', 'simulado-ai-900');
+     </script>
 </body>
 
 </html>
diff --git a/src/page/az-104.html b/src/page/az-104.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Simulado AZ-104</title>
+    <title>Simulado da AZ-104</title>
     <!-- BOOTSTRAP CSS -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

diff --git a/src/page/az-204.html b/src/page/az-204.html
@@ -4,33 +4,29 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Simulado AZ-204</title>
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <title>Simulado da AZ-204</title>
+    <!-- BOOTSTRAP CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <!-- CUSTOM CSS -->
     <link href="../css/custom-page.css" rel="stylesheet">
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-CMLZKJVKKY"></script>
-    <script src="../js/google-analytics.js"></script>
 </head>
 
 <body>
+    <!-- HEADER -->
     <header>
         <div class="container">
             <h1 id="tituloPagina"></h1>
             <h6 id="descricaoProgresso"></h6>
         </div>
     </header>
 
+    <!-- MAIN -->
     <div class="container topicos mt-6">
         <div id="topicos" class="list-group mt-3"></div>
     </div>
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
-    <script src="../js/custom-page.js"></script>
-    <script>
-        carregarPagina('../data/az-204.json', 'simulado-az-204');
-    </script>
-
+
+    <!-- FOOTER -->
     <footer>
         <div class="container">
             <div class="d-flex justify-content-between mt-3">
@@ -39,7 +35,6 @@ <h6 id="descricaoProgresso"></h6>
                 </div>
                 <div>
                     <button id="btnAnterior" class="btn btn-primary" onclick="paginaAnterior()">Anterior</button>
-                    <!-- Botão Home adicionado aqui -->
                     <button id="btnHome" class="btn btn-primary" onclick="confirmarVoltarHome()">Menu</button>
                     <button id="btnProxima" class="btn btn-primary" onclick="proximaPagina()">Próxima</button>
                 </div>
@@ -49,6 +44,32 @@ <h6 id="descricaoProgresso"></h6>
             </div>
         </div>
     </footer>
+
+    <!-- COOKIE CONSENT BANNER -->
+    <div class="cookie-consent-banner bg-light text-dark p-3 fixed-bottom d-flex justify-content-between align-items-center"
+        id="cookieConsentBanner" style="display: none !important">
+        <div>
+            Este site utiliza cookies para melhorar a experiência do usuário e analisar o tráfego do site. Ao clicar em
+            "Aceitar", você concorda com o uso de cookies do Google Analytics.
+        </div>
+        <div>
+            <button type="button" class="btn btn-secondary btn-sm me-2" id="declineConsent">Recusar</button>
+            <button type="button" class="btn btn-primary btn-sm" id="acceptConsent">Aceitar</button>
+        </div>
+    </div>
+
+     <!-- BOOTSTRAP JS -->
+     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
+     <!-- GOOGLE TAG -->
+     <script src="../js/google-analytics.js"></script>
+    <!-- CUSTOM JS --> 
+     <script src="../js/custom-page.js"></script>
+     <!-- QUESTIONS -->
+     <script>
+         carregarPagina('../data/az-204.json', 'simulado-az-204');
+     </script>
 </body>
 
 </html>
diff --git a/src/page/az-305.html b/src/page/az-305.html
@@ -4,33 +4,29 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Simulado AZ-305</title>
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <title>Simulado da AZ-305</title>
+    <!-- BOOTSTRAP CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <!-- CUSTOM CSS -->
     <link href="../css/custom-page.css" rel="stylesheet">
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-CMLZKJVKKY"></script>
-    <script src="../js/google-analytics.js"></script>
 </head>
 
 <body>
+    <!-- HEADER -->
     <header>
         <div class="container">
             <h1 id="tituloPagina"></h1>
             <h6 id="descricaoProgresso"></h6>
         </div>
     </header>
 
+    <!-- MAIN -->
     <div class="container topicos mt-6">
         <div id="topicos" class="list-group mt-3"></div>
     </div>
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
-    <script src="../js/custom-page.js"></script>
-    <script>
-        carregarPagina('../data/az-305.json', 'simulado-az-305');
-    </script>
 
+    <!-- FOOTER -->
     <footer>
         <div class="container">
             <div class="d-flex justify-content-between mt-3">
@@ -39,7 +35,6 @@ <h6 id="descricaoProgresso"></h6>
                 </div>
                 <div>
                     <button id="btnAnterior" class="btn btn-primary" onclick="paginaAnterior()">Anterior</button>
-                    <!-- Botão Home adicionado aqui -->
                     <button id="btnHome" class="btn btn-primary" onclick="confirmarVoltarHome()">Menu</button>
                     <button id="btnProxima" class="btn btn-primary" onclick="proximaPagina()">Próxima</button>
                 </div>
@@ -49,6 +44,32 @@ <h6 id="descricaoProgresso"></h6>
             </div>
         </div>
     </footer>
+
+    <!-- COOKIE CONSENT BANNER -->
+    <div class="cookie-consent-banner bg-light text-dark p-3 fixed-bottom d-flex justify-content-between align-items-center"
+        id="cookieConsentBanner" style="display: none !important">
+        <div>
+            Este site utiliza cookies para melhorar a experiência do usuário e analisar o tráfego do site. Ao clicar em
+            "Aceitar", você concorda com o uso de cookies do Google Analytics.
+        </div>
+        <div>
+            <button type="button" class="btn btn-secondary btn-sm me-2" id="declineConsent">Recusar</button>
+            <button type="button" class="btn btn-primary btn-sm" id="acceptConsent">Aceitar</button>
+        </div>
+    </div>
+
+     <!-- BOOTSTRAP JS -->
+     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
+     <!-- GOOGLE TAG -->
+     <script src="../js/google-analytics.js"></script>
+    <!-- CUSTOM JS --> 
+     <script src="../js/custom-page.js"></script>
+     <!-- QUESTIONS -->
+     <script>
+         carregarPagina('../data/az-305.json', 'simulado-az-305');
+     </script>
 </body>
 
 </html>
diff --git a/src/page/az-900.html b/src/page/az-900.html
@@ -4,33 +4,29 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Simulado AZ-900</title>
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <title>Simulado da AZ-900</title>
+    <!-- BOOTSTRAP CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <!-- CUSTOM CSS -->
     <link href="../css/custom-page.css" rel="stylesheet">
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-CMLZKJVKKY"></script>
-    <script src="../js/google-analytics.js"></script>
 </head>
 
 <body>
+    <!-- HEADER -->
     <header>
         <div class="container">
             <h1 id="tituloPagina"></h1>
             <h6 id="descricaoProgresso"></h6>
         </div>
     </header>
 
+    <!-- MAIN -->
     <div class="container topicos mt-6">
         <div id="topicos" class="list-group mt-3"></div>
     </div>
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
-    <script src="../js/custom-page.js"></script>
-    <script>
-        carregarPagina('../data/az-900.json', 'simulado-az-900');
-    </script>
 
+    <!-- FOOTER -->
     <footer>
         <div class="container">
             <div class="d-flex justify-content-between mt-3">
@@ -39,7 +35,6 @@ <h6 id="descricaoProgresso"></h6>
                 </div>
                 <div>
                     <button id="btnAnterior" class="btn btn-primary" onclick="paginaAnterior()">Anterior</button>
-                    <!-- Botão Home adicionado aqui -->
                     <button id="btnHome" class="btn btn-primary" onclick="confirmarVoltarHome()">Menu</button>
                     <button id="btnProxima" class="btn btn-primary" onclick="proximaPagina()">Próxima</button>
                 </div>
@@ -49,6 +44,32 @@ <h6 id="descricaoProgresso"></h6>
             </div>
         </div>
     </footer>
+
+    <!-- COOKIE CONSENT BANNER -->
+    <div class="cookie-consent-banner bg-light text-dark p-3 fixed-bottom d-flex justify-content-between align-items-center"
+        id="cookieConsentBanner" style="display: none !important">
+        <div>
+            Este site utiliza cookies para melhorar a experiência do usuário e analisar o tráfego do site. Ao clicar em
+            "Aceitar", você concorda com o uso de cookies do Google Analytics.
+        </div>
+        <div>
+            <button type="button" class="btn btn-secondary btn-sm me-2" id="declineConsent">Recusar</button>
+            <button type="button" class="btn btn-primary btn-sm" id="acceptConsent">Aceitar</button>
+        </div>
+    </div>
+
+     <!-- BOOTSTRAP JS -->
+     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
+     <!-- GOOGLE TAG -->
+     <script src="../js/google-analytics.js"></script>
+    <!-- CUSTOM JS --> 
+     <script src="../js/custom-page.js"></script>
+     <!-- QUESTIONS -->
+     <script>
+         carregarPagina('../data/az-900.json', 'simulado-az-900');
+     </script>
 </body>
 
 </html>