Skip to content

Formation Angular
Formation Angular
Commit 50d3a57e by Emile TAVERNE
Options

Ajout composants page trombinoscope et header

parent d2de8e49
Showing with 65 additions and 26 deletions
src/app/app.component.html
<!--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://angular.io/cli">CLI Documentation</a></h2>
</li>
<li>
<h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
</li>
</ul>
<app-header></app-header>
<app-page-trombinoscope></app-page-trombinoscope>
src/app/app.component.ts
......@@ -6,5 +6,5 @@ import {Component} from '@angular/core';
styleUrls: ['./app.component.scss']
})
export class AppComponent {
title = 'formation-angular';
}
src/app/app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import { AppComponent } from './app.component';
import {AppComponent} from './app.component';
import * as Components from './components';
@NgModule({
declarations: [
AppComponent
AppComponent,
Components.HeaderComponent,
Components.PageTrombinoscopeComponent
],
imports: [
BrowserModule
......
src/app/components/header/header.component.html 0 → 100644
<header>
<h1>
<img src="/assets/angular.png">
Trombinoscope
</h1>
</header>
src/app/components/header/header.component.scss 0 → 100644
header {
background-color: #1976D2;
color: #ffffff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
h1 {
font-weight: 400;
letter-spacing: 0.6px;
margin: 0;
text-align: center;
font-size: 2rem;
line-height: 4rem;
img {
vertical-align: sub;
}
}
}
src/app/components/header/header.component.ts 0 → 100644
import {Component} from '@angular/core';
@Component({
selector: 'app-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.scss']
})
export class HeaderComponent {
}
src/app/components/index.ts 0 → 100644
export * from './header/header.component';
export * from './page-trombinoscope/page-trombinoscope.component';
src/app/components/page-trombinoscope/page-trombinoscope.component.ts 0 → 100644
import {Component} from '@angular/core';
@Component({
selector: 'app-page-trombinoscope',
templateUrl: './page-trombinoscope.component.html',
styleUrls: ['./page-trombinoscope.component.scss']
})
export class PageTrombinoscopeComponent {
}
src/index.html
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>FormationAngular</title>
<title>Formation Angular</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
......
src/styles.scss
@import "~blueprint-css/dist/blueprint.min.css";
html, body {
margin: 0;
padding: 0;
font-family: monospace;
}
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