Skip to content

Commit

Permalink
Modo noturno
Browse files Browse the repository at this point in the history
  • Loading branch information
@EngDann
EngDann committed Jul 16, 2024
1 parent 9fb6388 commit 264a11f
Show file tree
Hide file tree
Showing 5 changed files with 76 additions and 13 deletions.
Binary file added docs/assets/Electrician-black.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/assets/Electrician2-black.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
42 changes: 29 additions & 13 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@
<li class="mr-3">
<b
><a
class="inline-block py-2 px-4 text-black font-bold no-underline"
class="inline-block py-2 px-4 text-black font-bold no-underline hover:text-blue-500"
href="#descricao"
>Descrição do Produto</a
></b
Expand All @@ -78,7 +78,7 @@
<li class="mr-3">
<b
><a
class="inline-block text-black no-underline hover:text-gray-800 hover:text-underline py-2 px-4"
class="inline-block text-black no-underline hover:text-blue-500 py-2 px-4"
href="#funcionalidades"
>Funcionalidades</a
></b
Expand All @@ -87,7 +87,7 @@
<li class="mr-3">
<b
><a
class="inline-block text-black no-underline hover:text-gray-800 hover:text-underline py-2 px-4"
class="inline-block text-black no-underline hover:text-blue-500 py-2 px-4"
href="#team"
>Time</a
></b
Expand All @@ -104,6 +104,12 @@
Conhecer
</button>
</a>
<button
id="modeToggle"
class="ml-4 p-2 bg-gray-800 text-white rounded-full"
>
Modo Noturno
</button>
</div>
</div>
<hr class="border-b border-gray-100 opacity-25 my-0 py-0" />
Expand Down Expand Up @@ -191,13 +197,18 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
<!-- Descrição do Produto -->
<section class="bg-white border-b py-8" id="descricao">
<div class="container max-w-5xl mx-auto m-8">
<h2
class="text-5xl font-bold leading-tight text-center text-gray-800"
>
Descrição do Produto
</h2>
<div class="flex flex-wrap">
<div class="w-full md:w-1/2 p-6">
<h2
class="text-5xl font-bold leading-tight text-gray-800"
<h3
class="text-3xl text-gray-800 font-bold leading-none mb-3"
>
Descrição do Produto
</h2>
Gerenciamento de Instalações
</h3>
<p class="text-gray-600 mb-8">
Este sistema foi desenvolvido para melhorar a
eficiência e a gestão das instalações elétricas.
Expand All @@ -221,6 +232,11 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
/>
</div>
<div class="w-full md:w-1/2 p-6">
<h3
class="text-3xl text-gray-800 font-bold leading-none mb-3"
>
Funcionalidades Diversas
</h3>
<p class="text-gray-600 mb-8">
O sistema permite o gerenciamento de diversas
funcionalidades, incluindo instalações, iluminação,
Expand Down Expand Up @@ -367,7 +383,7 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
<h2
class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-800"
>
Team
Time
</h2>
<div class="w-full mb-4">
<div
Expand All @@ -386,7 +402,7 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
<img
style="border-radius: 50%"
src="https://avatars.githubusercontent.com/u/137555908?v=4"
width="100px;"
width="80px;"
alt="Danilo Melo"
/>
</a>
Expand All @@ -406,7 +422,7 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
<img
style="border-radius: 50%"
src="https://avatars.githubusercontent.com/u/103394028?v=4"
width="100px;"
width="80px;"
alt="Kauan José"
/>
</a>
Expand All @@ -424,7 +440,7 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
<img
style="border-radius: 50%"
src="https://avatars.githubusercontent.com/u/98489703?v=4"
width="100px;"
width="80px;"
alt="Oscar de Brito"
/>
</a>
Expand All @@ -442,7 +458,7 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
<img
style="border-radius: 50%"
src="https://avatars.githubusercontent.com/u/97984278?v=4"
width="100px;"
width="80px;"
alt="Pedro Lucas"
/>
</a>
Expand All @@ -464,7 +480,7 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
<img
style="border-radius: 50%"
src="https://avatars.githubusercontent.com/u/139188097?v=4"
width="100px;"
width="80px;"
alt="Ramires Rocha"
/>
</a>
Expand Down
8 changes: 8 additions & 0 deletions docs/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,3 +73,11 @@ $(document).ready(function () {
],
});
});

document.getElementById("modeToggle").addEventListener("click", function () {
document.body.classList.toggle("dark-mode");
var modeText = document.body.classList.contains("dark-mode")
? "Modo Claro"
: "Modo Noturno";
this.textContent = modeText;
});
39 changes: 39 additions & 0 deletions docs/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,3 +49,42 @@
.slick-next:before {
content: "→";
}

nav a:hover {
color: #0000ff; /* Azul */
}

/* Modo Noturno */
body.dark-mode {
background-color: #121212;
color: #ffffff;
}

body.dark-mode .bg-white {
background-color: #333333;
color: #ffffff;
}

body.dark-mode .text-gray-800 {
color: #ffffff;
}

body.dark-mode .text-gray-600 {
color: #bbbbbb;
}

body.dark-mode .gradient {
background: linear-gradient(90deg, #333333 0%, #777777 100%);
}

body.dark-mode nav a {
color: #ffffff;
}

body.dark-mode .team-carousel .text-gray-800 {
color: #ffffff;
}

body.dark-mode .team-carousel .text-gray-600 {
color: #bbbbbb;
}

0 comments on commit 264a11f

Please sign in to comment.