Instantly share code, notes, and snippets.
Last active
December 12, 2015 01:48
-
Save nschonni/4693570 to your computer and use it in GitHub Desktop.
Categorized demo content for mega menu
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) | |
| wet-boew.github.com/wet-boew/License-eng.txt / wet-boew.github.com/wet-boew/Licence-fra.txt --> | |
| <!-- DataAjaxFragmentStart --> | |
| <li><section><h3><a href="http://wet-boew.github.com/wet-boew/index-eng.html">WET project</a></h3><div class="mb-sm"> | |
| <div class="span-2"> | |
| <ul> | |
| <li><a href="https://github.com/wet-boew/wet-boew/">Main project page</a></li> | |
| <li><a href="http://wet-boew.github.com/wet-boew/demos/index-eng.html">Working examples</a></li> | |
| <li><a href="https://github.com/wet-boew/wet-boew/wiki#wiki-Documentation">Documentation</a></li> | |
| <li><a href="https://github.com/wet-boew/wet-boew/downloads">Download</a></li> | |
| <li><a href="http://wet-boew.github.com/wet-boew/License-eng.txt">Terms and conditions</a></li> | |
| </ul> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="mb-main-link"><a href="http://wet-boew.github.com/wet-boew/index-eng.html">WET project - Main page</a></div> | |
| </div></section></li> | |
| <li><section><h3><a href="https://github.com/wet-boew/wet-boew/wiki/Core-framework">Core</a></h3><div class="mb-sm"> | |
| <div class="span-2"> | |
| <section><h4>CSS Grid System</h4> | |
| <ul> | |
| <li><a href="grids/grid-base-eng.html"><span class="wb-invisible">CSS Grid System - </span>English example</a></li> | |
| </ul> | |
| </section> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="mb-main-link"><a href="https://github.com/wet-boew/wet-boew/wiki/Core-framework">Core - Main page</a></div> | |
| </div></section></li> | |
| <li><section><h3><a href="https://github.com/wet-boew/wet-boew/wiki/Polyfills">Pollyfills</a></h3><div class="mb-sm"> | |
| <div class="span-2"> | |
| <section><h4>Auto-complete for text input fields (datalist polyfill)</h4> | |
| <ul> | |
| <li><a href="datalist/datalist-eng.html"><span class="wb-invisible">Auto-complete for text input fields (datalist polyfill) - </span>English example</a></li> | |
| <li><a href="datalist/datalist-fra.html"><span class="wb-invisible">Auto-complete for text input fields (datalist polyfill) - </span>French example</a></li> | |
| </ul> | |
| </section> | |
| <section><h4>Calendar interface</h4> | |
| <ul> | |
| <li><a href="datepicker/datepicker-eng.html"><span class="wb-invisible">Calendar interface - </span>Date picker (<code>input type="date"</code> polyfill) - English example</a></li> | |
| <li><a href="datepicker/datepicker-fra.html"><span class="wb-invisible">Calendar interface - </span>Date picker (<code>input type="date"</code> polyfill) - French example</a></li> | |
| </ul> | |
| </section> | |
| </div> | |
| <div class="span-2"> | |
| <section><h4>Expandable/collapsible content (details/summary polyfill)</h4> | |
| <ul> | |
| <li><a href="details/details-eng.html"><span class="wb-invisible">Expandable/collapsible content (details/summary polyfill) - </span>English example</a></li> | |
| <li><a href="details/details-fra.html"><span class="wb-invisible">Expandable/collapsible content (details/summary polyfill)- </span>French example</a></li> | |
| </ul> | |
| </section> | |
| <section><h4>Mathematical/scientific formula display (MathML polyfill)</h4> | |
| <ul> | |
| <li><a href="mathlib/mathlib-eng.html"><span class="wb-invisible">Mathematical/scientific formula display (MathML polyfill) - </span>English examples</a></li> | |
| <li><a href="mathlib/mathlib-fra.html"><span class="wb-invisible">Mathematical/scientific formula display (MathML polyfill) - </span>French examples</a></li> | |
| <li><a href="mathlib/mathlib-complex-fra.html"><span class="wb-invisible">Mathematical/scientific formula display (MathML polyfill) - </span>Complex French example</a></li> | |
| </ul> | |
| </section> | |
| </div> | |
| <div class="span-2"> | |
| <section><h4>Progress bar (progress polyfill)</h4> | |
| <ul> | |
| <li><a href="progress/progress-eng.html"><span class="wb-invisible">Progress bar (progress polyfill) - </span>English examples</a></li> | |
| <li><a href="progress/progress-fra.html"><span class="wb-invisible">Progress bar (progress polyfill) - </span>French examples</a></li> | |
| </ul> | |
| </section> | |
| <section><h4>Slider control (input type="range" polyfill)</h4> | |
| <ul> | |
| <li><a href="slider/slider-eng.html"><span class="wb-invisible">Slider control (input type="range" polyfill) - </span>English examples</a></li> | |
| <li><a href="slider/slider-fra.html"><span class="wb-invisible">Slider control (input type="range" polyfill) - </span>French examples</a></li> | |
| </ul> | |
| </section> | |
| </div> | |
| <section><h4>Web Storage (HTML5)</h4> | |
| <ul> | |
| <li><a href="webstorage/localstorage-eng.html"><span class="wb-invisible">Web Storage (HTML5) - </span>English example - Persistent storage (localStorage polyfill)</a></li> | |
| <li><a href="webstorage/localstorage-fra.html"><span class="wb-invisible">Web Storage (HTML5) - </span>French example - Persistent storage (localStorage polyfill)</a></li> | |
| </ul> | |
| </section> | |
| <div class="clear"></div> | |
| <div class="mb-main-link"><a href="https://github.com/wet-boew/wet-boew/wiki/Polyfills">Polyfills - Main page</a></div> | |
| </div></section></li> | |
| <li><section><h3><a href="#">Themes</a></h3><div class="mb-sm"> | |
| <div class="span-2"> | |
| <section><h4>GC Web Usability theme</h4> | |
| <ul> | |
| <li><a href="theme-gcwu-fegc/index-eng.html#home"><span class="wb-invisible">GC Web Usability theme - </span>Home pages</a></li> | |
| <li><a href="theme-gcwu-fegc/index-eng.html#content"><span class="wb-invisible">GC Web Usability theme - </span>Content pages</a></li> | |
| <li><a href="theme-gcwu-fegc/index-eng.html#webapp"><span class="wb-invisible">GC Web Usability theme - </span>Content pages - Web application template</a></li> | |
| <li><a href="theme-gcwu-fegc/index-eng.html#splash"><span class="wb-invisible">GC Web Usability theme - </span>Splash pages</a></li> | |
| <li><a href="theme-gcwu-fegc/index-eng.html#serv"><span class="wb-invisible">GC Web Usability theme - </span>Server message pages</a></li> | |
| </ul> | |
| </section> | |
| <section><h4>GC Web Usability Intranet theme</h4> | |
| <ul> | |
| <li><a href="theme-gcwu-intranet/index-eng.html#content"><span class="wb-invisible">GC Web Usability Intranet theme - </span>Content pages</a></li> | |
| <li><a href="theme-gcwu-intranet/index-eng.html#splash"><span class="wb-invisible">GC Web Usability Intranet theme - </span>Splash pages</a></li> | |
| <li><a href="theme-gcwu-intranet/index-eng.html#serv"><span class="wb-invisible">GC Web Usability Intranet theme - </span>Server message pages</a></li> | |
| </ul> | |
| </section> | |
| </div> | |
| <section><h4>CLF 2.0 theme</h4> | |
| <ul> | |
| <li><a href="theme-clf2-nsi2/index-eng.html#content"><span class="wb-invisible">CLF 2.0 theme - </span>Content pages</a></li> | |
| <li><a href="theme-clf2-nsi2/index-eng.html#wp"><span class="wb-invisible">CLF 2.0 theme - </span>Welcome pages</a></li> | |
| <li><a href="theme-clf2-nsi2/index-eng.html#serv"><span class="wb-invisible">CLF 2.0 theme - </span>Server message pages</a></li> | |
| </ul> | |
| </section> | |
| <div class="clear"></div> | |
| <div class="mb-main-link"><a href="https://github.com/wet-boew/wet-boew/wiki/Themes-and-Style">Theme - Main page</a></div> | |
| </div></section></li> | |
| <li><section><h3><a href="section4/index-eng.html">Tools</a></h3><div class="mb-sm"> | |
| <div class="span-2"> | |
| <section><h4><a href="#">Section 4.1</a></h4> | |
| <ul> | |
| <li><a href="#">Item 4.1.1</a></li> | |
| <li><a href="#">Item 4.1.2</a></li> | |
| <li><a href="#">Item 4.1.3</a></li> | |
| </ul> | |
| </section> | |
| <section><h4><a href="#">Section 4.2</a></h4> | |
| <ul> | |
| <li><a href="#">Item 4.2.1</a></li> | |
| <li><a href="#">Item 4.2.2</a></li> | |
| <li><a href="#">Item 4.2.3</a></li> | |
| <li><a href="#">Item 4.2.4</a></li> | |
| </ul> | |
| </section> | |
| </div> | |
| <div class="span-2"> | |
| <section><h4><a href="section4/section43/index-eng.html">Section 4.3</a></h4> | |
| <ul> | |
| <li><a href="#">Item 4.3.1</a></li> | |
| <li><a href="#">Item 4.3.2</a></li> | |
| <li><a href="#">Item 4.3.3</a></li> | |
| <li><a href="#">Item 4.3.4</a></li> | |
| </ul> | |
| </section> | |
| <section><h4><a href="#">Section 4.4</a></h4> | |
| <ul> | |
| <li><a href="#">Item 4.4.1</a></li> | |
| <li><a href="#">Item 4.4.2</a></li> | |
| <li><a href="#">Item 4.4.3</a></li> | |
| </ul> | |
| </section> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="mb-main-link"><a href="#">Section 4 - Main page</a></div> | |
| </div></section></li> | |
| <li><section><h3><a href="section4/index-eng.html">Variants</a></h3><div class="mb-sm"> | |
| <div class="span-2"> | |
| <section><h4>Drupal variant</h4> | |
| <ul> | |
| <li><a href="http://wet.openplus.ca/eng" rel="external"><span class="wb-invisible">Drupal variant - </span>English example</a></li> | |
| <li><a href="http://wet.openplus.ca/fra" rel="external"><span class="wb-invisible">Drupal variant - </span>French example</a></li> | |
| </ul> | |
| </section> | |
| <section><h4>PHP variant</h4> | |
| <ul> | |
| <li><a href="php/index-eng.html"><span class="wb-invisible">PHP variant - </span>English examples</a></li> | |
| <li><a href="php/index-fra.html"><span class="wb-invisible">PHP variant - </span>French examples</a></li> | |
| </ul> | |
| </section> | |
| </div> | |
| <div class="span-2"> | |
| <section><h4>SSI variant</h4> | |
| <ul> | |
| <li><a href="ssi/index-eng.html"><span class="wb-invisible">SSI variant - </span>English examples</a></li> | |
| <li><a href="ssi/index-fra.html"><span class="wb-invisible">SSI variant - </span>French examples</a></li> | |
| </ul> | |
| </section> | |
| <section><h4>WordPress variant</h4> | |
| <ul> | |
| <li><a href="http://www.lostprototype.com/wet-boew3/" rel="external"><span class="wb-invisible">WordPress variant - </span>English examples</a></li> | |
| </ul> | |
| </section> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="mb-main-link"><a href="https://github.com/wet-boew/wet-boew/wiki/Variants">Variant - Main page</a></div> | |
| </div></section></li> | |
| <!-- DataAjaxFragmentEnd --> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Am I supposed to live edit this? Is that why you moved it here?