Sphinx raw html

Embedding a video

.. raw:: html

       <iframe width="560" height="315" src="https://www.youtube.com/embed/UaIvrDWrIWM" frameborder="0" allowfullscreen></iframe>

---

<ins>awsome</ins>

.. raw:: html

       This is <ins>awsome</ins>

This is awsome

---

<del>awsome</del>

• https://developer.mozilla.org/fr/docs/Web/HTML/Element/del

.. raw:: html

       This is <del>awsome</del>

This is awsome

---

There is <del>nothing</del> <ins>no code</ins> either good or bad, but <del>thinking</del> <ins>running it</ins> makes it so

• https://developer.mozilla.org/fr/docs/Web/HTML/Element/del

.. raw:: html

    <blockquote>
        There is <del>nothing</del> <ins>no code</ins> either good or bad, but <del>thinking</del> <ins>running it</ins> makes it so.
    </blockquote>

There is nothing no code either good or bad, but thinking running it makes it so.

Raw data can also be read from an external file

• https://docutils.sourceforge.io/docs/ref/rst/directives.html#raw-data-pass-through

Raw data can also be read from an external file, specified in a directive option. In this case, the content block must be empty. For example:

.. raw:: html
   :file: inclusion.html

---

<p style="color:red;">I am red</p>

• https://www.w3schools.com/html/html_colors.asp

.. raw:: html

   <p style="color:red;">I am red</p>

I am red

---

<p style="background-color:yellow;">This is a paragraph.</p>

.. raw:: html

   <p style="background-color:yellow;">This is a paragraph.</p>

This is a paragraph.

---

<p style="color:red;"><del>I am red</del></p>

.. raw:: html

   <p style="color:red;"><del>I am red</del></p>

I am red

---

<p style="color:green;">I am green</p>

.. raw:: html

   <p style="color:green;">I am green</p>

I am green

<p class="gras vert">paragraphe gras et vert.</p>

paragraphe gras et vert.

<p class="rajout_vert">I am class green</p>

• https://docs.readthedocs.io/en/stable/guides/adding-custom-css.html

Avertissement

Do not forget to add the css files in your conf.py file. html_css_files = [ “css/custom.css”, ]

.. raw:: html

   <p class="rajout_vert">I am class rajout_vert</p>

I am class green

_static/css/custom.css

{# couleurs #}

{# http://www.w3schools.com/colors/colors_hsl.asp #}

{# rouge #}
.rajout_rouge {background-color:hsl(7, 100%, 43%);}
.rouge {background-color:hsl(7, 100%, 43%);}
{# vert #}
.rajout_vert {background-color:hsl(129, 89%, 45%);}
.vert {background-color:hsl(129, 89%, 45%);}
{# vert #}
.vert {background-color:hsl(129, 89%, 45%);}

p.gras {
  font-weight: bold;
}