Skip to content

Commit f8863ae

Browse files
fabiobrasileiroofabiobrasileiroo
committed
configurando rotas
1 parent e41c146 commit f8863ae

11 files changed

Lines changed: 1075 additions & 998 deletions

‎src/app/app.component.html‎

Lines changed: 1 addition & 996 deletions
Large diffs are not rendered by default.

‎src/app/app.component.ts‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
import { Component } from '@angular/core';
22
import { RouterOutlet } from '@angular/router';
3+
import { LandingPageInicioComponent } from './page/landing-page-inicio/landing-page-inicio.component';
4+
import { HeaderLandingPageComponent } from './page/header-landing-page/header-landing-page.component';
35

46
@Component({
57
selector: 'app-root',
68
standalone: true,
7-
imports: [RouterOutlet],
9+
imports: [RouterOutlet,LandingPageInicioComponent,HeaderLandingPageComponent],
810
templateUrl: './app.component.html',
911
styleUrl: './app.component.css'
1012
})

‎src/app/app.routes.ts‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
11
import { Routes } from '@angular/router';
2+
import { LandingPageInicioComponent } from './page/landing-page-inicio/landing-page-inicio.component';
23

3-
export const routes: Routes = [];
4+
export const routes: Routes = [
5+
{path: '', component: LandingPageInicioComponent}
6+
];

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

Whitespace-only changes.

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

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<header class="fixed w-full">
2+
<nav class="bg-white border-gray-200 py-2.5 dark:bg-gray-900">
3+
<div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
4+
<a href="#" class="flex items-center">
5+
<img src="../assets/logo-java-jugle.png" class="h-6 mr-3 sm:h-9" alt="Java juble Logo" />
6+
<!-- <span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white">Java Jungle</span> -->
7+
</a>
8+
<div class="flex items-center lg:order-2">
9+
<div class="hidden mt-2 mr-4 sm:inline-block">
10+
<a class="github-button" href="https://github.com/fabiobrasileiroo/fabiobrasileiro-portfolio"
11+
data-size="large" data-icon="octicon-star" data-show-count="true"
12+
aria-label="Star jubleJava/comunidade on GitHub">Star</a>
13+
</div>
14+
<!-- <a href="#" class="text-gray-800 dark:text-white hover:bg-gray-50 focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 dark:hover:bg-gray-700 focus:outline-none dark:focus:ring-gray-800">Log in</a> -->
15+
<!-- <a href="https://themesberg.com/product/tailwind-css/landing-page"
16+
class="text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 lg:mr-0 dark:bg-purple-600 dark:hover:bg-purple-700 focus:outline-none dark:focus:ring-purple-800">Download</a> -->
17+
<button data-collapse-toggle="mobile-menu-2" type="button"
18+
class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
19+
aria-controls="mobile-menu-2" aria-expanded="false">
20+
<span class="sr-only">Open main menu</span>
21+
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
22+
<path fill-rule="evenodd"
23+
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
24+
clip-rule="evenodd"></path>
25+
</svg>
26+
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
27+
<path fill-rule="evenodd"
28+
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
29+
clip-rule="evenodd"></path>
30+
</svg>
31+
</button>
32+
</div>
33+
<div class="items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
34+
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
35+
<li>
36+
<a href="#"
37+
class="block py-2 pl-3 pr-4 text-white bg-purple-700 rounded lg:bg-transparent lg:text-purple-700 lg:p-0 dark:text-white"
38+
aria-current="page">Início</a>
39+
</li>
40+
<li>
41+
<a href="#"
42+
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-purple-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
43+
que Java?</a>
44+
</li>
45+
<li>
46+
<a href="#"
47+
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-purple-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
48+
a comunidade</a>
49+
</li>
50+
<li>
51+
<a href="#"
52+
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-purple-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>
53+
</li>
54+
<li>
55+
<a href="#"
56+
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-purple-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>
58+
<!-- <li>
59+
<a href="#"
60+
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-purple-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>
61+
</li> -->
62+
</ul>
63+
</div>
64+
</div>
65+
</nav>
66+
</header>

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

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import { ComponentFixture, TestBed } from '@angular/core/testing';
2+
3+
import { HeaderLandingPageComponent } from './header-landing-page.component';
4+
5+
describe('HeaderLandingPageComponent', () => {
6+
let component: HeaderLandingPageComponent;
7+
let fixture: ComponentFixture<HeaderLandingPageComponent>;
8+
9+
beforeEach(async () => {
10+
await TestBed.configureTestingModule({
11+
imports: [HeaderLandingPageComponent]
12+
})
13+
.compileComponents();
14+
15+
fixture = TestBed.createComponent(HeaderLandingPageComponent);
16+
component = fixture.componentInstance;
17+
fixture.detectChanges();
18+
});
19+
20+
it('should create', () => {
21+
expect(component).toBeTruthy();
22+
});
23+
});

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

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { Component } from '@angular/core';
2+
3+
@Component({
4+
selector: 'app-header-landing-page',
5+
standalone: true,
6+
imports: [],
7+
templateUrl: './header-landing-page.component.html',
8+
styleUrl: './header-landing-page.component.css'
9+
})
10+
export class HeaderLandingPageComponent {
11+
12+
}

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

Whitespace-only changes.

0 commit comments

Comments
 (0)