added video illustrations

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

@@ -12,19 +12,26 @@
         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 />
         <br />
-        [TODO]<br />
+        <video class="video__center" role="application" loop autoplay>
+            <source src="assets/video/flashing.mp4" type="video/mp4">
+        </video>
+        <br />
         <br />
         If you right-click on your avatar, the account panel will automatically open and switch to the related
         subsection (mentions or notifications) and show you the last entries.<br />
         <br />
-        [TODO]<br />
+        The flashing animation will then automatically stop.<br />        
         <br />
-        The flashing animation will then automatically stop.<br />
+        <video class="media-viewer-canvas__image" role="application" loop autoplay>
+            <source src="assets/video/notification.mp4" type="video/mp4">
+        </video>
         <br />
         <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 />
+        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 />
-    </p>    
+    </p>
 </div>

src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss

@@ -92,5 +92,17 @@ $footer-height: 30px;
     &__subtitle {
         font-size: 16px;
 
+    }
+}
+
+.video {
+    &__center {
+        margin: auto;
+        width: 48px;
+        display: block;
+    }
+    
+    &__expand {
+        
     }
 }