Skip to content
Permalink
Browse files

Documentation: Moved MathML polyfill documentation from wiki to HTML …

…pages
  • Loading branch information...
Paul Jackson Paul Jackson
Paul Jackson authored and Paul Jackson committed Jan 10, 2014
1 parent 40a3f3d commit 4ad5e3eb06f4bd6c9683047e01334f3164d63445
@@ -100,7 +100,7 @@
<h1 id="wb-cont">Mathematical/scientific formula display</h1>

<ul class="button-group">
<li><a href="https://github.com/wet-boew/wet-boew/wiki/Mathematical-Scientific-formula-display" class="button">Documentation</a></li>
<li><a href="../../docs/ref/mathlib/mathlib-en.html" class="button">Documentation</a></li>
<li><a href="https://github.com/wet-boew/wet-boew/issues/new" class="button">Questions or comments?</a></li>
</ul>

@@ -99,7 +99,7 @@
<h1 id="wb-cont">Affichage des formules mathématiques ou scientifiques</h1>

<ul class="button-group">
<li><a href="https://github.com/wet-boew/wet-boew/wiki/Affichage-de-formules-math%C3%A9matiques-et-scientifiques" class="button">Documentation</a></li>
<li><a href="../../docs/ref/mathlib/mathlib-fr.html" class="button">Documentation</a></li>
<li><a href="https://github.com/wet-boew/wet-boew/issues/new" class="button">Questions ou commentaires?</a></li>
</ul>

@@ -117,7 +117,7 @@ <h3>Purpose</h3>

<section>
<h3>Rationale</h3>
<p>Browsers that do not support the <code>details</code> and <code>summary</code> elements natively ignore the expand/collapse functionality and therefore, content is displayed in full. This polyfill ensures that content can be expanded/collapsed and the necessary information is exposed to assistive technologies by adding ARIA. </p>
<p>Browsers that do not support the <code>details</code> and <code>summary</code> elements natively ignore the expand/collapse functionality and therefore, content is displayed in full. This polyfill ensures that content can be expanded/collapsed and the necessary information is exposed to assistive technologies by adding ARIA.</p>
</section>
</section>

@@ -126,7 +126,7 @@ <h2>Implementation</h2>
<p>To use the polyfill, standard <code>details</code> and <code>summary</code> elements must be used. In cases where browser don't support these elements, the polyfill is automatically loaded.</p>

<section>
<h3>Parameters/Options</h3>
<h3>Parameters</h3>
<p>The expandable/collapsible content polyfill accepts one parameter: <code>open</code>. This parameter is automatically added/removed when content is expanded/collapsed.</p>

<section>
@@ -119,7 +119,7 @@ <h3>Purpose</h3>

<section>
<h3>Rationale</h3>
<p>Browsers that do not support the <code>details</code> and <code>summary</code> elements natively ignore the expand/collapse functionality and therefore, content is displayed in full. This polyfill ensures that content can be expanded/collapsed and the necessary information is exposed to assistive technologies by adding ARIA. </p>
<p>Browsers that do not support the <code>details</code> and <code>summary</code> elements natively ignore the expand/collapse functionality and therefore, content is displayed in full. This polyfill ensures that content can be expanded/collapsed and the necessary information is exposed to assistive technologies by adding ARIA.</p>
</section>
</section>

@@ -0,0 +1,221 @@
<!DOCTYPE html>
<!--[if IE 7]><html lang="en" class="no-js ie7"><![endif]-->
<!--[if IE 8]><html lang="en" class="no-js ie8"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html -->
<title>Mathematical/scientific formula display - Polyfills - Documentation - Web Experience Toolkit (WET)</title>

<link rel="shortcut icon" href="../../../dist/theme-gcwu-fegc/images/favicon.ico" />
<meta name="description" content="English description / Description en anglais" />
<meta name="dcterms.creator" content="English name of the content author / Nom en anglais de l'auteur du contenu" />
<meta name="dcterms.title" content="English title / Titre en anglais" />
<meta name="dcterms.issued" title="W3CDTF" content="Date published (YYYY-MM-DD) / Date de publication (AAAA-MM-JJ)" />
<meta name="dcterms.modified" title="W3CDTF" content="Date modified (YYYY-MM-DD) / Date de modification (AAAA-MM-JJ)" />
<meta name="dcterms.subject" title="scheme" content="English subject terms / Termes de sujet en anglais" />
<meta name="dcterms.language" title="ISO639-2" content="eng" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<script src="../../../dist/js/jquery.min.js"></script>
<!--[if lte IE 8]>
<script src="../../../dist/js/polyfills/html5shiv-min.js"></script>
<link rel="stylesheet" href="../../../dist/grids/css/util-ie-min.css" />
<link rel="stylesheet" href="../../../dist/js/css/pe-ap-ie-min.css" />
<link rel="stylesheet" href="../../../dist/theme-gcwu-fegc/css/theme-ie-min.css" />
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="../../../dist/grids/css/util-min.css" />
<link rel="stylesheet" href="../../../dist/js/css/pe-ap-min.css" />
<link rel="stylesheet" href="../../../dist/theme-gcwu-fegc/css/theme-min.css" />
<!--<![endif]-->
<noscript><link rel="stylesheet" href="../../../dist/theme-gcwu-fegc/css/theme-ns-min.css" /></noscript>

<!-- CustomScriptsCSSStart -->
<!-- CustomScriptsCSSEnd -->
</head>

<body><div id="wb-body">
<div id="wb-skip">
<ul id="wb-tphp">
<li id="wb-skip1"><a href="#wb-cont">Skip to main content</a></li>
<li id="wb-skip2"><a href="#wb-nav">Skip to footer</a></li>
</ul>
</div>

<div id="wb-head"><div id="wb-head-in"><header>
<!-- HeaderStart -->
<nav role="navigation"><div id="gcwu-gcnb"><h2>Government of Canada navigation bar</h2><div id="gcwu-gcnb-in"><div id="gcwu-gcnb-fip">
<div id="gcwu-sig"><div id="gcwu-sig-in"><div id="gcwu-sig-eng" title="Government of Canada"><img src="../../../dist/theme-gcwu-fegc/images/sig-en.gif" width="214" height="20" alt="Government of Canada" /></div></div></div>
<ul>
<li id="gcwu-gcnb1"><a rel="external" href="http://www.canada.gc.ca/menu-eng.html">Canada.gc.ca</a></li>
<li id="gcwu-gcnb2"><a rel="external" href="http://www.servicecanada.gc.ca/eng/home.shtml">Services</a></li>
<li id="gcwu-gcnb3"><a rel="external" href="http://www.canada.gc.ca/aboutgov-ausujetgouv/depts/menu-eng.html">Departments</a></li>
<li id="gcwu-gcnb-lang"><a href="mathlib-fr.html" lang="fr">Français</a></li>
</ul>
</div></div></div></nav>

<div id="gcwu-bnr" role="banner"><div id="gcwu-bnr-in">
<div id="gcwu-wmms"><div id="gcwu-wmms-in"><div id="gcwu-wmms-fip" title="Symbol of the Government of Canada"><img src="../../../dist/theme-gcwu-fegc/images/wmms.gif" width="126" height="30" alt="Symbol of the Government of Canada" /></div></div></div>
<div id="gcwu-title"><p id="gcwu-title-in"><a href="../../../index-en.html">Web Experience Toolkit&#160;(WET)</a></p></div>

<section role="search"><div id="gcwu-srchbx"><h2>Search</h2>
<form action="#" method="post"><div id="gcwu-srchbx-in">
<label for="gcwu-srch">Search website</label><input id="gcwu-srch" name="gcwu-srch" type="search" value="" size="27" maxlength="150" />
<input id="gcwu-srch-submit" name="gcwu-srch-submit" type="submit" value="Search" data-icon="search" />
</div></form>
</div></section>
</div></div>

<nav role="navigation">
<div id="gcwu-psnb"><h2><span>Site </span>menu</h2><div id="gcwu-psnb-in"><div class="wet-boew-menubar mb-mega"><div>
<ul class="mb-menu" data-ajax-replace="../../../demos/includes/menu-en.txt">
<li><div><a href="http://wet-boew.github.io/wet-boew/index-en.html">WET project</a></div></li>
<li><div><a href="section2/index-en.html">Section 2</a></div></li>
<li><div><a href="#">Section 3</a></div></li>
<li><div><a href="#">Section 4</a></div></li>
<li><div><a href="#">Section 5</a></div></li>
<li><div><a href="#">Section 6</a></div></li>
<li><div><a href="#">Section 7</a></div></li>
</ul>
</div></div></div></div>

<div id="gcwu-bc"><h2>Breadcrumb trail</h2><div id="gcwu-bc-in">
<ol>
<li><a href="../../../index-en.html">Home</a></li>
<li><a href="../../index-en.html">Documentation</a></li>
<li><a href="../polyfills-en.html">Polyfills</a></li>
<li>Mathematical/scientific formula display</li>
</ol>
</div></div>
</nav>
<!-- HeaderEnd -->
</header></div></div>

<div id="wb-core"><div id="wb-core-in" class="equalize">
<div id="wb-main" role="main"><div id="wb-main-in">
<!-- MainContentStart -->
<h1 id="wb-cont">Mathematical/scientific formula display</h1>

<ul class="button-group">
<li><a href="../../../demos/mathlib/mathlib-en.html" class="button">Working examples</a></li>
<li><a href="https://github.com/wet-boew/wet-boew/issues/new" class="button">Questions or comments?</a></li>
</ul>

<span class="wet-boew-prettify all-pre"></span>
<section>
<h2>Overview</h2>
<p><strong>Project lead:</strong> Thomas Gohard (<a href="https://github.com/thomasgohard">@thomasgohard</a>)</p>

<section>
<h3>Purpose</h3>
<p>The MathML polyfill emulates MathML support in browsers that lack MathML support.</p>
</section>

<section>
<h3>Rationale</h3>
<p>With the exception of Firefox, most browsers lack MathML support. This makes it difficult to include mathematical or scientific formulas on the Web in an accessible manner.</p>
</section>
</section>

<section>
<h2>Implementation</h2>
<p>Code any formulas to include in a Web page in MathML and insert the MathML code into the HTML code using the <code>&lt;math&gt;</code> element. The polyfill is automatically loaded in browsers that lack MathML support.</p>
</section>

<section>
<h2>Examples</h2>
<ul>
<li><a href="../../../demos/mathlib/mathlib-en.html">English example</a></li>
<li><a href="../../../demos/mathlib/mathlib-fr.html">French example</a></li>
</ul>
</section>

<section>
<h2>Development</h2>
<p>The MathML polyfill depends on <a href="http://www.mathjax.org/">MathJax</a> (<a href="http://cdn.mathjax.org/mathjax/2.0-latest/LICENSE">Apache License, Version 2.0</a>) which is loaded from the MathJaX CDN.</p>

<section>
<h2>Known issues</h2>
<p>Performance under certain browsers (Internet Explorer 8 in particular) and mobile devices can be poor. Pages with lots of formulas can take a long time to load (up to several minutes).</p>
</section>

<section>
<h2>References</h2>
<ul>
<li><a href="http://www.mathjax.org/">MathJax</a><li>
</ul>
</section>

<dl id="gcwu-date-mod" role="contentinfo">
<dt>Date modified:</dt><dd><span><time>2013-09-01</time></span></dd>
</dl>
<div class="clear"></div>
<!-- MainContentEnd -->
</div></div>
</div></div>

<div id="wb-foot"><div id="wb-foot-in"><footer><h2 id="wb-nav">Footer</h2>
<!-- FooterStart -->
<nav role="navigation"><div id="gcwu-sft"><h3>Site footer</h3><div id="gcwu-sft-in">
<div id="gcwu-tctr">
<ul>
<li class="gcwu-tc"><a href="#" rel="license">Terms and conditions</a></li>
<li class="gcwu-tr"><a href="#">Transparency</a></li>
</ul>
</div>
<div class="clear"></div>
<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">About us</a></h4>
<ul>
<li><a href="#">Our Mandate</a></li>
<li><a href="#">Our Minister</a></li>
</ul>
</div></section>
<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">News</a></h4>
<ul>
<li><a href="#">News releases</a></li>
<li><a href="#">Media advisories</a></li>
<li><a href="#">Multimedia</a></li>
</ul>
</div></section>
<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">Contact us</a></h4>
<address>
<ul>
<li><a href="#">Phone numbers</a></li>
<li><a href="#">Office locations</a></li>
</ul>
</address>
</div></section>
<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">Stay connected</a></h4>
<ul>
<li><a rel="external" href="#">YouTube</a></li>
<li><a rel="external" href="#">Twitter</a></li>
<li><a href="#">Feeds</a></li>
</ul>
</div></section>
</div></div></nav>

<nav role="navigation"><div id="gcwu-gcft"><h3>Government of Canada footer</h3><div id="gcwu-gcft-in"><div id="gcwu-gcft-fip">
<ul>
<li><a rel="external" href="http://healthycanadians.gc.ca/index-eng.php"><span>Health</span><br />healthycanadians.gc.ca</a></li>
<li><a rel="external" href="http://www.voyage.gc.ca/index-eng.asp"><span>Travel</span><br />travel.gc.ca</a></li>
<li><a rel="external" href="http://www.servicecanada.gc.ca/eng/home.shtml"><span>Service Canada</span><br />servicecanada.gc.ca</a></li>
<li><a rel="external" href="http://www.jobbank.gc.ca/intro-eng.aspx"><span>Jobs</span><br />jobbank.gc.ca</a></li>
<li><a rel="external" href="http://actionplan.gc.ca/en"><span>Economy</span><br />actionplan.gc.ca</a></li>
<li id="gcwu-gcft-ca"><div><a rel="external" href="http://www.canada.gc.ca/menu-eng.html">Canada.gc.ca</a></div></li>
</ul>
</div></div></div></nav>
<!-- FooterEnd -->
</footer>
</div></div></div>

<!-- ScriptsStart -->
<script src="../../../dist/theme-gcwu-fegc/js/theme-min.js"></script>
<script src="../../../dist/js/settings.js"></script>
<script src="../../../dist/js/pe-ap-min.js"></script>
<!-- ScriptsEnd -->
</body>
</html>
Oops, something went wrong.

0 comments on commit 4ad5e3e

Please sign in to comment.
You can’t perform that action at this time.