Prepare SVG section for Markdown conversion (#2570)

* Remove summary classes

* Remove hidden classes out of pre

* Remove spans

* Remove notranslate class

* Remove ids out of headings

* missed 2 ids with regex

* clean note and warning cards

* fix headings errors

* Fix dls and as

* fix imgs

* lint stuff (absolute urls, english links)

* Temporarily readding file

* delete inexisting doc in en-US with flaws

* Fixes #2842 for SVG

1 files changed, 13 insertions, 13 deletions

diff --git a/files/fr/web/svg/attribute/cx/index.html b/files/fr/web/svg/attribute/cx/index.html
index bb97ab6341..02eeedde0c 100644
--- a/files/fr/web/svg/attribute/cx/index.html
+++ b/files/fr/web/svg/attribute/cx/index.html
@@ -12,10 +12,9 @@ translation_of: Web/SVG/Attribute/cx
 
 <p>Trois éléments utilisent cet attribut: {{SVGElement("circle")}}, {{SVGElement("ellipse")}}, et {{SVGElement("radialGradient")}}</p>
 
-<div id="topExample">
-<div class="hidden">
-<pre class="brush: css">html,body,svg { height:100% }</pre>
-</div>
+<h2>Exemple</h2>
+
+<pre class="brush: css hidden">html,body,svg { height:100% }</pre>
 
 <pre class="brush: html">&lt;svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg"&gt;
   &lt;radialGradient cx="25%" id="myGradient"&gt;
@@ -28,8 +27,7 @@ translation_of: Web/SVG/Attribute/cx
   &lt;rect x="205" y="5" width="90" height="90" fill="url(#myGradient)" /&gt;
 &lt;/svg&gt;</pre>
 
-<p>{{EmbedLiveSample('topExample', 100, 100)}}</p>
-</div>
+<p>{{EmbedLiveSample('exemple', 100, 100)}}</p>
 
 <h2 id="circle">circle</h2>
 
@@ -52,7 +50,9 @@ translation_of: Web/SVG/Attribute/cx
  </tbody>
 </table>
 
-<p class="note"><strong>Note:</strong> À partir de SVG2, <code>cx</code> est une<em> propriété de géométrie</em>, ce qui signifie que cet attribut peut être utilisé comme propriété CSS pour les cercles.</p>
+<div class="note">
+  <p><strong>Note:</strong> À partir de SVG2, <code>cx</code> est une<em> propriété de géométrie</em>, ce qui signifie que cet attribut peut être utilisé comme propriété CSS pour les cercles.</p>
+</div>
 
 <h2 id="ellipse">ellipse</h2>
 
@@ -75,11 +75,13 @@ translation_of: Web/SVG/Attribute/cx
  </tbody>
 </table>
 
-<p class="note"><strong>Note:</strong> À partir de SVG2, <code>cx</code> est une<em> propriété de géométrie</em>, ce qui signifie que cet attribut peut être utilisé comme propriété CSS pour les ellipses.</p>
+<div class="note">
+  <p><strong>Note :</strong> À partir de SVG2, <code>cx</code> est une<em> propriété de géométrie</em>, ce qui signifie que cet attribut peut être utilisé comme propriété CSS pour les ellipses.</p>
+</div>
 
 <h2 id="radialGradient">radialGradient</h2>
 
-<p>Pour un élément {{SVGElement('radialGradient')}}, <code>cx</code> définit la coordonnées x du plus grand cercle pour le dégradé radial (c'est-à-dire du plus externe). Le dégradé sera dessiné de telle façon que la <a href="/en-US/docs/SVG/Element/stop" title="/en-US/docs/SVG/Element/stop">limite du dégradé</a> à <strong>100%</strong> corresponde au périmètre de ce plus grand cercle.</p>
+<p>Pour un élément {{SVGElement('radialGradient')}}, <code>cx</code> définit la coordonnées x du plus grand cercle pour le dégradé radial (c'est-à-dire du plus externe). Le dégradé sera dessiné de telle façon que la <a href="/fr/docs/SVG/Element/stop" title="/en-US/docs/SVG/Element/stop">limite du dégradé</a> à <strong>100%</strong> corresponde au périmètre de ce plus grand cercle.</p>
 
 <table class="standard-table">
  <tbody>
@@ -98,11 +100,9 @@ translation_of: Web/SVG/Attribute/cx
  </tbody>
 </table>
 
-<h4 id="Exemple">Exemple</h4>
+<h4 id="autre_exemple">Autre exemple</h4>
 
-<div class="hidden">
-<pre class="brush: css">html,body,svg { height:100% }</pre>
-</div>
+<pre class="brush: css hidden">html,body,svg { height:100% }</pre>
 
 <pre class="brush: html">&lt;svg viewBox="0 0 34 10" xmlns="http://www.w3.org/2000/svg"&gt;
   &lt;defs&gt;