Remove hidden instructions for interactive examples (#5489)

mdn · May 31, 2021 · 2bfb6c1 · 2bfb6c1
1 parent ab20139
commit 2bfb6c1
Show file tree

Hide file tree

Showing 95 changed files with 47 additions and 242 deletions.
diff --git a/files/en-us/web/html/element/a/index.html b/files/en-us/web/html/element/a/index.html
@@ -21,8 +21,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/a.html")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <h2 id="Attributes">Attributes</h2>
 
 <p>This element's attributes include the <a href="/en-US/docs/Web/HTML/Global_attributes">global attributes</a>.</p>

diff --git a/files/en-us/web/html/element/abbr/index.html b/files/en-us/web/html/element/abbr/index.html
@@ -23,8 +23,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/abbr.html", "tabbed-shorter")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/address/index.html b/files/en-us/web/html/element/address/index.html
@@ -23,8 +23,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/address.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <p>The contact information provided by an <code>&lt;address&gt;</code> element's contents can take whatever form is appropriate for the context, and may include any type of contact information that is needed, such as a physical address, URL, email address, phone number, social media handle, geographic coordinates, and so forth. The <code>&lt;address&gt;</code> element should include the name of the person, people, or organization to which the contact information refers.</p>
 
 <p><code>&lt;address&gt;</code> can be used in a variety of contexts, such as providing a business's contact information in the page header, or indicating the author of an article by including an <code>&lt;address&gt;</code> element within the {{HTMLElement("article")}}.</p>

diff --git a/files/en-us/web/html/element/area/index.html b/files/en-us/web/html/element/area/index.html
@@ -20,8 +20,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/area.html", "tabbed-taller")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/article/index.html b/files/en-us/web/html/element/article/index.html
@@ -15,8 +15,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/article.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <p>A given document can have multiple articles in it; for example, on a blog that shows the text of each article one after another as the reader scrolls, each post would be contained in an <code>&lt;article&gt;</code> element, possibly with one or more <code>&lt;section&gt;</code>s within.</p>
 
 <table class="properties">

diff --git a/files/en-us/web/html/element/aside/index.html b/files/en-us/web/html/element/aside/index.html
@@ -19,8 +19,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/aside.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/audio/index.html b/files/en-us/web/html/element/audio/index.html
@@ -23,8 +23,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/audio.html","tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <p>The above example shows simple usage of the <code>&lt;audio&gt;</code> element. In a similar manner to the {{htmlelement("img")}} element, we include a path to the media we want to embed inside the <code>src</code> attribute; we can include other attributes to specify information such as whether we want it to autoplay and loop, whether we want to show the browser's default audio controls, etc.</p>
 
 <p>The content inside the opening and closing <code>&lt;audio&gt;&lt;/audio&gt;</code> tags is shown as a fallback in browsers that don't support the element.</p>

diff --git a/files/en-us/web/html/element/b/index.html b/files/en-us/web/html/element/b/index.html
@@ -19,8 +19,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/b.html", "tabbed-shorter")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/bdi/index.html b/files/en-us/web/html/element/bdi/index.html
@@ -29,8 +29,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/bdi.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <p>Bidirectional text is text that may contain both sequences of characters that are arranged left-to-right (LTR) and sequences of characters that are arranged right-to-left (RTL), such as an Arabic quotation embedded in an English string. Browsers implement the <a href="https://www.w3.org/International/articles/inline-bidi-markup/uba-basics">Unicode Bidirectional Algorithm</a> to handle this. In this algorithm, characters are given an implicit directionality: for example, Latin characters are treated as LTR while Arabic characters are treated as RTL. Some other characters (such as spaces and some punctuation) are treated as neutral and are assigned directionality based on that of their surrounding characters.</p>
 
 <p>Usually, the bidirectional algorithm will do the right thing without the author having to provide any special markup but, occasionally, the algorithm needs help. That's where <code>&lt;bdi&gt;</code> comes in.</p>

diff --git a/files/en-us/web/html/element/blockquote/index.html b/files/en-us/web/html/element/blockquote/index.html
@@ -20,8 +20,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/blockquote.html","tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/br/index.html b/files/en-us/web/html/element/br/index.html
@@ -15,8 +15,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/br.html", "tabbed-standard")}}</div>
 
-<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p>
-
 <p>As you can see from the above example, a <code>&lt;br&gt;</code> element is included at each point where we want the text to break. The text after the <code>&lt;br&gt;</code> begins again at the start of the next line of the text block.</p>
 
 <div class="note">

diff --git a/files/en-us/web/html/element/button/index.html b/files/en-us/web/html/element/button/index.html
@@ -16,8 +16,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/button.html", "tabbed-shorter")}}</div>
 
-<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/cite/index.html b/files/en-us/web/html/element/cite/index.html
@@ -20,8 +20,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/cite.html", "tabbed-standard")}}</div>
 
-<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p>
-
 <table class="properties">
  <tbody>
  <tr>
@@ -140,7 +138,6 @@ <h2 id="Specifications">Specifications</h2>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-
 <p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>

diff --git a/files/en-us/web/html/element/code/index.html b/files/en-us/web/html/element/code/index.html
@@ -17,8 +17,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/code.html", "tabbed-shorter")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/col/index.html b/files/en-us/web/html/element/col/index.html
@@ -16,8 +16,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/col.html","tabbed-taller")}}</div>
 
-<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p>
-
 <p><code>&lt;col&gt;</code> allows styling columns using CSS, but only a few properties will have an effect on the column (<a href="https://www.w3.org/TR/CSS21/tables.html#columns">see the CSS 2.1 specification</a> for a list).</p>
 
 <table class="properties">
@@ -165,7 +163,6 @@ <h2 id="See_also">See also</h2>
 
 <ul>
  <li>CSS properties and pseudo-classes that may be specially useful to style the <code>&lt;col&gt;</code> element:
-
  <ul>
  <li>the {{cssxref("width")}} property to control the width of the column;</li>
  <li>the {{cssxref(":nth-child")}} pseudo-class to set the alignment on the cells of the column;</li>

diff --git a/files/en-us/web/html/element/colgroup/index.html b/files/en-us/web/html/element/colgroup/index.html
@@ -16,8 +16,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/colgroup.html","tabbed-taller")}}</div>
 
-<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/datalist/index.html b/files/en-us/web/html/element/datalist/index.html
@@ -16,8 +16,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/datalist.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>
@@ -77,6 +75,11 @@ <h4 id="Result">Result</h4>
 
 <h2 id="Specifications">Specifications</h2>
 
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>Include this polyfill to provide support for older and currently incompatible browsers:<br>
+ <a href="https://github.com/mfranzke/datalist-polyfill">datalist-polyfill</a></p>
+
 <table class="standard-table">
  <thead>
  <tr>
@@ -103,11 +106,6 @@ <h2 id="Browser_compatibility">Browser compatibility</h2>
 
 <p>{{Compat}}</p>
 
-<h2 id="Polyfill">Polyfill</h2>
-
-<p>Include this polyfill to provide support for older and currently incompatible browsers:<br>
- <a href="https://github.com/mfranzke/datalist-polyfill">datalist-polyfill</a></p>
-
 <h2 id="See_also">See also</h2>
 
 <ul>

diff --git a/files/en-us/web/html/element/details/index.html b/files/en-us/web/html/element/details/index.html
@@ -20,8 +20,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/details.html", "tabbed-shorter")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <div class="note">
 <p><strong>Note:</strong> The common use of a triangle which rotates or twists around to represent opening or closing the widget is why these are sometimes called "twisties."</p>
 </div>

diff --git a/files/en-us/web/html/element/div/index.html b/files/en-us/web/html/element/div/index.html
@@ -19,8 +19,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/div.html","tabbed-standard")}}</div>
 
-<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p>
-
 <p>As a "pure" container, the <code>&lt;div&gt;</code> element does not inherently represent anything. Instead, it's used to group content so it can be easily styled using the {{htmlattrxref("class")}} or {{htmlattrxref("id")}} attributes, marking a section of a document as being written in a different language (using the {{htmlattrxref("lang")}} attribute), and so on.</p>
 
 <table class="properties">

diff --git a/files/en-us/web/html/element/dl/index.html b/files/en-us/web/html/element/dl/index.html
@@ -19,8 +19,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/dl.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/dt/index.html b/files/en-us/web/html/element/dt/index.html
@@ -23,8 +23,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/dt.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/em/index.html b/files/en-us/web/html/element/em/index.html
@@ -15,8 +15,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/em.html", "tabbed-shorter")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/embed/index.html b/files/en-us/web/html/element/embed/index.html
@@ -20,8 +20,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/embed.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <div class="notecard note">
 <p><strong>Note:</strong> This topic documents only the element that is defined as part of HTML5. It does not address earlier, non-standardized implementation of the element.</p>
 </div>
@@ -119,7 +117,6 @@ <h2 id="Browser_compatibility">Browser compatibility</h2>
 <p><strong>Note</strong>: Prior to version 45, Firefox did not display content of HTML resource, but a generic message saying the content needs a plug-in (see {{Bug("730768")}}).</p>
 </div>
 
-
 <p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>

diff --git a/files/en-us/web/html/element/fieldset/index.html b/files/en-us/web/html/element/fieldset/index.html
@@ -16,8 +16,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/fieldset.html", "tabbed-standard")}}</div>
 
-<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p>
-
 <p>As the example above shows, the <code>&lt;fieldset&gt;</code> element provides a grouping for a part of an HTML form, with a nested {{htmlelement("legend")}} element providing a caption for the <code>&lt;fieldset&gt;</code>. It takes few attributes, the most notable of which are <code>form</code>, which can contain the <code>id</code> of a {{htmlelement("form")}} on the same page, allowing you to make the <code>&lt;fieldset&gt;</code> part of that <code>&lt;form&gt;</code> even if it is not nested inside it, and <code>disabled</code>, which allows you to disable the <code>&lt;fieldset&gt;</code> and all its contents in one go.</p>
 
 <h2 id="Attributes">Attributes</h2>

diff --git a/files/en-us/web/html/element/figcaption/index.html b/files/en-us/web/html/element/figcaption/index.html
@@ -14,8 +14,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/figcaption.html","tabbed-shorter")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/figure/index.html b/files/en-us/web/html/element/figure/index.html
@@ -17,8 +17,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/figure.html","tabbed-shorter")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>
@@ -164,7 +162,6 @@ <h2 id="Specifications">Specifications</h2>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-
 <p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>

diff --git a/files/en-us/web/html/element/footer/index.html b/files/en-us/web/html/element/footer/index.html
@@ -14,8 +14,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/footer.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>

diff --git a/files/en-us/web/html/element/form/index.html b/files/en-us/web/html/element/form/index.html
@@ -18,8 +18,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/form.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <p>It is possible to use the {{cssxref(':valid')}} and {{cssxref(':invalid')}} CSS <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-classes</a> to style a <code>&lt;form&gt;</code> element based on whether or not the {{domxref("HTMLFormElement.elements", "elements")}} inside the form are valid.</p>
 
 <table class="properties">
@@ -199,7 +197,6 @@ <h2 id="Specifications">Specifications</h2>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-
 <p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>

diff --git a/files/en-us/web/html/element/header/index.html b/files/en-us/web/html/element/header/index.html
@@ -14,8 +14,6 @@
 
 <div>{{EmbedInteractiveExample("pages/tabbed/header.html", "tabbed-standard")}}</div>
 
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</div>
-
 <table class="properties">
  <tbody>
  <tr>
@@ -109,7 +107,6 @@ <h2 id="Specifications">Specifications</h2>
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-
 <p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>