Skip to content

Commit 0bc378a

Browse files
Fabio BrasileiroFabio Brasileiro
Fabio Brasileiro
authored and
Fabio Brasileiro
committed
ajuste
1 parent 9264dbe commit 0bc378a

4 files changed

Lines changed: 44 additions & 13 deletions

File tree

‎src/app/page/header-landing-page/header-landing-page.component.html‎

Lines changed: 26 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -34,27 +34,48 @@
3434
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
3535
<li>
3636
<a (click)="inicio()"
37-
class="block cursor-pointer py-2 pl-3 pr-4 text-white bg-green-700 rounded lg:bg-transparent lg:text-green-700 lg:p-0 dark:text-white"
37+
[ngClass]="activeLink === 'inicio' ? 'max-lg:bg-green-700 dark:text-white ':'dark:text-gray-400 dark:hover:bg-gray-700'"
38+
class="nav-link block cursor-pointer py-2 pl-3 pr-4 text-whiterounded lg:bg-transparent lg:text-green-700 lg:p-0 dark:hover:text-white"
3839
aria-current="page">Início</a>
3940
</li>
4041
<li>
41-
<a (click)="porqueJava()" routerLinkActive="dark:text-white"
42-
class="block cursor-pointer py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Por
42+
<a (click)="porqueJava()"
43+
[ngClass]="activeLink === 'porqueJava' ? ' max-lg:bg-green-700 dark:text-white':'dark:text-gray-400 dark:hover:bg-gray-700'"
44+
class="nav-link block cursor-pointer py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 hover:text-white dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Por
4345
que Java?</a>
4446
</li>
4547
<li>
4648
<a (click)="sobre()"
47-
class="block cursor-pointer py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Sobre
49+
[ngClass]="activeLink === 'sobre' ? ' max-lg:bg-green-700 dark:text-white':'dark:text-gray-400 dark:hover:bg-gray-700'"
50+
class="nav-link block cursor-pointer py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 hover:text-white dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Sobre
51+
a comunida</a>
52+
</li>
53+
<li>
54+
<a (click)="evento()"
55+
[ngClass]="activeLink === 'evento' ? ' max-lg:bg-green-700 dark:text-white':'dark:text-gray-400 dark:hover:bg-gray-700'"
56+
class="nav-link block cursor-pointer py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 hover:text-white dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Eventos</a>
57+
</li>
58+
<li>
59+
<a (click)="contato()"
60+
[ngClass]="activeLink === 'contato' ? ' max-lg:bg-green-700 dark:text-white':'dark:text-gray-400 dark:hover:bg-gray-700'"
61+
class="nav-link block cursor-pointer py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 hover:text-white dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Contato</a>
62+
</li>
63+
<!-- <li>
64+
<a (click)="sobre()"
65+
[ngClass]="activeLink === 'sobre' ? ' bg-green-700 dark:text-white':'dark:text-gray-400 dark:hover:bg-gray-700'"
66+
class="block cursor-pointer py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Sobre
4867
a comunidade</a>
4968
</li>
5069
<li>
5170
<a (click)="evento()"
71+
[ngClass]="activeLink === 'evento' ? 'bg-green-700 dark:text-white':'dark:text-gray-400 dark:hover:bg-gray-700'"
5272
class="block cursor-pointer py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Eventos</a>
5373
</li>
5474
<li>
5575
<a (click)="contato()"
76+
[ngClass]="activeLink === 'contato' ? ' bg-green-700 dark:text-white':'dark:text-gray-400 dark:hover:bg-gray-700'"
5677
class="block py-2 cursor-pointer pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Contato</a>
57-
</li>
78+
</li> -->
5879
<!-- <li>
5980
<a href="#"
6081
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-green-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Contact</a>

‎src/app/page/header-landing-page/header-landing-page.component.ts‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,22 @@
11
import { Component, ElementRef } from '@angular/core';
22
import { ButtonToggleDarkLightComponent } from '../button-toggle-dark-light/button-toggle-dark-light.component';
3+
import { NgClass } from '@angular/common';
34

45
@Component({
56
selector: 'app-header-landing-page',
67
standalone: true,
7-
imports: [ButtonToggleDarkLightComponent],
8+
imports: [ButtonToggleDarkLightComponent,NgClass],
89
templateUrl: './header-landing-page.component.html',
910
styleUrl: './header-landing-page.component.css',
1011
})
1112
export class HeaderLandingPageComponent {
13+
activeLink: any= 'inicio';
1214
inicio() {
1315
document.getElementById('inicio')?.scrollIntoView({ behavior: 'smooth' });
1416
if (window.innerWidth < 10) {
1517
this.removerHidden();
1618
}
19+
this.activeLink = 'inicio';
1720
}
1821
porqueJava() {
1922
document
@@ -22,24 +25,30 @@ export class HeaderLandingPageComponent {
2225
if (window.innerWidth < 1024) {
2326
this.removerHidden();
2427
}
28+
this.activeLink = 'porqueJava';
2529
}
2630
sobre() {
2731
document.getElementById('sobre')?.scrollIntoView({ behavior: 'smooth' });
2832
if (window.innerWidth < 1024) {
2933
this.removerHidden();
3034
}
35+
this.activeLink = 'sobre'
36+
// Ativa a classe dark:text-white
37+
3138
}
3239
evento() {
3340
document.getElementById('evento')?.scrollIntoView({ behavior: 'smooth' });
3441
if (window.innerWidth < 1024) {
3542
this.removerHidden();
3643
}
44+
this.activeLink = 'evento';
3745
}
3846
contato() {
3947
document.getElementById('contato')?.scrollIntoView({ behavior: 'smooth' });
4048
if (window.innerWidth < 1024) {
4149
this.removerHidden();
4250
}
51+
this.activeLink = 'contato';
4352
}
4453

4554
// Método para remover a classe 'hidden'

‎src/app/page/landing-page-inicio/landing-page-inicio.component.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -735,7 +735,7 @@ <h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-9
735735
trial for 30 days</a> -->
736736
<div class="items-center justify-center space-y-4 sm:flex sm:space-y-0 sm:space-x-4 rtl:space-x-reverse">
737737
<a href="https://discord.com/invite/drYCpFH75g" target="_blank"
738-
class="w-full sm:w-auto bg-gray-700 hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300 text-white rounded-lg inline-flex items-center justify-center px-4 py-2.5 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700">
738+
class="w-full sm:w-auto bg-gray-700 hover:bg-gray-600 focus:ring-4 focus:outline-none focus:ring-gray-300 text-white rounded-lg inline-flex items-center justify-center px-4 py-2.5 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700">
739739
<!-- <svg class="me-3 w-7 h-7" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="apple" role="img"
740740
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
741741
<path fill="currentColor"
@@ -763,7 +763,7 @@ <h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-9
763763
</div>
764764
</a>
765765
<a href="https://chat.whatsapp.com/BwsPEqCdhw47JSKWRT6JF9" target="_blank"
766-
class="w-full sm:w-auto bg-gray-700 hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300 text-white rounded-lg inline-flex items-center justify-center px-4 py-2.5 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700">
766+
class="w-full sm:w-auto bg-gray-700 hover:bg-gray-600 focus:ring-4 focus:outline-none focus:ring-gray-300 text-white rounded-lg inline-flex items-center justify-center px-4 py-2.5 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700">
767767
<!-- <svg class="me-3 w-7 h-7" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="google-play"
768768
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
769769
<path fill="currentColor"
@@ -787,4 +787,4 @@ <h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-9
787787
</div>
788788
</section>
789789
<app-footer></app-footer>
790-
<!-- <script src="https://unpkg.com/flowbite@1.4.1/dist/flowbite.js"></script> -->
790+
<!-- <script src="https://unpkg.com/flowbite@1.4.1/dist/flowbite.js"></script> -->

‎src/styles.css‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -54,17 +54,18 @@ section {
5454
scale: 1 1;
5555
}
5656
}
57-
::-webkit-scrollbar {
57+
58+
/* ::-webkit-scrollbar {
5859
background: currentcolor;
59-
width: 10px;
60+
width: 8px;
6061
}
6162
::-webkit-scrollbar-track {
6263
background: currentcolor;
6364
}
6465
::-webkit-scrollbar-thumb {
65-
background: #fff;
66+
background: #fefefe;
6667
border-radius: 10px;
67-
}
68+
} */
6869

6970
/* .c-indicator {
7071
margin-top: 50px;

0 commit comments

Comments
 (0)