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

81 lines
1.1 KiB
ReStructuredText
Raw Normal View History

2021-02-11 18:03:37 +00:00
.. 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