added label tutorial

src/app/app.module.ts

@@ -85,6 +85,7 @@ import { BookmarksComponent } from './components/floating-column/manage-account/
 import { AttachementImageComponent } from './components/stream/status/attachements/attachement-image/attachement-image.component';
 import { TutorialEnhancedComponent } from './components/tutorial-enhanced/tutorial-enhanced.component';
 import { NotificationsTutorialComponent } from './components/tutorial-enhanced/notifications-tutorial/notifications-tutorial.component';
+import { LabelsTutorialComponent } from './components/tutorial-enhanced/labels-tutorial/labels-tutorial.component';
 
 
 const routes: Routes = [
@@ -150,7 +151,8 @@ const routes: Routes = [
         BookmarksComponent,
         AttachementImageComponent,
         TutorialEnhancedComponent,
-        NotificationsTutorialComponent
+        NotificationsTutorialComponent,
+        LabelsTutorialComponent
     ],
     entryComponents: [
         EmojiPickerComponent

src/app/components/tutorial-enhanced/labels-tutorial/labels-tutorial.component.html

@@ -0,0 +1,10 @@
+<div class="tutorial-content">
+    <h3 class="tutorial-content__subtitle">Labels</h3>
+    <p>
+        Toots in Sengi have little labels under the avatar:<br/>
+        <br />
+        [TODO]<br />
+        <br />
+        Here are the signification of them:
+    </p>
+</div>

src/app/components/tutorial-enhanced/labels-tutorial/labels-tutorial.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LabelsTutorialComponent } from './labels-tutorial.component';
+
+xdescribe('LabelsTutorialComponent', () => {
+  let component: LabelsTutorialComponent;
+  let fixture: ComponentFixture<LabelsTutorialComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LabelsTutorialComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LabelsTutorialComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/tutorial-enhanced/labels-tutorial/labels-tutorial.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-labels-tutorial',
+  templateUrl: './labels-tutorial.component.html',
+  styleUrls: ['../tutorial-enhanced.component.scss']
+})
+export class LabelsTutorialComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/components/tutorial-enhanced/notifications-tutorial/notifications-tutorial.component.html

@@ -7,7 +7,7 @@
 
     <h3 class="tutorial-content__subtitle">Notifications</h3>
     <p>
-        By default, Sengi doesn't need the notification timeline: it has it's own way to do it.<br />
+        By default, Sengi doesn't need notification timelines: it has it's own way to do it.<br />
         <br />
         When your account will receive a new mention, follow, boost, favorite and other kind of notifications, your
         avatar's icon will start flashing this way:<br />
@@ -22,7 +22,7 @@
         The flashing animation will then automatically stop.<br />
         <br />
         <br />
-        The aim of this mecanism is to prevent the flood of notification timelines (one per account) in the interface, especally if you manage a lot of accounts in Sengi. <br />
+        The aim of this mecanism is to prevent the flood of notification timelines (one per account) in the interface, especally if you add a lot of accounts in Sengi. <br />
         <br />
         <br />
         Of course, you can disable various parts of this mecanism in the settings panel.<br />