initial commit

1 files changed, 201 insertions, 0 deletions

diff --git a/files/id/sandbox/index.html b/files/id/sandbox/index.html
new file mode 100644
index 0000000000..7d1668aea0
--- /dev/null
+++ b/files/id/sandbox/index.html
@@ -0,0 +1,201 @@
+---
+title: Sandbox
+slug: Sandbox
+translation_of: Sandbox
+---
+<h2 id="Sandbox" name="Sandbox">This is a page</h2>
+
+<div id="file">
+<pre class="brush: html">Sample HTML Content
+</pre>
+</div>
+
+<p>{{EmbedLiveSample('file')}}</p>
+
+<h2 id="asdfghjk" name="asdfghjk">coucou les amis</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">Sample HTML Content</pre>
+
+<h3 id="CSS_Content">CSS Content</h3>
+
+<pre class="brush: css">Sample CSS Content</pre>
+
+<h3 id="JavaScript_Content">JavaScript Content</h3>
+
+<pre class="brush: js">Sample JavaScript Content</pre>
+
+<h3 id="Result">Result</h3>
+
+<p>{{ EmbedLiveSample('asdfghjk') }}</p>
+
+
+
+<pre><font><font>&lt;html&gt;
+</font></font>&lt;/html&gt;</pre>
+
+
+
+
+
+<h3 id="CSS_Content_2"><font><font>CSS Content</font></font></h3>
+
+<pre class="brush: css"><font><font>@ Compteur de style fisheye {</font></font><font><font>
+  système: cyclique;</font></font><font><font>
+  symboles: ◉;
+</font></font></pre>
+
+<blockquote>
+<p><br>
+ &lt;h1&gt;CSS font-family&lt;/h1&gt;<br>
+ &lt;p class="serif"&gt;This is a paragraph, shown in the Times New Roman font.&lt;/p&gt;<br>
+ &lt;p class="sansserif"&gt;This is a paragraph, shown in the Arial font.&lt;/p&gt;</p>
+</blockquote>
+
+<pre class="brush: css"><font><font>
+}</font></font>
+<font><font>
+.liste {</font></font><font><font>
+    list-style: fisheye, cercle;</font></font><font><font>
+}</font></font></pre>
+
+<h2 id="Linux_is_life" name="Linux is life">Hello World</h2>
+
+<h3 id="HTML_2">HTML</h3>
+
+<pre class="brush: html">&lt;p&gt;Hello World&lt;/p&gt;</pre>
+
+<p><font><font>{{EmbedLiveSample ( 'Linux is life')}}</font></font></p>
+
+<p><font><font><img alt="Linux logo" src="https://greenwichmeantime.com/static/app/world_clock/icon/world.svg" style="height: 338px; width: 450px;"></font></font></p>
+
+<p><img alt="logo couleur MDN (bleu)" src="https://mdn.mozillademos.org/files/12728/mdn_logo-only_color.png" style="height: 200px; width: 200px;"></p>
+
+
+
+<p><span class="seoSummary"><font><font>Des trucs</font></font></span></p>
+
+<div class="note">
+<p><font><font>Une note </font></font></p>
+
+<div class="warning">
+<p><font><font>Un avertissement dans une note</font></font></p>
+
+<div class="note">
+<p><font><font>Une note dans un avertissement dans une note</font></font></p>
+
+<div class="warning">
+
+
+<div class="note">
+
+
+<div class="warning">
+
+
+<div class="note">
+
+
+<div class="warning">
+
+
+<div class="note">
+
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+
+
+
+<div class="note">
+<p><font><font>une autre note</font></font></p>
+
+<div class="note">
+<p><font><font>Une note dans une note</font></font></p>
+</div>
+
+<p>This is an example of how to use the MDN!</p>
+</div>
+
+
+
+<p><math><semantics><mrow><mi><font><font>π</font></font></mi><mo><font><font>×</font></font></mo><mn><font><font>1</font></font></mn><mo><font><font>=</font></font></mo><mn><font><font>1</font></font></mn><mo><font><font>×</font></font></mo><mi><font><font>π</font></font></mi><mo><font><font>=</font></font></mo><mn><font><font>2</font></font></mn><mi><font><font>π</font></font></mi><mo><font><font>÷</font></font></mo><mi><font><font>π</font></font></mi><mo><font><font>=</font></font></mo><mi><font><font>π</font></font></mi></mrow><annotation encoding="TeX"><font><font>\ Pi \ times 1 = 1 \ times \ pi = 2 \ pi \ div \ pi = \ pi</font></font></annotation></semantics></math></p>
+
+<p><math><semantics><mrow><mi><font><font>π</font></font></mi><mfrac><mi><font><font>π</font></font></mi><mi><font><font>π</font></font></mi></mfrac><mfrac><mfrac><mi><font><font>π</font></font></mi><mi><font><font>π</font></font></mi></mfrac><mi><font><font>π</font></font></mi></mfrac></mrow><annotation encoding="TeX"><font><font>\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}</font></font></annotation></semantics></math></p>
+
+<p><math><semantics><mrow><mi><font><font>π</font></font></mi><mfrac><mi><font><font>π</font></font></mi><mi><font><font>π</font></font></mi></mfrac><mfrac><mfrac><mi><font><font>π</font></font></mi><mi><font><font>π</font></font></mi></mfrac><mi><font><font>π</font></font></mi></mfrac></mrow><annotation encoding="TeX"><font><font>\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}</font></font></annotation></semantics></math></p>
+
+<p><math><semantics><mrow><mo><font><font>∫</font></font></mo><mo lspace="0em" rspace="0em"><font><font>lim</font></font></mo><mi><font><font>je</font></font></mi><mi><font><font>t</font></font></mi><msubsup><mi><font><font>s</font></font></mi><mn><font><font>1</font></font></mn><mn><font><font>3</font></font></mn></msubsup><mfrac><mrow><msup><mi><font><font>e</font></font></mi><mn><font><font>3</font></font></mn></msup><mo><font><font>/</font></font></mo><mi><font><font>X</font></font></mi></mrow><msup><mi><font><font>X</font></font></mi><mn><font><font>2</font></font></mn></msup></mfrac><mspace width="thinmathspace"></mspace><mi><font><font>ré</font></font></mi><mi><font><font>X</font></font></mi></mrow><annotation encoding="TeX"><font><font>\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, dx</font></font></annotation></semantics></math></p>
+
+<p><math><semantics><mrow><mo><font><font>∫</font></font></mo><mo lspace="0em" rspace="0em">ln(x) dx = x[ln(x) - 1]</mo></mrow><annotation encoding="TeX"><font><font>l\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, d+x</font></font></annotation></semantics></math></p>
+
+<p><math><semantics><mtext><font><font>abcdefghijklmnopqrstuvwxyz</font></font></mtext><annotation encoding="TeX"><font><font>\alphabet</font></font></annotation></semantics></math></p>
+
+<p><math><semantics><mrow><mi><font><font>π</font></font></mi><mtext><font><font>est un nombre irrationnel, et cela est le rapport entre la circonférence d'un cercle à son diamètre. </font><font>Il est communément approchée comme 3,14159.</font></font></mtext></mrow><annotation encoding="TeX"><font><font>\ pifacts {3}</font></font></annotation></semantics></math></p>
+
+<p><font><font>contenu</font></font></p>
+
+
+
+<h2 id="Test_live_sample" name="Test live sample">Test live sample</h2>
+
+<h3 id="HTML_Content">HTML Content</h3>
+
+<pre class="brush: html">&lt;p&gt;Hello World&lt;/p&gt;</pre>
+
+<h3 id="Result_2">Result</h3>
+
+<p>{{ EmbedLiveSample('Test live sample') }}</p>
+
+<h2 id="sect1"></h2>
+
+<h2 id="Focus_on_a_text_field" name="Focus_on_a_text_field">Focus on a text field</h2>
+
+<h3 id="HTML_Content_2">HTML Content</h3>
+
+<pre class="brush: html">&lt;input type="text" id="myTextField" value="Text field."&gt;
+&lt;p&gt;&lt;/p&gt;
+&lt;button type="button" onclick="focusMethod()"&gt;Click me to focus on the text field!&lt;/button&gt; </pre>
+
+<h3 id="CSS_Content_3">CSS Content</h3>
+
+<pre class="brush: css">Sample CSS Content</pre>
+
+<h3 id="JavaScript_Content_2">JavaScript Content</h3>
+
+<pre class="brush: js">focusMethod = function getFocus() {
+  document.getElementById("myTextField").focus();
+} </pre>
+
+<h3 id="Result_3">Result</h3>
+
+<p>{{ EmbedLiveSample('Focus_on_a_text_field') }}</p>
+
+<h2 id="Focus_on_a_button" name="Focus_on_a_button">Focus on a button</h2>
+
+<h3 id="HTML_Content_3">HTML Content</h3>
+
+<pre class="brush: html">&lt;button type="button" id="myButton"&gt;Click Me!&lt;/button&gt;
+&lt;p&gt;&lt;/p&gt;
+&lt;button type="button" onclick="focusMethod()"&gt;Click me to focus on the button!&lt;/button&gt; </pre>
+
+<h3 id="CSS_Content_4">CSS Content</h3>
+
+<pre class="brush: css">Sample CSS Content</pre>
+
+<h3 id="JavaScript_Content_3">JavaScript Content</h3>
+
+<pre class="brush: js">focusMethod = function getFocus() {
+  document.getElementById("myButton").focus();
+} </pre>
+
+<h3 id="Result_4">Result</h3>
+
+<p>{{ EmbedLiveSample('Focus_on_a_button') }}</p>