Commit cb16ae49 authored by Mamadou Saliou DIALLO's avatar Mamadou Saliou DIALLO
Browse files

feat: add home website home page

parent d5207408
This diff is collapsed.
import { GameSelectComponent } from './components/gameselect/gameselect.component';
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from "./components/home/home.component";
const routes: Routes = [
{path: 'home', component:HomeComponent},
{path: 'new-game', component:GameSelectComponent},
{path: '', redirectTo: 'home', pathMatch: 'full'},
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
<h1>
Welcome to {{ title }}!
</h1>
<img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
</div>
<h2>Here are some links to help you start: </h2>
<ul>
<li>
<h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
</li>
<li>
<h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
</li>
<li>
<h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
</li>
</ul>
<router-outlet></router-outlet>
\ No newline at end of file
......@@ -2,13 +2,19 @@ import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HomeComponent } from './components/home/home.component';
import { GameSelectComponent } from './components/gameselect/gameselect.component';
@NgModule({
declarations: [
AppComponent
AppComponent,
HomeComponent,
GameSelectComponent
],
imports: [
BrowserModule
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
......
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { GameselectComponent } from './gameselect.component';
describe('GameselectComponent', () => {
let component: GameselectComponent;
let fixture: ComponentFixture<GameselectComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ GameselectComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(GameselectComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-gameselect',
templateUrl: './gameselect.component.html',
styleUrls: ['./gameselect.component.css']
})
export class GameSelectComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
/* Home page */
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
.home-container {
width: 100vw;
height: 100vh;
margin:0;
padding:0;
background-image: url(../../../assets/images/galaxy.jpg);
padding-top: 30vh;
text-align: center;
}
.title{
margin-bottom: 50px !important;
font-family: 'Audiowide', cursive;
font-size: 70px;
color: rgb(43, 128, 226) !important;
}
a{
color: #fff;
text-decoration: none;
font-size: 25px;
background-color: crimson;
line-height: 50px;
padding:20px;
border-radius: 10px;
}
a:hover{
background: rgb(43, 128, 226);
color: #fff;
}
a i {
margin-right: 10px;
}
<div class="home-container">
<div>
<h1 class="title">Not alone online</h1>
<a routerLink="/new-game" routerLinkActive="active"><i class="fa fa-play"></i>Jouer</a>
</div>
</div>
\ No newline at end of file
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HomeComponent } from './home.component';
describe('HomeComponent', () => {
let component: HomeComponent;
let fixture: ComponentFixture<HomeComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HomeComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HomeComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
not-alone-web/src/favicon.ico

5.3 KB | W: | H:

not-alone-web/src/favicon.ico

40.7 KB | W: | H:

not-alone-web/src/favicon.ico
not-alone-web/src/favicon.ico
not-alone-web/src/favicon.ico
not-alone-web/src/favicon.ico
  • 2-up
  • Swipe
  • Onion skin
<!doctype html>
<html lang="en">
<html lang="fr-FR">
<head>
<meta charset="utf-8">
<title>NotAloneWeb</title>
<title>Not Alone Online</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
</body>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</html>
/* You can add global styles to this file, and also import other style files */
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment