ui: Almost all interface done with Svelte

frontend/ui/src/components/ExerciceVideo.svelte

@@ -0,0 +1,26 @@
+<script>
+ import {
+     Card,
+     CardBody,
+     CardHeader,
+     CardText,
+     Icon,
+     ListGroup,
+     ListGroupItem,
+ } from 'sveltestrap';
+
+ export let uri = "";
+</script>
+
+<Card class="border-success mb-2">
+    <CardHeader class="bg-success">
+        <Icon name="laptop-fill" />
+        Solution du défi
+    </CardHeader>
+    <CardBody class="text-indent">
+	<div class="embed-responsive embed-responsive-16by9">
+	    <iframe type="text/html" src="{uri}" class="embed-responsive-item" title="Vidéo de résolution">
+		Regardez la vidéo de résolution de ce défi&nbsp;: <a href="{uri}">{uri}</a>.
+	    </iframe>
+    </CardBody>
+</Card>