Skip to content

Instantly share code, notes, and snippets.

@thebyrd

thebyrd/swapDom.js

Last active December 15, 2015 11:19
Show Gist options
  • Save thebyrd/5252163 to your computer and use it in GitHub Desktop.
Save thebyrd/5252163 to your computer and use it in GitHub Desktop.
Download ZIP
Just testing how fast it would take to take DOM out of LocalStorage and render it on a page.
Raw
swapDom.js
var dom="";
dom += " <div id=\"wrapper\">";
dom += " ";
dom += "";
dom += " <div id=\"header\" class=\"header header-logged-in\">";
dom += " <div class=\"container clearfix\">";
dom += " <a class=\"header-logo-blacktocat\" href=\"https:\/\/gist.github.com\/\">";
dom += " <span class=\"mega-icon mega-icon-blacktocat\"><\/span>";
dom += " <span class=\"logo-subbrand\"><img alt=\"GitHub:Gist\" height=\"25\" src=\"https:\/\/gist.github.com\/assets\/modules\/header\/logo-logged-in@4x-6a0620a1bd429fde8a2dd01fb4baef26.png\"><\/span>";
dom += " <\/a>";
dom += " <div class=\"divider-vertical\"><\/div>";
dom += " <div class=\"topsearch\">";
dom += " <form id=\"top_search_form\" action=\"\/search\" data-pjax-remote=\"push\" accept-charset=\"UTF-8\">";
dom += " <div class=\"search\">";
dom += " <input type=\"text\" class=\"search js-search js-navigation-enable\" name=\"q\" placeholder=\"Search…\" data-hotkey=\"\/\" autocomplete=\"off\" autocorrect=\"off\" value=\"\">";
dom += "";
dom += " <div class=\"search-results js-search-results js-navigation-container\"><\/div>";
dom += " <\/div>";
dom += " <div class=\"divider-vertical\"><\/div>";
dom += " <\/form>";
dom += " <ul class=\"top-nav\">";
dom += " <li class=\"explore\"><a href=\"\/discover\/\">Discover Gists<\/a><\/li>";
dom += " <\/ul>";
dom += "<\/div>";
dom += "";
dom += " <ul id=\"user-links\">";
dom += " <li>";
dom += " <a href=\"\/davidbyrd11\" class=\"name\">";
dom += " <img src=\"https:\/\/secure.gravatar.com\/avatar\/94bf4b114d5a1130fcd71e75f029ea49?s=140&amp;d=https:\/\/github.com\/images\/gravatars\/gravatar-140.png\" width=\"20\" height=\"20\"> davidbyrd11";
dom += " <\/a>";
dom += " <\/li>";
dom += " <li>";
dom += " <a href=\"\/\" id=\"new_gist\" class=\"tooltipped downwards\" original-title=\"Create a New Gist\">";
dom += " <span class=\"mini-icon mini-icon-gist-add\"><\/span>";
dom += " <\/a>";
dom += " <\/li>";
dom += " <li>";
dom += " <a href=\"https:\/\/github.com\" class=\"tooltipped downwards\" original-title=\"Go to GitHub\">";
dom += " <span class=\"mini-icon mini-icon-octocat\"><\/span>";
dom += " <\/a>";
dom += " <\/li>";
dom += " <li>";
dom += " <form action=\"\/logout\" method=\"post\">";
dom += " <input name=\"authenticity_token\" type=\"hidden\" value=\"ABME1zO8kNc5M93t3SHv3a6GEdS84iknF5oIcCjCFxE=\">";
dom += " <button class=\"logout-button tooltipped downwards\" id=\"logout\" type=\"submit\" original-title=\"Log Out\">";
dom += " <span class=\"mini-icon mini-icon-logout\"><\/span>";
dom += " <\/button>";
dom += " <\/form>";
dom += " <\/li>";
dom += "<\/ul>";
dom += "";
dom += " <\/div>";
dom += " <\/div>";
dom += "";
dom += " <div class=\"site-content\" id=\"js-pjax-container\" data-pjax-container=\"\">";
dom += " <div class=\" site-container js-site-container\" data-url=\"\/\">";
dom += " ";
dom += " <div class=\"pagehead separation trans\">";
dom += " <div class=\"container\">";
dom += " <div class=\"recent-gists\">";
dom += " <ul>";
dom += " ";
dom += " <li class=\"\">";
dom += " <span class=\"mega-icon mega-icon-gist\"><\/span>";
dom += " <div class=\"meta\">";
dom += " <a class=\"css-truncate\" href=\"\/davidbyrd11\/5159545\"><strong class=\"css-truncate-target\">app.c<\/strong><\/a>";
dom += " <div class=\"metadata\">";
dom += " <span class=\"description css-truncate\">";
dom += " <span class=\"css-truncate-target\">How a Javascript Developer reads a file in C.<\/span>";
dom += " <\/span>";
dom += " <\/div>";
dom += " <!-- <span class=\"datetime\">Updated <time class=\"js-relative-date\" datetime=\"2013-03-14T07:39:32Z\">2013-03-14<\/time><\/span> -->";
dom += " <\/div>";
dom += " <\/li>";
dom += " ";
dom += " <li class=\"\">";
dom += " <span class=\"mega-icon mega-icon-gist\"><\/span>";
dom += " <div class=\"meta\">";
dom += " <a class=\"css-truncate\" href=\"\/davidbyrd11\/5127471\"><strong class=\"css-truncate-target\">index.html<\/strong><\/a>";
dom += " <div class=\"metadata\">";
dom += " <span class=\"description css-truncate\">";
dom += " <span class=\"css-truncate-target\">Playing around with -webkit-transition: 300ms all;<\/span>";
dom += " <\/span>";
dom += " <\/div>";
dom += " <!-- <span class=\"datetime\">Updated <time class=\"js-relative-date\" datetime=\"2013-03-10T07:13:31Z\">2013-03-10<\/time><\/span> -->";
dom += " <\/div>";
dom += " <\/li>";
dom += " ";
dom += " <li class=\"\">";
dom += " <span class=\"mega-icon mega-icon-gist\"><\/span>";
dom += " <div class=\"meta\">";
dom += " <a class=\"css-truncate\" href=\"\/davidbyrd11\/5043815\"><strong class=\"css-truncate-target\">closures.c<\/strong><\/a>";
dom += " <div class=\"metadata\">";
dom += " <span class=\"description css-truncate\">";
dom += " <span class=\"css-truncate-target\">Closures in C have a nasty syntax. you can short circuit typedef to create a fake type (in this case iTOi) that can be used as a parameter type.<\/span>";
dom += " <\/span>";
dom += " <\/div>";
dom += " <!-- <span class=\"datetime\">Updated <time class=\"js-relative-date\" datetime=\"2013-02-27T00:43:21Z\">2013-02-27<\/time><\/span> -->";
dom += " <\/div>";
dom += " <\/li>";
dom += " ";
dom += " <li class=\"\">";
dom += " <span class=\"mega-icon mega-icon-gist\"><\/span>";
dom += " <div class=\"meta\">";
dom += " <a class=\"css-truncate\" href=\"\/davidbyrd11\/5007531\"><strong class=\"css-truncate-target\">handlebars_template_handler.rb<\/strong><\/a>";
dom += " <div class=\"metadata\">";
dom += " <span class=\"description css-truncate\">";
dom += " <span class=\"css-truncate-target\">Allows you to render `.hbs` templates that are in the views directory<\/span>";
dom += " <\/span>";
dom += " <\/div>";
dom += " <!-- <span class=\"datetime\">Updated <time class=\"js-relative-date\" datetime=\"2013-02-21T19:43:53Z\">2013-02-21<\/time><\/span> -->";
dom += " <\/div>";
dom += " <\/li>";
dom += " <li class=\"your-gists\">";
dom += " <a href=\"\/davidbyrd11\" class=\"minibutton\"><span class=\"mini-icon mini-icon-arr-right\"><\/span>Your Gists<\/a>";
dom += " <\/li>";
dom += " <\/ul>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += "";
dom += "<div class=\"container\">";
dom += " <form action=\"\/gists\" id=\"gist-form\" data-pjax-remote=\"push\" data-remote-submit=\"\" method=\"post\" enctype=\"multipart\/form-data\" accept-charset=\"UTF-8\">";
dom += " <div class=\"edit container\">";
dom += " <div id=\"gists\">";
dom += " <div class=\"discussion-bubble\">";
dom += " <img class=\"discussion-bubble-avatar\" width=\"48\" height=\"48\" src=\"https:\/\/secure.gravatar.com\/avatar\/94bf4b114d5a1130fcd71e75f029ea49?s=140&amp;d=https:\/\/github.com\/images\/gravatars\/gravatar-140.png\">";
dom += " <div class=\"discussion-bubble-content bubble\">";
dom += " <div class=\"discussion-bubble-inner\">";
dom += " <textarea class=\"js-size-to-fit\" name=\"gist[description]\" placeholder=\"Gist description…\" style=\"height: 27px;\"><\/textarea>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += "";
dom += " <div id=\"files\">";
dom += " <div id=\"js-gist-files\">";
dom += " <div class=\"bubble js-gist-file\">";
dom += " <input type=\"hidden\" name=\"gist[files][][oid]\" value=\"\">";
dom += " <div class=\"file\">";
dom += " <div class=\"meta\">";
dom += " <div class=\"name\">";
dom += " <a href=\"#\" class=\"mini-icon mini-icon-remove-close remove-button js-remove-gist-file\"><\/a>";
dom += " <input class=\"gist-name-textbox\" type=\"text\" name=\"gist[files][][name]\" placeholder=\"name this file…\" autocomplete=\"off\" value=\"\">";
dom += " <\/div>";
dom += "";
dom += " <div class=\"context-menu-container language-chooser-container js-menu-container js-language-container\">";
dom += " <input type=\"hidden\" name=\"gist[files][][language]\" class=\"gist-language\" value=\"JavaScript\">";
dom += "";
dom += " <a class=\"minibutton bigger switcher context-menu-button js-menu-target";
dom += " \">";
dom += " <span class=\"icon\">";
dom += " <i>language:<\/i>";
dom += " <span class=\"js-language-value\">JavaScript<\/span>";
dom += " <\/span>";
dom += " <\/a>";
dom += "";
dom += " <div class=\"context-pane language-chooser-context js-menu-content\">";
dom += " <a href=\"javascript:;\" class=\"close js-menu-close\"><span class=\"mini-icon mini-icon-remove-close\"><\/span><\/a>";
dom += " <div class=\"context-title\">Select a Language<\/div>";
dom += "";
dom += " <div class=\"context-body pane-selector\">";
dom += " <div class=\"filterbar\">";
dom += " <input type=\"text\" class=\"js-filterable-field js-language-filter-field js-navigation-enable\" placeholder=\"Filter languages\" id=\"js-language-filter-field-1364365517138\">";
dom += " <\/div>";
dom += "";
dom += " <div class=\"js-navigation-container\">";
dom += " <ul class=\"js-language-filter-results filterable-active\" data-filterable-for=\"js-language-filter-field-1364365517138\">";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target selected\" data-value=\"Text\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Text<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ActionScript\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ActionScript<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C#\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C#<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C++\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C++<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Common Lisp\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Common Lisp<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"CSS\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>CSS<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Diff\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Diff<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Emacs Lisp\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Emacs Lisp<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Erlang\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Erlang<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Haskell\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Haskell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTML\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTML<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Java\" style=\"\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Java<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"JavaScript\" style=\"\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>JavaScript<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Lua\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Lua<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Objective-C\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Objective-C<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Perl\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Perl<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"PHP\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>PHP<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Python\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Python<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ruby\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ruby<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Scala\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Scala<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Scheme\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Scheme<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"SQL\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>SQL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"TeX\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>TeX<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"XML\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>XML<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ada\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ada<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ApacheConf\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ApacheConf<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Apex\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Apex<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"AppleScript\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>AppleScript<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Arc\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Arc<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Arduino\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Arduino<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ASP\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ASP<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Assembly\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Assembly<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Augeas\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Augeas<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"AutoHotkey\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>AutoHotkey<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Batchfile\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Batchfile<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Befunge\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Befunge<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"BlitzMax\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>BlitzMax<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Boo\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Boo<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Brainfuck\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Brainfuck<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Bro\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Bro<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C-ObjDump\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C-ObjDump<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C2hs Haskell\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C2hs Haskell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ceylon\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ceylon<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ChucK\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ChucK<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Clojure\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Clojure<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"CMake\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>CMake<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"CoffeeScript\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>CoffeeScript<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ColdFusion\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ColdFusion<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Coq\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Coq<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Cpp-ObjDump\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Cpp-ObjDump<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Cucumber\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Cucumber<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Cython\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Cython<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"D\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>D<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"D-ObjDump\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>D-ObjDump<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Darcs Patch\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Darcs Patch<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Dart\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Dart<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"DCPU-16 ASM\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>DCPU-16 ASM<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Delphi\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Delphi<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Dylan\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Dylan<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"eC\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>eC<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ecere Projects\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ecere Projects<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ecl\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ecl<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Eiffel\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Eiffel<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Elixir\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Elixir<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Elm\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Elm<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"F#\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>F#<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Factor\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Factor<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Fancy\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Fancy<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Fantom\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Fantom<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"FORTRAN\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>FORTRAN<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"GAS\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>GAS<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Genshi\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Genshi<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Gentoo Ebuild\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Gentoo Ebuild<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Gentoo Eclass\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Gentoo Eclass<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Gettext Catalog\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Gettext Catalog<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Go\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Go<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Gosu\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Gosu<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Groff\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Groff<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Groovy\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Groovy<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Groovy Server Pages\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Groovy Server Pages<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Haml\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Haml<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Handlebars\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Handlebars<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Haxe\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Haxe<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTML+Django\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTML+Django<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTML+ERB\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTML+ERB<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTML+PHP\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTML+PHP<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTTP\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTTP<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"INI\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>INI<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Io\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Io<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ioke\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ioke<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"IRC log\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>IRC log<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Java Server Pages\" style=\"\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Java Server Pages<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"JSON\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>JSON<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Julia\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Julia<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Kotlin\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Kotlin<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"LilyPond\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>LilyPond<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Literate Haskell\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Literate Haskell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"LLVM\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>LLVM<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Logtalk\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Logtalk<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Makefile\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Makefile<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Mako\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Mako<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Markdown\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Markdown<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Matlab\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Matlab<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Max\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Max<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"MiniD\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>MiniD<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Mirah\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Mirah<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Moocode\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Moocode<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"mupad\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>mupad<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Myghty\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Myghty<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Nemerle\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Nemerle<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Nginx\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Nginx<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Nimrod\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Nimrod<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Nu\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Nu<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"NumPy\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>NumPy<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ObjDump\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ObjDump<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Objective-J\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Objective-J<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"OCaml\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>OCaml<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ooc\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ooc<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Opa\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Opa<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"OpenCL\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>OpenCL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"OpenEdge ABL\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>OpenEdge ABL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Parrot\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Parrot<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Parrot Assembly\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Parrot Assembly<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Parrot Internal Representation\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Parrot Internal Representation<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"PowerShell\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>PowerShell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Prolog\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Prolog<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Puppet\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Puppet<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Pure Data\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Pure Data<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Python traceback\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Python traceback<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"R\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>R<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Racket\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Racket<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Raw token data\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Raw token data<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Rebol\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Rebol<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Redcode\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Redcode<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"reStructuredText\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>reStructuredText<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"RHTML\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>RHTML<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Rust\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Rust<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Sage\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Sage<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Sass\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Sass<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Scilab\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Scilab<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"SCSS\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>SCSS<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Self\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Self<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Shell\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Shell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Smalltalk\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Smalltalk<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Smarty\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Smarty<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Standard ML\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Standard ML<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"SuperCollider\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>SuperCollider<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Tcl\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Tcl<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Tcsh\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Tcsh<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Tea\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Tea<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Textile\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Textile<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Turing\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Turing<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Twig\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Twig<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Vala\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Vala<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Verilog\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Verilog<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"VHDL\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>VHDL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"VimL\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>VimL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Visual Basic\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Visual Basic<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"XQuery\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>XQuery<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"XS\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>XS<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"XSLT\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>XSLT<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"YAML\" style=\"display: none;\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>YAML<\/h4>";
dom += " <\/li>";
dom += " <\/ul>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += "<\/div>";
dom += "";
dom += "";
dom += " <div class=\"editor-options\">";
dom += " <div class=\"edit-mode\">";
dom += " <label>";
dom += " <input type=\"checkbox\" class=\"js-editor-mode\" checked=\"\">";
dom += " <span>ACE Editor<\/span>";
dom += " <\/label>";
dom += " <\/div>";
dom += "";
dom += " <div class=\"context-menu-container indentation-mode-chooser-container js-indent-container js-menu-container\">";
dom += " <input type=\"hidden\" name=\"indent\" class=\"indent js-indent-mode-value\" value=\"Spaces\">";
dom += "";
dom += " <a class=\"minibutton bigger switcher context-menu-button js-menu-target indentation-mode-chooser-button\">";
dom += " <span class=\"icon\">";
dom += " <i>indent mode:<\/i>";
dom += " <span class=\"js-indent-value\">Spaces<\/span>";
dom += " <\/span>";
dom += " <\/a>";
dom += "";
dom += " <div class=\"context-pane indentation-mode-chooser-context js-menu-content\">";
dom += " <a href=\"javascript:;\" class=\"close js-menu-close\"><span class=\"mini-icon mini-icon-remove-close\"><\/span><\/a>";
dom += " <div class=\"context-title\">Select Indentation Mode<\/div>";
dom += "";
dom += " <div class=\"context-body pane-selector\">";
dom += " <div class=\"js-navigation-container\">";
dom += " <ul class=\"js-indent-results\">";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target selected\" data-value=\"Spaces\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Spaces<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Tabs\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Tabs<\/h4>";
dom += " <\/li>";
dom += " <\/ul>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += "";
dom += " <div class=\"indentation-pane context-menu-container indentation-size-chooser-container js-indent-container js-menu-container\">";
dom += " <input type=\"hidden\" name=\"indent\" class=\"indent js-indent-size-value\" value=\"2\">";
dom += "";
dom += " <a class=\"minibutton bigger switcher context-menu-button js-menu-target indentation-size-chooser-button\">";
dom += " <span class=\"icon\">";
dom += " <i>indent size:<\/i>";
dom += " <span class=\"js-indent-value\">2<\/span>";
dom += " <\/span>";
dom += " <\/a>";
dom += "";
dom += " <div class=\"context-pane indentation-chooser-context js-menu-content\">";
dom += " <a href=\"javascript:;\" class=\"close js-menu-close\"><span class=\"mini-icon mini-icon-remove-close\"><\/span><\/a>";
dom += " <div class=\"context-title\">Select Indentation Size<\/div>";
dom += "";
dom += " <div class=\"context-body pane-selector\">";
dom += " <div class=\"js-navigation-container\">";
dom += " <ul class=\"js-indent-results\">";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target selected\" data-value=\"2\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>2<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"4\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>4<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"8\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>8<\/h4>";
dom += " <\/li>";
dom += " <\/ul>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += "";
dom += " <\/div>";
dom += " <div class=\"input\">";
dom += " <textarea class=\"file-contents js-file-edit js-code-editor\" name=\"gist[files][][content]\" autofocus=\"\" style=\"display: none;\"><\/textarea><div style=\"position: relative; width: 100%; height: 280px;\" class=\" ace_editor ace_nobold ace-github\"><textarea class=\"ace_text-input\" wrap=\"off\" spellcheck=\"false\" style=\"top: -1px; height: 16px; width: 7px; left: 226px;\"><\/textarea><div class=\"ace_gutter\"><div class=\"ace_gutter-active-line\" style=\"display: none;\"><\/div><div class=\"ace_layer ace_gutter-layer ace_folding-enabled\" style=\"margin-top: 0px; height: 312px; width: 40px;\"><div class=\"ace_gutter-cell \" style=\"height:16px;\">1<\/div><\/div><\/div><div class=\"ace_scroller\" style=\"height: 280px; left: 41px; right: 0px;\"><div class=\"ace_content\" style=\"margin-top: 0px; width: 911px; height: 312px;\"><div class=\"ace_layer ace_print-margin-layer\"><div class=\"ace_print-margin\" style=\"left: 564px; visibility: hidden;\"><\/div><\/div><div class=\"ace_layer ace_marker-layer\"><\/div><div class=\"ace_layer ace_text-layer\" style=\"padding: 0px 4px;\"><div class=\"ace_line\" style=\"height:16px\"><span class=\"ace_identifier\">localStorage<\/span><span class=\"ace_punctuation ace_operator\">.<\/span><span class=\"ace_identifier\">setItem<\/span><span class=\"ace_paren ace_lparen\">(<\/span><span class=\"ace_string\">\"page\"<\/span><span class=\"ace_punctuation ace_operator\">,<\/span>&nbsp;<span class=\"ace_identifier\">foo<\/span><span class=\"ace_paren ace_rparen\">)<\/span><\/div><\/div><div class=\"ace_layer ace_marker-layer\"><\/div><div class=\"ace_layer ace_cursor-layer ace_hidden-cursors\"><div class=\"ace_cursor\" style=\"left: 186px; top: 0px; width: 7px; height: 16px;\"><\/div><\/div><\/div><\/div><div style=\"height: auto; width: auto; top: -100px; left: -100px; visibility: hidden; position: fixed; overflow: visible; white-space: nowrap;\">X<\/div><div class=\"ace_scrollbar\" style=\"width: 20px; height: 280px;\"><div class=\"ace_scrollbar-inner\" style=\"height: 16px;\"><\/div><\/div><\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += "<\/div>";
dom += "";
dom += " <\/div>";
dom += " <\/div>";
dom += "";
dom += " <script type=\"text\/html\" id=\"js-gist-file-template\">";
dom += " <div class=\"bubble js-gist-file\">";
dom += " <input type=\"hidden\" name=\"gist[files][][oid]\" value=\"\">";
dom += " <div class=\"file\">";
dom += " <div class=\"meta\">";
dom += " <div class=\"name\">";
dom += " <a href=\"#\" class=\"mini-icon mini-icon-remove-close remove-button js-remove-gist-file\"><\/a>";
dom += " <input class=\"gist-name-textbox\" type=\"text\" name=\"gist[files][][name]\"";
dom += " placeholder=\"name this file&hellip;\" autocomplete=off";
dom += " value=\"\">";
dom += " <\/div>";
dom += "";
dom += " <div class=\"context-menu-container language-chooser-container js-menu-container js-language-container\">";
dom += " <input type=\"hidden\" name=\"gist[files][][language]\" class=\"gist-language\" value=\"Text\">";
dom += "";
dom += " <a class=\"minibutton bigger switcher context-menu-button js-menu-target";
dom += " \">";
dom += " <span class=\"icon\">";
dom += " <i>language:<\/i>";
dom += " <span class=\"js-language-value\">Text<\/span>";
dom += " <\/span>";
dom += " <\/a>";
dom += "";
dom += " <div class=\"context-pane language-chooser-context js-menu-content\">";
dom += " <a href=\"javascript:;\" class=\"close js-menu-close\"><span class=\"mini-icon mini-icon-remove-close\"><\/span><\/a>";
dom += " <div class=\"context-title\">Select a Language<\/div>";
dom += "";
dom += " <div class=\"context-body pane-selector\">";
dom += " <div class=\"filterbar\">";
dom += " <input type=\"text\" class=\"js-filterable-field js-language-filter-field js-navigation-enable\" placeholder=\"Filter languages\">";
dom += " <\/div>";
dom += "";
dom += " <div class=\"js-navigation-container\">";
dom += " <ul class=\"js-language-filter-results\">";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target selected\" data-value=\"Text\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Text<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ActionScript\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ActionScript<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C#\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C#<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C++\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C++<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Common Lisp\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Common Lisp<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"CSS\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>CSS<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Diff\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Diff<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Emacs Lisp\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Emacs Lisp<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Erlang\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Erlang<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Haskell\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Haskell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTML\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTML<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Java\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Java<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"JavaScript\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>JavaScript<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Lua\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Lua<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Objective-C\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Objective-C<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Perl\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Perl<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"PHP\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>PHP<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Python\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Python<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ruby\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ruby<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Scala\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Scala<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Scheme\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Scheme<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"SQL\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>SQL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"TeX\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>TeX<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"XML\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>XML<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ada\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ada<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ApacheConf\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ApacheConf<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Apex\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Apex<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"AppleScript\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>AppleScript<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Arc\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Arc<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Arduino\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Arduino<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ASP\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ASP<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Assembly\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Assembly<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Augeas\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Augeas<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"AutoHotkey\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>AutoHotkey<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Batchfile\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Batchfile<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Befunge\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Befunge<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"BlitzMax\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>BlitzMax<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Boo\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Boo<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Brainfuck\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Brainfuck<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Bro\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Bro<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C-ObjDump\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C-ObjDump<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"C2hs Haskell\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>C2hs Haskell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ceylon\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ceylon<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ChucK\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ChucK<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Clojure\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Clojure<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"CMake\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>CMake<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"CoffeeScript\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>CoffeeScript<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ColdFusion\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ColdFusion<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Coq\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Coq<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Cpp-ObjDump\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Cpp-ObjDump<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Cucumber\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Cucumber<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Cython\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Cython<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"D\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>D<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"D-ObjDump\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>D-ObjDump<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Darcs Patch\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Darcs Patch<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Dart\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Dart<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"DCPU-16 ASM\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>DCPU-16 ASM<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Delphi\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Delphi<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Dylan\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Dylan<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"eC\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>eC<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ecere Projects\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ecere Projects<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ecl\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ecl<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Eiffel\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Eiffel<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Elixir\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Elixir<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Elm\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Elm<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"F#\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>F#<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Factor\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Factor<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Fancy\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Fancy<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Fantom\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Fantom<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"FORTRAN\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>FORTRAN<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"GAS\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>GAS<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Genshi\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Genshi<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Gentoo Ebuild\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Gentoo Ebuild<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Gentoo Eclass\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Gentoo Eclass<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Gettext Catalog\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Gettext Catalog<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Go\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Go<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Gosu\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Gosu<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Groff\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Groff<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Groovy\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Groovy<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Groovy Server Pages\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Groovy Server Pages<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Haml\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Haml<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Handlebars\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Handlebars<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Haxe\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Haxe<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTML+Django\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTML+Django<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTML+ERB\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTML+ERB<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTML+PHP\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTML+PHP<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"HTTP\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>HTTP<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"INI\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>INI<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Io\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Io<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Ioke\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Ioke<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"IRC log\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>IRC log<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Java Server Pages\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Java Server Pages<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"JSON\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>JSON<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Julia\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Julia<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Kotlin\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Kotlin<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"LilyPond\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>LilyPond<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Literate Haskell\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Literate Haskell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"LLVM\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>LLVM<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Logtalk\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Logtalk<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Makefile\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Makefile<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Mako\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Mako<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Markdown\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Markdown<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Matlab\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Matlab<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Max\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Max<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"MiniD\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>MiniD<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Mirah\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Mirah<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Moocode\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Moocode<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"mupad\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>mupad<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Myghty\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Myghty<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Nemerle\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Nemerle<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Nginx\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Nginx<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Nimrod\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Nimrod<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Nu\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Nu<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"NumPy\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>NumPy<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ObjDump\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ObjDump<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Objective-J\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Objective-J<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"OCaml\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>OCaml<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"ooc\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>ooc<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Opa\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Opa<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"OpenCL\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>OpenCL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"OpenEdge ABL\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>OpenEdge ABL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Parrot\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Parrot<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Parrot Assembly\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Parrot Assembly<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Parrot Internal Representation\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Parrot Internal Representation<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"PowerShell\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>PowerShell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Prolog\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Prolog<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Puppet\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Puppet<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Pure Data\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Pure Data<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Python traceback\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Python traceback<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"R\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>R<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Racket\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Racket<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Raw token data\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Raw token data<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Rebol\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Rebol<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Redcode\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Redcode<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"reStructuredText\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>reStructuredText<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"RHTML\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>RHTML<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Rust\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Rust<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Sage\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Sage<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Sass\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Sass<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Scilab\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Scilab<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"SCSS\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>SCSS<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Self\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Self<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Shell\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Shell<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Smalltalk\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Smalltalk<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Smarty\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Smarty<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Standard ML\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Standard ML<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"SuperCollider\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>SuperCollider<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Tcl\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Tcl<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Tcsh\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Tcsh<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Tea\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Tea<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Textile\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Textile<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Turing\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Turing<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Twig\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Twig<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Vala\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Vala<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Verilog\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Verilog<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"VHDL\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>VHDL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"VimL\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>VimL<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Visual Basic\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Visual Basic<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"XQuery\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>XQuery<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"XS\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>XS<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"XSLT\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>XSLT<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"YAML\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>YAML<\/h4>";
dom += " <\/li>";
dom += " <\/ul>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += "<\/div>";
dom += "";
dom += "";
dom += " <div class=\"editor-options\">";
dom += " <div class=\"edit-mode\">";
dom += " <label>";
dom += " <input type=\"checkbox\" class=\"js-editor-mode\" checked\/>";
dom += " <span>ACE Editor<\/span>";
dom += " <\/label>";
dom += " <\/div>";
dom += "";
dom += " <div class=\"context-menu-container indentation-mode-chooser-container js-indent-container js-menu-container\">";
dom += " <input type=\"hidden\" name=\"indent\" class=\"indent js-indent-mode-value\" value=\"Spaces\">";
dom += "";
dom += " <a class=\"minibutton bigger switcher context-menu-button js-menu-target indentation-mode-chooser-button\">";
dom += " <span class=\"icon\">";
dom += " <i>indent mode:<\/i>";
dom += " <span class=\"js-indent-value\">Spaces<\/span>";
dom += " <\/span>";
dom += " <\/a>";
dom += "";
dom += " <div class=\"context-pane indentation-mode-chooser-context js-menu-content\">";
dom += " <a href=\"javascript:;\" class=\"close js-menu-close\"><span class=\"mini-icon mini-icon-remove-close\"><\/span><\/a>";
dom += " <div class=\"context-title\">Select Indentation Mode<\/div>";
dom += "";
dom += " <div class=\"context-body pane-selector\">";
dom += " <div class=\"js-navigation-container\">";
dom += " <ul class=\"js-indent-results\">";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target selected\" data-value=\"Spaces\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Spaces<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"Tabs\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>Tabs<\/h4>";
dom += " <\/li>";
dom += " <\/ul>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += "";
dom += " <div class=\"indentation-pane context-menu-container indentation-size-chooser-container js-indent-container js-menu-container\">";
dom += " <input type=\"hidden\" name=\"indent\" class=\"indent js-indent-size-value\" value=\"2\">";
dom += "";
dom += " <a class=\"minibutton bigger switcher context-menu-button js-menu-target indentation-size-chooser-button\">";
dom += " <span class=\"icon\">";
dom += " <i>indent size:<\/i>";
dom += " <span class=\"js-indent-value\">2<\/span>";
dom += " <\/span>";
dom += " <\/a>";
dom += "";
dom += " <div class=\"context-pane indentation-chooser-context js-menu-content\">";
dom += " <a href=\"javascript:;\" class=\"close js-menu-close\"><span class=\"mini-icon mini-icon-remove-close\"><\/span><\/a>";
dom += " <div class=\"context-title\">Select Indentation Size<\/div>";
dom += "";
dom += " <div class=\"context-body pane-selector\">";
dom += " <div class=\"js-navigation-container\">";
dom += " <ul class=\"js-indent-results\">";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target selected\" data-value=\"2\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>2<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"4\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>4<\/h4>";
dom += " <\/li>";
dom += " <li class=\"selector-item js-navigation-item js-navigation-target\" data-value=\"8\">";
dom += " <span class=\"mini-icon mini-icon-confirm\"><\/span>";
dom += " <h4>8<\/h4>";
dom += " <\/li>";
dom += " <\/ul>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/div>";
dom += "";
dom += " <\/div>";
dom += " <div class=\"input\">";
dom += " <textarea class=\"file-contents js-file-edit js-code-editor\" name=\"gist[files][][content]\" autofocus><\/textarea>";
dom += " <\/div>";
dom += " <\/div>";
dom += "<\/div>";
dom += "";
dom += " <\/script>";
dom += "<\/div>";
dom += "";
dom += "<div id=\"add-gist\">";
dom += " <a href=\"javascript:;\" class=\"button js-add-gist-file\">";
dom += " Add Another File";
dom += " <\/a>";
dom += "<\/div>";
dom += "";
dom += "<div id=\"dropzone\">";
dom += " <div id=\"dropzone-pill\">";
dom += " <span class=\"mega-icon mega-icon-code-file\"><\/span><span class=\"mega-icon mega-icon-arr-right\"><\/span><span class=\"mega-icon mega-icon-gist-add\"><\/span>";
dom += " <p>Drop one or more files here to prefill your gist!<\/p>";
dom += " <\/div>";
dom += "<\/div>";
dom += "";
dom += "";
dom += " <div class=\"form-actions\">";
dom += " <button type=\"submit\" class=\"button glowing js-create-gist secret tooltipped down\" name=\"gist[public]\" value=\"0\" data-disable-with=\"\" original-title=\"Secret gists are hidden from search engines but visible to anyone you give the URL.\">";
dom += " <strong>Create Secret Gist<\/strong>";
dom += " <\/button>";
dom += " <button type=\"submit\" class=\"button js-create-gist\" name=\"gist[public]\" value=\"1\" data-disable-with=\"\">";
dom += " <strong>Create Public Gist<\/strong>";
dom += " <\/button>";
dom += " <\/div>";
dom += " <\/div>";
dom += " <\/form>";
dom += "<\/div>";
dom += "";
dom += "<div id=\"dropzone\">";
dom += " <div id=\"dropzone-pill\">";
dom += " <span class=\"mega-icon mega-icon-code-file\"><\/span><span class=\"mega-icon mega-icon-arr-right\"><\/span><span class=\"mega-icon mega-icon-gist-add\"><\/span>";
dom += " <p>Drop one or more files here to prefill your gist!<\/p>";
dom += " <\/div>";
dom += "<\/div>";
dom += "";
dom += " <div class=\"context-overlay\"><\/div>";
dom += "<\/div>";
dom += "";
dom += " <\/div>";
dom += " <div class=\"slow-loading-overlay\"><\/div>";
dom += " <\/div>";
dom += "";
dom += " <div id=\"ajax-error-message\" class=\"flash flash-error\">";
dom += " <div class=\"container\">";
dom += " <span class=\"mini-icon mini-icon-exclamation\"><\/span>";
dom += " Something went wrong with that request. Please try again.";
dom += " <a href=\"#\" class=\"mini-icon mini-icon-remove-close ajax-error-dismiss\"><\/a>";
dom += " <\/div>";
dom += " <\/div>";
dom += "";
dom += " <footer>";
dom += " <div id=\"footer\">";
dom += " <div class=\"container clearfix\">";
dom += "";
dom += " <p class=\"right\">© 2013 GitHub Inc. All rights reserved.<\/p>";
dom += " <a class=\"left\" href=\"\/\">";
dom += " <span class=\"mega-icon mega-icon-invertocat\"><\/span>";
dom += " <\/a>";
dom += " <ul id=\"legal\">";
dom += " <li><a href=\"http:\/\/github.com\/blog\">The GitHub Blog<\/a><\/li>";
dom += " <li><a href=\"mailto:support@github.com\">Support<\/a><\/li>";
dom += " <li><a href=\"https:\/\/github.com\/contact\">Contact<\/a><\/li>";
dom += " <\/ul>";
dom += "";
dom += " <\/div><!-- \/.container -->";
dom += "<\/div><!-- \/.#footer -->";
dom += "";
dom += " <\/footer>";
localStorage.setItem("page", dom);
// Once this is loaded on the page go to the console and type:
//$('body').html(localStorage.getItem('page'));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment