docs Put videos on the front page

docs/index.md

@@ -4,12 +4,6 @@ MOP3 is a hobby OS project of mine ;).
 
 Development is logged on my blog on [my website](https://www.kamkow1lair.pl/).
 
-Videos of the operating system working on REAL hardware:
-
-- [Interactive shell demo](https://git.kamkow1lair.pl/kamkow1/mop3-videos/media/branch/master/mop3_ce_demo.mp4)
-- [Working PS/2 keyboard driver](https://git.kamkow1lair.pl/kamkow1/mop3-videos/media/branch/master/ps2kb_driver_test.mp4)
-- [scheduler demo & mutex synchronization](https://git.kamkow1lair.pl/kamkow1/mop3-videos/media/branch/master/MOP3_video_test.mp4)
-
 I'm testing on HP ThinClient T730, which is a nice mini-PC with all the old-school peripherals you
 wouldn't find on very fancy/modern hardware.
 
@@ -37,3 +31,35 @@ sudo eject /dev/myusb
 ```
 
 And now you can plug in your USB and boot it up! Enjoy ;).
+
+# Showcase!
+
+Videos of the operating system working on REAL hardware:
+
+## PCI-IDE native driver + text editor
+
+<video width="800" controls>
+  <source src="https://git.kamkow1lair.pl/kamkow1/mop3-videos/media/branch/master/mop3_disk_demo_final.mp4" type="video/mp4">
+  Your browser does not support the video tag.
+</video>
+
+## Interactive shell
+
+<video width="800" controls>
+  <source src="https://git.kamkow1lair.pl/kamkow1/mop3-videos/media/branch/master/mop3_ce_demo.mp4" type="video/mp4">
+  Your browser does not support the video tag.
+</video>
+
+## PS/2 keyboard driver test
+
+<video width="800" controls>
+  <source src="https://git.kamkow1lair.pl/kamkow1/mop3-videos/media/branch/master/ps2kb_driver_test.mp4" type="video/mp4">
+  Your browser does not support the video tag.
+</video>
+
+## Scheduling and mutexes
+
+<video width="800" controls>
+  <source src="https://git.kamkow1lair.pl/kamkow1/mop3-videos/media/branch/master/MOP3_video_test.mp4" type="video/mp4">
+  Your browser does not support the video tag.
+</video>