Restructured site layout

assets/img/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

assets/img/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

assets/img/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

assets/js/menu.js

@@ -1,24 +1,65 @@
-const menuicon = document.querySelector(".navbar_button");
-
-const menumobile = document.querySelector(".navbar_menu");
-
-menuicon.addEventListener("click", () => {
-    menuicon.classList.toggle("active");
-    menumobile.classList.toggle("active");
-});
-
-var tabs_indicator = document.querySelector('.page_indicator');
-
-var item = document.querySelectorAll('.navbar_menu_text');
-
-function indicator(e){
-    tabs_indicator.style.left = e.offsetLeft+"px";
-    tabs_indicator.style.width = e.offsetWidth+"px";
-}
-
-item.forEach(link => {
-    link.addEventListener("click", (e)=>{
-        indicator(e.target);
-    })
-})
-
+const menuicon = document.querySelector(".navbar_button");
+
+const menumobile = document.querySelector(".navbar_menu");
+
+menuicon.addEventListener("click", () => {
+  menuicon.classList.toggle("active");
+  menumobile.classList.toggle("active");
+});
+
+// Função para selecionar a aba e mostrar o conteúdo associado
+function selectAndShow(element, tabClass) {
+  // Chama a função para selecionar a opção
+  selectOption(element);
+
+  // Chama a função para mostrar o conteúdo associado à tab
+  showContent(tabClass);
+}
+
+// Função para selecionar a opção
+function selectOption(option) {
+  var options = document.querySelectorAll(".navbar_menu_text");
+  options.forEach(function (item) {
+    item.classList.remove("selected");
+  });
+  option.classList.add("selected");
+}
+
+// Função para mostrar o conteúdo associado à tab
+function showContent(tabClass) {
+  // Oculta todos os conteúdos das tabs
+  var tabContents = document.querySelectorAll(".conteudo");
+  tabContents.forEach(function (content) {
+    content.style.display = "none";
+  });
+
+  // Mostra o conteúdo da tab selecionada
+  var selectedTabContent = document.querySelector("." + tabClass);
+  if (selectedTabContent) {
+    selectedTabContent.style.display = "block";
+  }
+}
+
+// Chama a função selectAndShow para selecionar e mostrar a Tab 1 ao carregar o site
+window.onload = function () {
+  var tab1 = document.querySelector(".navbar_menu_text:nth-child(1)");
+  selectAndShow(tab1, "section-01_container");
+};
+
+// Atualiza o conteúdo da aba ao clicar em outra aba
+document.querySelectorAll(".navbar_menu_text").forEach(function (item) {
+  item.addEventListener("click", function () {
+    var tabClass = this.getAttribute("data-tab");
+    showContent(tabClass);
+
+    // Mostra todas as outras opções de conteúdo
+    var tabContents = document.querySelectorAll(".conteudo");
+    tabContents.forEach(function (content) {
+      if (content.classList.contains(tabClass)) {
+        content.style.display = "flex";
+      } else {
+        content.style.display = "none";
+      }
+    });
+  });
+});

assets/styles/home.css

@@ -1,78 +1,71 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-body {
-  color: #074686;
-  background: #E4F2FF;
-  font-size: 100%;
-  font-family: "Poppins", sans-serif;
-  font-weight: 500;
-}
-
-.container {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  margin: auto;
-  min-height: 100vh;
-  max-width: 2200px;
-  position: relative;
-  gap: 50px;
-  overflow: hidden;
-}
-
-@keyframes monet_01 {
-  0% {
-    transform: rotateZ(0deg) translateX(0px) scale(1);
-  }
-
-  100% {
-    transform: rotateZ(360deg) translateX(50px) scale(1.1);
-  }
-}
-
-.monet_01 {
-  max-width: 1100px;
-  position: absolute;
-  z-index: -1;
-  top: -30%;
-  left: -40%;
-  transform: scale(1);
-  animation: 25s ease-in-out 4.25s infinite alternate none running monet_01;
-}
-
-@keyframes monet_02 {
-  0% {
-    transform: rotateZ(0deg) translateX(0px) scale(1);
-  }
-
-  100% {
-    transform: rotateZ(360deg) translateX(50px) scale(1.1);
-  }
-}
-
-.monet_02 {
-  max-width: 1100px;
-  position: absolute;
-  z-index: -1;
-  bottom: -40%;
-  right: -25%;
-  transform: scale(1);
-  animation: 25s ease-in-out 4.25s infinite alternate none running monet_02;
-}
-
-.footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  flex-direction: row;
-  font-size: 1rem;
-  padding: 5%;
-}
-
-.footer_profile_text {
-  color: #074686;
-}
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  color: #074686;
+  background: #e4f2ff;
+  font: 500 100%/1 "Poppins", sans-serif;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin: auto;
+  min-height: 100vh;
+  max-width: 2200px;
+  position: relative;
+  gap: 50px;
+  overflow: hidden;
+}
+
+@keyframes rotateAndTranslate {
+  0% {
+    transform: rotateZ(0deg) translateX(0px) scale(1);
+  }
+
+  100% {
+    transform: rotateZ(360deg) translateX(50px) scale(1.1);
+  }
+}
+
+.monet_01 {
+  top: -20%;
+  left: -25%;
+  animation: fadeIn 3s ease-in-out,
+    rotateAndTranslate 25s ease-in-out 4.25s infinite alternate;
+  max-width: 100vh;
+  position: absolute;
+  z-index: -1;
+  transform: scale(1);
+}
+
+.monet_02 {
+  bottom: -40%;
+  right: -25%;
+  animation: fadeIn 3s ease-in-out,
+    rotateAndTranslate 25s ease-in-out 4.25s infinite alternate;
+  max-width: 1100px;
+  position: absolute;
+  z-index: -1;
+  transform: scale(1);
+}
+
+.footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  font-size: 1rem;
+  padding: 5%;
+}
+
+.footer_profile_text {
+  color: #074686;
+}
+
+.conteudo {
+  display: none;
+}