Add Tailwind workshop slides

workshop-tailwind-css/sections/task-6-video.rst

@@ -0,0 +1,80 @@
+.. page:: titlePage
+
+.. class:: centredtitle
+
+Task 6: Add the video component
+
+.. page:: standardPage
+
+Before we start
+---------------
+
+.. code-block::
+    :include: code/task-6-before.txt
+
+.. page::
+
+.. code-block:: html
+    :include: code/video-1.txt
+
+.. page:: imagePage
+
+.. image:: images/video-1.png
+    :width: 22cm
+
+.. page:: standardPage
+
+.. code-block:: diff
+    :include: code/video-2.txt
+
+.. page:: imagePage
+
+.. image:: images/video-2.png
+    :width: 22cm
+
+.. page:: standardPage
+
+Adding the logo
+---------------
+
+.. code-block:: html 
+    :include: code/video-3.txt
+    :hl_lines: 13 14
+
+.. page:: imagePage
+
+.. image:: images/video-3.png
+    :width: 22cm
+
+.. page:: standardPage
+
+Positioning the logo
+--------------------
+
+.. code-block:: diff
+    :include: code/video-4.txt
+
+.. page:: imagePage
+
+.. image:: images/video-4.png
+    :width: 22cm
+
+.. page:: standardPage
+
+Adding stars
+------------
+
+.. code-block:: html
+    :include: code/video-5.txt
+    :hl_lines: 6 7 8
+
+Positioning the stars
+---------------------
+
+.. code-block:: diff
+    :include: code/video-6.txt
+
+.. page:: imagePage
+
+.. image:: images/video-6.png
+    :width: 22cm