Padronização do site

ResidenciaTICBrisa · Jul 23, 2024 · 7f1a4b3 · 7f1a4b3
1 parent 8d3880f
commit 7f1a4b3
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 21 deletions.
diff --git a/docs/assets/moon.png b/docs/assets/moon.png
diff --git a/docs/assets/sun.png b/docs/assets/sun.png
diff --git a/docs/index.html b/docs/index.html
@@ -5,7 +5,11 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta http-equiv="X-UA-Compatible" content="ie=edge" />
         <title>SIGE IE</title>
-        <link rel="icon" href="assets/favicon_transparent_32x32.png" />
+        <link
+            rel="icon"
+            href="assets/favicon_transparent_32x32.png"
+            size="32x32"
+        />
         <link
             rel="stylesheet"
             href="https://unpkg.com/[email protected]/dist/tailwind.min.css"
@@ -85,7 +89,8 @@
                         style="background: transparent"
                     >
                         <img
-                            src="assets/day-and-night.png"
+                            id="img-sun-moon"
+                            src="assets/sun.png"
                             alt="Modo Noturno"
                             class="h-6 w-6 hover:scale-110 transition-transform duration-300 ease-in-out sun-moon"
                         />
@@ -345,7 +350,7 @@
                 <h2
                     class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-800 dark:text-white"
                 >
-                    Time
+                    Equipe de Desenvolvimento
                 </h2>
                 <div class="w-full mb-4">
                     <div
@@ -395,9 +400,12 @@
                                 />
                             </a>
                         </div>
-                        <p class="text-gray-600 mb-8 dark:text-gray-300">
-                            Desenvolvedor Frontend, UX Design.
-                        </p>
+                        <ul class="text-gray-600 mb-8 dark:text-gray-300">
+                            <li>• Desenvolvedor Mobile</li>
+                            <li>• Desenvolvedor Web</li>
+                            <li>• UX e UI designer</li>
+                            <li>• Analista de requisitos</li>
+                        </ul>
                     </div>
                     <div class="p-6 text-center">
                         <h3
@@ -441,9 +449,9 @@
                                 />
                             </a>
                         </div>
-                        <p class="text-gray-600 mb-8 dark:text-gray-300">
-                            Desenvolvedor backend.
-                        </p>
+                        <ul class="text-gray-600 mb-8 dark:text-gray-300">
+                            <li>• Desenvolvedor backend</li>
+                        </ul>
                     </div>
                     <div class="p-6 text-center">
                         <h3
@@ -487,9 +495,9 @@
                                 />
                             </a>
                         </div>
-                        <p class="text-gray-600 mb-8 dark:text-gray-300">
-                            Desenvolvedor backend.
-                        </p>
+                        <ul class="text-gray-600 mb-8 dark:text-gray-300">
+                            <li>• Desenvolvedor backend</li>
+                        </ul>
                     </div>
                     <div class="p-6 text-center">
                         <h3
@@ -533,11 +541,12 @@
                                 />
                             </a>
                         </div>
-                        <p class="text-gray-600 mb-8 dark:text-gray-300">
-                            Responsável pela codificação do backend,
-                            configuração da infraestrutura, e participação na
-                            codificação do frontend e integração com o backend.
-                        </p>
+                        <ul class="text-gray-600 mb-8 dark:text-gray-300">
+                            <li>• Responsável pela codificação do backend</li>
+                            <li>• Configuração da infraestrutura</li>
+                            <li>• Participação na codificação do frontend</li>
+                            <li>• Integração com o backend</li>
+                        </ul>
                     </div>
                     <div class="p-6 text-center">
                         <h3
@@ -581,10 +590,11 @@
                                 />
                             </a>
                         </div>
-                        <p class="text-gray-600 mb-8 dark:text-gray-300">
-                            Levantamento de requisitos, gerenciamento da
-                            documentação e validação com a cliente.
-                        </p>
+                        <ul class="text-gray-600 mb-8 dark:text-gray-300">
+                            <li>• Levantamento de requisitos</li>
+                            <li>• Gerenciamento da documentação</li>
+                            <li>• Validação com a cliente</li>
+                        </ul>
                     </div>
                 </div>
             </div>

diff --git a/docs/script.js b/docs/script.js
@@ -11,10 +11,12 @@ document.getElementById("modeToggle").addEventListener("click", function () {
     if (document.body.classList.contains("dark-mode")) {
         document.getElementById("image1").src = "assets/Electrician-black.gif";
         document.getElementById("image2").src = "assets/Electrician2-black.gif";
+        document.getElementById("img-sun-moon").src = "assets/moon.png";
         document.querySelector(".gradient-bg").classList.add("dark-mode");
     } else {
         document.getElementById("image1").src = "assets/Electrician.gif";
         document.getElementById("image2").src = "assets/Electrician2.gif";
+        document.getElementById("img-sun-moon").src = "assets/sun.png";
         document.querySelector(".gradient-bg").classList.remove("dark-mode");
     }
 });