Prepare Web API section for Markdown conversion (#2464)

* Remove summary classes and ids

* Remove unecessary hidden

* Remove useless span filled with useless attributes / ids

* Remove useless font

* Remove notranslate

* Remove id in other elements than headings

* Remove name attributes

* Remove <pre><code> for JS w/ language-js class

* Remove <pre><code> for HTML w/ language-html class

* Remove <pre><code> for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI

1 files changed, 7 insertions, 7 deletions

diff --git a/files/fr/web/api/intersection_observer_api/index.html b/files/fr/web/api/intersection_observer_api/index.html
index b314d00515..3343785331 100644
--- a/files/fr/web/api/intersection_observer_api/index.html
+++ b/files/fr/web/api/intersection_observer_api/index.html
@@ -10,7 +10,7 @@ translation_of: Web/API/Intersection_Observer_API
 ---
 <div>{{SeeCompatTable}}{{DefaultAPISidebar("Intersection Observer API")}}</div>
 
-<p class="summary"><span class="seoSummary">L'API <em>Intersection Observer</em> permet d'observer de manière asynchrone l'évolution de l'intersection d'un élément cible avec un élément ancêtre ou avec la zone d'affichage d'un document de niveau supérieur.</span></p>
+<p>L'API <em>Intersection Observer</em> permet d'observer de manière asynchrone l'évolution de l'intersection d'un élément cible avec un élément ancêtre ou avec la zone d'affichage d'un document de niveau supérieur.</p>
 
 <p>Historiquement, détecter la visibilité d'un élément, ou la visibilité relative de deux éléments l'un par rapport à l'autre, a été une tache difficile, résolue de manière peu rigoureuse et pouvant nuire à la fluidité de la page consultée. Malheureusement, avec la maturation de la toile, ce genre d'information se révèle de plus en plus nécessaire. La donnée de l'intersection est requise pour de nombreuses raisons, telles que:</p>
 
@@ -118,8 +118,9 @@ observer.observe(target);
  <li>La dernière boîte a des paliers tous les 25%.</li>
 </ul>
 
-<div class="hidden" id="threshold-example">
-<pre class="brush: html">&lt;template id="boxTemplate"&gt;
+<h5 id="exemple_de_seuil">Exemple de seuil</h5>
+
+<pre class="brush: html hidden">&lt;template id="boxTemplate"&gt;
   &lt;div class="sampleBox"&gt;
     &lt;div class="label topLeft"&gt;&lt;/div&gt;
     &lt;div class="label topRight"&gt;&lt;/div&gt;
@@ -135,7 +136,7 @@ observer.observe(target);
   &lt;/div&gt;
 &lt;/main&gt;</pre>
 
-<pre class="brush: css">.contents {
+<pre class="brush: css hidden">.contents {
   position: absolute;
   width: 700px;
   height: 1725px;
@@ -205,7 +206,7 @@ observer.observe(target);
 }
 </pre>
 
-<pre class="brush: js">let observers = [];
+<pre class="brush: js hidden">let observers = [];
 
 startup();
 
@@ -272,9 +273,8 @@ function intersectionCallback(entries) {
   });
 }
 </pre>
-</div>
 
-<p>{{EmbedLiveSample("threshold-example", 500, 500)}}</p>
+<p>{{EmbedLiveSample("exemple_de_seuil", 500, 500)}}</p>
 
 <h2 id="Interfaces">Interfaces</h2>