Help page update

A new update of the student help page (webapp index component) is introduced to introduce support for the new student features in version 2.2.0.

Author: diego-guerrero

vscode4teaching-webapp/src/app/components/index/index.component.html

@@ -52,8 +52,12 @@ <h3>Now you can do the exercise! When you save a file, its contents will be able
             <img class="demo-gif" src="/assets/img/gif4_doingexercise.gif" alt="Animated image of demo student editing an exercise" />
             <h3>When you finish the exercise, press the Finish button:</h3>
             <img class="demo-gif" src="/assets/img/gif5_finishexercise.gif" alt="Animated image of a demo student marking an exercise as finished" />
-            <h3>New exercise! Refresh the list of exercises in the course:</h3>
-            <img class="demo-gif" src="/assets/img/gif6_newexercise.gif" alt="Animated image of demo student refreshing exercise list" />
+            <h3>If your teacher included a solution, you can download it:</h3>
+            <img class="demo-gif" src="/assets/img/gif6_downloadsolution.gif" alt="Animated image of a demo student downloading the teacher's solution to an exercise" />
+            <h3>When downloaded, you can also check the differences between your proposal and your teacher's solution:</h3>
+            <img class="demo-gif" src="/assets/img/gif7_diffwithsolution.gif" alt="Animated image of a demo student viewing the differences between his or her exercise and the teacher's solution" />
+            <h3>New exercise!</h3>
+            <img class="demo-gif" src="/assets/img/gif8_newexercise.gif" alt="Animated image of demo student refreshing exercise list" />
         </ng-container>
     </section>
-</div>
+</div>