diff --git a/benchmark/benchmark_helper.rb b/benchmark/benchmark_helper.rb
index 2bf70f6..cf8a5d9 100644
--- a/benchmark/benchmark_helper.rb
+++ b/benchmark/benchmark_helper.rb
@@ -28,7 +28,7 @@ end
 # @return [String]
 #
 def read_html
-  return File.read(File.expand_path('../fixtures/gist.html', __FILE__))
+  return File.read(File.expand_path('../fixtures/with_entities.html', __FILE__))
 end
 
 ##
diff --git a/benchmark/fixtures/gist.html b/benchmark/fixtures/gist.html
deleted file mode 100644
index 7b51929..0000000
--- a/benchmark/fixtures/gist.html
+++ /dev/null
@@ -1,2363 +0,0 @@
-<!DOCTYPE html>
-<html class=" ">
-<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# githubog: http://ogp.me/ns/fb/githubog#">
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
-  <title>Gists</title>
-
-  <meta content="authenticity_token" name="csrf-param" />
-<meta content="mWD5weUXsjS5xvYVGh36LHCtw0cFMWB/wjFjp1uu3Ik=" name="csrf-token" />
-  <meta name="viewport" content="width=960">
-
-
-    <link type="text/plain" rel="author" href="https://github.com/humans.txt" />
-    <meta content="gist" name="octolytics-app-id" /><meta content="collector.githubapp.com" name="octolytics-host" /><meta content="collector-cdn.github.com" name="octolytics-script-host" /><meta content="BC8E70E1:6134:181EE97:5346F108" name="octolytics-dimension-request_id" />
-
-  <link href="/assets/application-41bafe5ae83c52b0fa6ee4f10ce17c02.css" media="screen, print" rel="stylesheet" />
-  <script src="/assets/application-19ae3343adb4b7244e962897de8c5ba7.js"></script>
-
-  
-</head>
-
-<body class=" "
-  data-plan="">
-
-  <div id="wrapper">
-    
-
-    <div id="header" class="header header-logged-out">
-      <div class="container" class="clearfix">
-        <a class="header-logo-wordmark" href="https://gist.github.com/">
-          <span class="octicon octicon-logo-github"></span>
-          <span class="octicon-logo octicon-logo-gist"></span>
-        </a>
-
-        <div class="header-actions">
-          <a class="button primary" href="https://github.com/signup?return_to=gist">Sign up for a GitHub account</a>
-          <a class="button" href="https://gist.github.com/login?return_to=/" data-skip-pjax>Sign in</a>
-        </div>
-        <div class="divider-vertical"></div>
-        <div class="topsearch">
-  <form id="top_search_form" action="/search" data-pjax-remote=push accept-charset="UTF-8">
-    <div class="search">
-      <input type="text" class="search js-search js-navigation-enable " name="q" placeholder="Search&#x2026;" data-hotkey="/" autocomplete=off autocorrect=off value="" >
-
-    </div>
-    <div class="divider-vertical"></div>
-  </form>
-  <ul class="top-nav">
-    <li class="explore"><a href="/discover/">Discover Gists</a></li>
-  </ul>
-</div>
-
-      </div>
-    </div>
-
-    <div class="site-content" id="js-pjax-container" data-pjax-container>
-      <div class=" site-container js-site-container" data-url="/">
-  
-    <div class="pagehead separation trans">
-    <div class="container">
-      <div class="infotip">
-        <p><strong>Gist</strong> is a simple way to <strong>share snippets and pastes</strong> with others.  All gists are Git repositories, so they are automatically <strong>versioned</strong>, <strong>forkable</strong> and usable from <strong>Git</strong>.</p>
-      </div>
-    </div>
-  </div>
-
-<div class="container">
-  <form action="/gists" id="gist-form" data-pjax-remote=push data-remote-submit method="post" enctype="multipart/form-data" accept-charset="UTF-8">
-    <input name="authenticity_token" type="hidden" value="mWD5weUXsjS5xvYVGh36LHCtw0cFMWB/wjFjp1uu3Ik=" />
-
-    <div class="edit container">
-      <div id="gists">
-  <div class="field description-field">
-    <input type="text" name="gist[description]" class="js-gist-description" value="" placeholder="Gist description&hellip;" maxlength="65535" />
-  </div>
-
-  <div id="files">
-    <div id="js-gist-files">
-        <div class="bubble js-gist-file ">
-  <input type="hidden" name="gist[files][][oid]" value="">
-  <div class="file">
-    <div class="meta">
-      <div class="name">
-        <a href="#" class="octicon octicon-remove-close remove-button js-remove-gist-file"></a>
-        <input class="gist-name-textbox" type="text" name="gist[files][][name]"
-               placeholder="name this file&hellip;" autocomplete=off
-               value="">
-      </div>
-
-        <div class="select-menu language-chooser-container js-menu-container js-language-container js-select-menu">
-  <input type="hidden" name="gist[files][][language]" class="gist-language" value="Text">
-
-  <span class="minibutton select-menu-button js-menu-target
-               ">
-    <i>language:</i>
-    <span class="js-select-button js-language-value">Text</span>
-  </span>
-
-  <div class="select-menu-modal-holder language-chooser-context js-menu-content js-navigation-container">
-
-    <div class="select-menu-modal">
-      <div class="select-menu-header">
-        <span class="select-menu-title">Select a Language</span>
-        <span class="octicon octicon-remove-close js-menu-close"></span>
-      </div> <!-- /.select-menu-header -->
-
-      <div class="select-menu-filters">
-        <div class="select-menu-text-filter">
-          <input type="text" id="text-filter-field" class="js-filterable-field js-language-filter-field js-navigation-enable" placeholder="Filter languages">
-        </div>
-      </div> <!-- /.select-menu-filters -->
-
-      <div class="select-menu-list">
-        <div class="js-language-filter-results" data-filterable-for="text-filter-field" data-filterable-type="substring">
-
-          <div class="select-menu-item js-navigation-item selected" data-value="Text">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Text</div>
-          </div> <!-- /.select-menu-item -->
-
-          <div class="select-menu-item js-navigation-item" data-value="ActionScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ActionScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C#">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C#</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C++">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C++</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Clojure">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Clojure</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="CoffeeScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">CoffeeScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Common Lisp">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Common Lisp</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="CSS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">CSS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Diff">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Diff</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Emacs Lisp">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Emacs Lisp</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Erlang">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Erlang</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Haskell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Haskell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Java">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Java</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="JavaScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">JavaScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Lua">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Lua</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Objective-C">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Objective-C</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Perl">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Perl</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PHP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PHP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Python">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Python</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ruby">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ruby</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Scala">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Scala</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Scheme">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Scheme</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="SQL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">SQL</div>
-          </div> <!-- /.select-menu-item -->
-
-          <div class="select-menu-item js-navigation-item" data-value="ABAP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ABAP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ada">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ada</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Agda">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Agda</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ANTLR">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ANTLR</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ApacheConf">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ApacheConf</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Apex">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Apex</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="AppleScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">AppleScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Arc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Arc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Arduino">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Arduino</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="AsciiDoc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">AsciiDoc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ASP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ASP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Assembly">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Assembly</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Augeas">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Augeas</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="AutoHotkey">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">AutoHotkey</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="AutoIt">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">AutoIt</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Awk">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Awk</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Batchfile">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Batchfile</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Befunge">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Befunge</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="BlitzBasic">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">BlitzBasic</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="BlitzMax">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">BlitzMax</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Bluespec">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Bluespec</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Boo">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Boo</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Brainfuck">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Brainfuck</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Brightscript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Brightscript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Bro">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Bro</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C-ObjDump">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C-ObjDump</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C2hs Haskell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C2hs Haskell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ceylon">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ceylon</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ChucK">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ChucK</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Clean">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Clean</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="CLIPS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">CLIPS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="CMake">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">CMake</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="COBOL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">COBOL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ColdFusion">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ColdFusion</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Coq">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Coq</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Cpp-ObjDump">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Cpp-ObjDump</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Creole">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Creole</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Crystal">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Crystal</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Cucumber">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Cucumber</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Cuda">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Cuda</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Cython">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Cython</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="D">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">D</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="D-ObjDump">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">D-ObjDump</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Darcs Patch">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Darcs Patch</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Dart">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Dart</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="DCPU-16 ASM">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">DCPU-16 ASM</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="DM">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">DM</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="DOT">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">DOT</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Dylan">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Dylan</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="eC">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">eC</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ecere Projects">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ecere Projects</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ECL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ECL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="edn">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">edn</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Eiffel">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Eiffel</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Elixir">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Elixir</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Elm">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Elm</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="F#">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">F#</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Factor">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Factor</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Fancy">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Fancy</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Fantom">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Fantom</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="fish">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">fish</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Forth">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Forth</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="FORTRAN">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">FORTRAN</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="GAS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">GAS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Genshi">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Genshi</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Gentoo Ebuild">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Gentoo Ebuild</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Gentoo Eclass">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Gentoo Eclass</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Gettext Catalog">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Gettext Catalog</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="GLSL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">GLSL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Glyph">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Glyph</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Go">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Go</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Gosu">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Gosu</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Groff">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Groff</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Groovy">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Groovy</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Groovy Server Pages">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Groovy Server Pages</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Haml">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Haml</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Handlebars">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Handlebars</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Harbour">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Harbour</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Haxe">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Haxe</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTML+Django">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTML+Django</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTML+ERB">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTML+ERB</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTML+PHP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTML+PHP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTTP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTTP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Hy">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Hy</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="IDL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">IDL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Idris">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Idris</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="INI">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">INI</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Inno Setup">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Inno Setup</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Io">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Io</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ioke">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ioke</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="IRC log">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">IRC log</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="J">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">J</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Jade">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Jade</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Java Server Pages">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Java Server Pages</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="JSON">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">JSON</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="JSON5">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">JSON5</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Julia">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Julia</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Kotlin">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Kotlin</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="KRL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">KRL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Lasso">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Lasso</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Less">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Less</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="LFE">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">LFE</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="LilyPond">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">LilyPond</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Literate Agda">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Literate Agda</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Literate CoffeeScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Literate CoffeeScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Literate Haskell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Literate Haskell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="LiveScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">LiveScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="LLVM">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">LLVM</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Logos">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Logos</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Logtalk">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Logtalk</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="M">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">M</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Makefile">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Makefile</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Mako">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Mako</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Markdown">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Markdown</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Matlab">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Matlab</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Max">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Max</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="MediaWiki">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">MediaWiki</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="MiniD">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">MiniD</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Mirah">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Mirah</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Monkey">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Monkey</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Moocode">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Moocode</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="MoonScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">MoonScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="mupad">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">mupad</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Myghty">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Myghty</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Nemerle">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Nemerle</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="nesC">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">nesC</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="NetLogo">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">NetLogo</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Nginx">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Nginx</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Nimrod">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Nimrod</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="NSIS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">NSIS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Nu">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Nu</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="NumPy">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">NumPy</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ObjDump">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ObjDump</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Objective-J">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Objective-J</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="OCaml">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">OCaml</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Omgrofl">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Omgrofl</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ooc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ooc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Opa">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Opa</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="OpenCL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">OpenCL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="OpenEdge ABL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">OpenEdge ABL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Org">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Org</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Oxygene">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Oxygene</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Parrot">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Parrot</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Parrot Assembly">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Parrot Assembly</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Parrot Internal Representation">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Parrot Internal Representation</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Pascal">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Pascal</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PAWN">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PAWN</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Perl6">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Perl6</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Pike">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Pike</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Pod">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Pod</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PogoScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PogoScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PostScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PostScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PowerShell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PowerShell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Processing">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Processing</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Prolog">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Prolog</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Protocol Buffer">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Protocol Buffer</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Puppet">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Puppet</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Pure Data">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Pure Data</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Python traceback">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Python traceback</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="QML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">QML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="R">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">R</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Racket">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Racket</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ragel in Ruby Host">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ragel in Ruby Host</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Raw token data">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Raw token data</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="RDoc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">RDoc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="REALbasic">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">REALbasic</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Rebol">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Rebol</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Redcode">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Redcode</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="reStructuredText">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">reStructuredText</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="RHTML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">RHTML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="RMarkdown">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">RMarkdown</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="RobotFramework">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">RobotFramework</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Rouge">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Rouge</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Rust">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Rust</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Sage">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Sage</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Sass">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Sass</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Scaml">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Scaml</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Scilab">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Scilab</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="SCSS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">SCSS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Self">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Self</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Shell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Shell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Slash">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Slash</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Smalltalk">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Smalltalk</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Smarty">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Smarty</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Squirrel">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Squirrel</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Standard ML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Standard ML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Stylus">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Stylus</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="SuperCollider">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">SuperCollider</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Tcl">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Tcl</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Tcsh">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Tcsh</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Tea">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Tea</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="TeX">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">TeX</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Textile">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Textile</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="TOML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">TOML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Turing">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Turing</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Twig">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Twig</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="TXL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">TXL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="TypeScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">TypeScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Unified Parallel C">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Unified Parallel C</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="UnrealScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">UnrealScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Vala">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Vala</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Verilog">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Verilog</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="VHDL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">VHDL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="VimL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">VimL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Visual Basic">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Visual Basic</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Volt">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Volt</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="wisp">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">wisp</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="xBase">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">xBase</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XC">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XC</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XProc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XProc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XQuery">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XQuery</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XSLT">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XSLT</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Xtend">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Xtend</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="YAML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">YAML</div>
-          </div> <!-- /.select-menu-item -->
-        </div>
-
-        <div class="select-menu-no-results">Nothing to show</div>
-      </div> <!-- /.select-menu-list -->
-
-    </div> <!-- /.select-menu-modal -->
-  </div> <!-- /.select-menu-modal-holder -->
-</div> <!-- /.select-menu -->
-
-
-        <div class="editor-options">
-          <div class="edit-mode">
-            <label>
-              <input type="checkbox" class="js-editor-mode" checked/>
-              <span>ACE Editor</span>
-            </label>
-          </div>
-
-          <div class="select-menu indentation-mode-chooser-container js-indent-container js-menu-container js-select-menu">
-            <input type="hidden" name="indent" class="indent js-indent-mode-value" value="Spaces">
-
-            <span class="minibutton select-menu-button js-menu-target indentation-mode-chooser-button">
-              <i>indent mode:</i>
-              <span class="js-indent-value js-select-button">Spaces</span>
-            </span>
-
-            <div class="select-menu-modal-holder indentation-mode-chooser-context js-menu-content js-navigation-container">
-              <div class="select-menu-modal">
-                <div class="select-menu-header">
-                  <span class="select-menu-title">Select Indentation Mode</span>
-                  <span class="octicon octicon-remove-close js-menu-close"></span>
-                </div> <!-- /.select-menu-header -->
-
-                <div class="select-menu-list">
-                  <div class="js-indent-results">
-                    <div class="select-menu-item js-navigation-item selected" data-value="Spaces">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">Spaces</div>
-                    </div> <!-- /.select-menu-item -->
-
-                    <div class="select-menu-item js-navigation-item" data-value="Tabs">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">Tabs</div>
-                    </div> <!-- /.select-menu-item -->
-                  </div>
-                </div> <!-- /.select-menu-list -->
-              </div> <!-- /.select-menu-modal -->
-            </div> <!-- /.select-menu-modal-holder -->
-
-          </div> <!-- /.select-menu -->
-
-          <div class="select-menu indentation-pane indentation-size-chooser-container js-indent-container js-menu-container js-select-menu">
-            <input type="hidden" name="indent" class="indent js-indent-size-value" value="2">
-
-            <span class="minibutton select-menu-button js-menu-target indentation-size-chooser-button">
-              <i>indent size:</i>
-              <span class="js-indent-value js-select-button">2</span>
-            </span>
-
-            <div class="select-menu-modal-holder indentation-chooser-context js-menu-content js-navigation-container">
-              <div class="select-menu-modal">
-                <div class="select-menu-header">
-                  <span class="select-menu-title">Select Indentation Size</span>
-                  <span class="octicon octicon-remove-close js-menu-close"></span>
-                </div> <!-- /.select-menu-header -->
-
-                <div class="select-menu-list">
-                  <div class="js-indent-results">
-                    <div class="select-menu-item js-navigation-item selected" data-value="2">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">2</div>
-                    </div> <!-- /.select-menu-item -->
-
-                    <div class="select-menu-item js-navigation-item" data-value="4">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">4</div>
-                    </div> <!-- /.select-menu-item -->
-
-                    <div class="select-menu-item js-navigation-item selected" data-value="8">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">8</div>
-                    </div> <!-- /.select-menu-item -->
-                  </div>
-                </div> <!-- /.select-menu-list -->
-              </div> <!-- /.select-menu-modal -->
-            </div> <!-- /.select-menu-modal-holder -->
-
-          </div> <!-- /.select-menu -->
-
-        </div>
-
-    </div>
-      <div class="file-box">
-        <div class="data empty">Binary file not shown.</div>
-      </div>
-      <div class="input">
-        <textarea class="file-contents js-file-edit js-code-editor" name="gist[files][][content]" autofocus></textarea>
-      </div>
-  </div>
-</div>
-
-    </div>
-  </div>
-
-  <script type="text/html" id="js-gist-file-template">
-    <div class="bubble js-gist-file ">
-  <input type="hidden" name="gist[files][][oid]" value="">
-  <div class="file">
-    <div class="meta">
-      <div class="name">
-        <a href="#" class="octicon octicon-remove-close remove-button js-remove-gist-file"></a>
-        <input class="gist-name-textbox" type="text" name="gist[files][][name]"
-               placeholder="name this file&hellip;" autocomplete=off
-               value="">
-      </div>
-
-        <div class="select-menu language-chooser-container js-menu-container js-language-container js-select-menu">
-  <input type="hidden" name="gist[files][][language]" class="gist-language" value="Text">
-
-  <span class="minibutton select-menu-button js-menu-target
-               ">
-    <i>language:</i>
-    <span class="js-select-button js-language-value">Text</span>
-  </span>
-
-  <div class="select-menu-modal-holder language-chooser-context js-menu-content js-navigation-container">
-
-    <div class="select-menu-modal">
-      <div class="select-menu-header">
-        <span class="select-menu-title">Select a Language</span>
-        <span class="octicon octicon-remove-close js-menu-close"></span>
-      </div> <!-- /.select-menu-header -->
-
-      <div class="select-menu-filters">
-        <div class="select-menu-text-filter">
-          <input type="text" id="text-filter-field" class="js-filterable-field js-language-filter-field js-navigation-enable" placeholder="Filter languages">
-        </div>
-      </div> <!-- /.select-menu-filters -->
-
-      <div class="select-menu-list">
-        <div class="js-language-filter-results" data-filterable-for="text-filter-field" data-filterable-type="substring">
-
-          <div class="select-menu-item js-navigation-item selected" data-value="Text">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Text</div>
-          </div> <!-- /.select-menu-item -->
-
-          <div class="select-menu-item js-navigation-item" data-value="ActionScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ActionScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C#">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C#</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C++">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C++</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Clojure">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Clojure</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="CoffeeScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">CoffeeScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Common Lisp">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Common Lisp</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="CSS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">CSS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Diff">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Diff</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Emacs Lisp">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Emacs Lisp</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Erlang">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Erlang</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Haskell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Haskell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Java">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Java</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="JavaScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">JavaScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Lua">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Lua</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Objective-C">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Objective-C</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Perl">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Perl</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PHP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PHP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Python">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Python</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ruby">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ruby</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Scala">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Scala</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Scheme">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Scheme</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="SQL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">SQL</div>
-          </div> <!-- /.select-menu-item -->
-
-          <div class="select-menu-item js-navigation-item" data-value="ABAP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ABAP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ada">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ada</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Agda">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Agda</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ANTLR">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ANTLR</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ApacheConf">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ApacheConf</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Apex">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Apex</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="AppleScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">AppleScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Arc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Arc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Arduino">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Arduino</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="AsciiDoc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">AsciiDoc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ASP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ASP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Assembly">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Assembly</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Augeas">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Augeas</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="AutoHotkey">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">AutoHotkey</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="AutoIt">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">AutoIt</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Awk">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Awk</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Batchfile">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Batchfile</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Befunge">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Befunge</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="BlitzBasic">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">BlitzBasic</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="BlitzMax">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">BlitzMax</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Bluespec">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Bluespec</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Boo">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Boo</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Brainfuck">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Brainfuck</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Brightscript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Brightscript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Bro">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Bro</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C-ObjDump">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C-ObjDump</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="C2hs Haskell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">C2hs Haskell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ceylon">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ceylon</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ChucK">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ChucK</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Clean">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Clean</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="CLIPS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">CLIPS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="CMake">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">CMake</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="COBOL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">COBOL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ColdFusion">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ColdFusion</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Coq">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Coq</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Cpp-ObjDump">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Cpp-ObjDump</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Creole">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Creole</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Crystal">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Crystal</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Cucumber">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Cucumber</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Cuda">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Cuda</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Cython">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Cython</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="D">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">D</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="D-ObjDump">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">D-ObjDump</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Darcs Patch">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Darcs Patch</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Dart">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Dart</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="DCPU-16 ASM">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">DCPU-16 ASM</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="DM">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">DM</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="DOT">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">DOT</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Dylan">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Dylan</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="eC">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">eC</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ecere Projects">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ecere Projects</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ECL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ECL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="edn">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">edn</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Eiffel">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Eiffel</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Elixir">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Elixir</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Elm">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Elm</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="F#">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">F#</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Factor">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Factor</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Fancy">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Fancy</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Fantom">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Fantom</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="fish">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">fish</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Forth">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Forth</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="FORTRAN">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">FORTRAN</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="GAS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">GAS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Genshi">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Genshi</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Gentoo Ebuild">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Gentoo Ebuild</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Gentoo Eclass">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Gentoo Eclass</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Gettext Catalog">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Gettext Catalog</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="GLSL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">GLSL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Glyph">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Glyph</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Go">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Go</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Gosu">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Gosu</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Groff">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Groff</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Groovy">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Groovy</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Groovy Server Pages">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Groovy Server Pages</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Haml">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Haml</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Handlebars">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Handlebars</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Harbour">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Harbour</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Haxe">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Haxe</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTML+Django">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTML+Django</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTML+ERB">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTML+ERB</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTML+PHP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTML+PHP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="HTTP">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">HTTP</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Hy">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Hy</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="IDL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">IDL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Idris">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Idris</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="INI">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">INI</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Inno Setup">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Inno Setup</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Io">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Io</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ioke">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ioke</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="IRC log">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">IRC log</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="J">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">J</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Jade">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Jade</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Java Server Pages">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Java Server Pages</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="JSON">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">JSON</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="JSON5">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">JSON5</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Julia">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Julia</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Kotlin">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Kotlin</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="KRL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">KRL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Lasso">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Lasso</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Less">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Less</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="LFE">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">LFE</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="LilyPond">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">LilyPond</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Literate Agda">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Literate Agda</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Literate CoffeeScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Literate CoffeeScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Literate Haskell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Literate Haskell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="LiveScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">LiveScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="LLVM">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">LLVM</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Logos">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Logos</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Logtalk">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Logtalk</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="M">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">M</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Makefile">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Makefile</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Mako">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Mako</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Markdown">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Markdown</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Matlab">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Matlab</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Max">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Max</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="MediaWiki">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">MediaWiki</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="MiniD">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">MiniD</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Mirah">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Mirah</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Monkey">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Monkey</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Moocode">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Moocode</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="MoonScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">MoonScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="mupad">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">mupad</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Myghty">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Myghty</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Nemerle">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Nemerle</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="nesC">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">nesC</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="NetLogo">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">NetLogo</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Nginx">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Nginx</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Nimrod">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Nimrod</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="NSIS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">NSIS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Nu">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Nu</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="NumPy">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">NumPy</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ObjDump">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ObjDump</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Objective-J">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Objective-J</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="OCaml">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">OCaml</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Omgrofl">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Omgrofl</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="ooc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">ooc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Opa">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Opa</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="OpenCL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">OpenCL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="OpenEdge ABL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">OpenEdge ABL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Org">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Org</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Oxygene">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Oxygene</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Parrot">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Parrot</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Parrot Assembly">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Parrot Assembly</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Parrot Internal Representation">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Parrot Internal Representation</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Pascal">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Pascal</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PAWN">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PAWN</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Perl6">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Perl6</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Pike">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Pike</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Pod">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Pod</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PogoScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PogoScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PostScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PostScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="PowerShell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">PowerShell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Processing">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Processing</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Prolog">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Prolog</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Protocol Buffer">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Protocol Buffer</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Puppet">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Puppet</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Pure Data">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Pure Data</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Python traceback">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Python traceback</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="QML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">QML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="R">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">R</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Racket">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Racket</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Ragel in Ruby Host">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Ragel in Ruby Host</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Raw token data">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Raw token data</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="RDoc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">RDoc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="REALbasic">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">REALbasic</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Rebol">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Rebol</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Redcode">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Redcode</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="reStructuredText">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">reStructuredText</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="RHTML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">RHTML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="RMarkdown">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">RMarkdown</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="RobotFramework">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">RobotFramework</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Rouge">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Rouge</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Rust">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Rust</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Sage">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Sage</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Sass">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Sass</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Scaml">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Scaml</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Scilab">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Scilab</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="SCSS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">SCSS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Self">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Self</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Shell">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Shell</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Slash">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Slash</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Smalltalk">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Smalltalk</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Smarty">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Smarty</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Squirrel">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Squirrel</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Standard ML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Standard ML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Stylus">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Stylus</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="SuperCollider">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">SuperCollider</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Tcl">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Tcl</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Tcsh">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Tcsh</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Tea">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Tea</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="TeX">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">TeX</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Textile">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Textile</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="TOML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">TOML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Turing">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Turing</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Twig">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Twig</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="TXL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">TXL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="TypeScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">TypeScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Unified Parallel C">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Unified Parallel C</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="UnrealScript">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">UnrealScript</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Vala">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Vala</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Verilog">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Verilog</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="VHDL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">VHDL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="VimL">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">VimL</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Visual Basic">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Visual Basic</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Volt">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Volt</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="wisp">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">wisp</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="xBase">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">xBase</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XC">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XC</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XML</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XProc">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XProc</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XQuery">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XQuery</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XS">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XS</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="XSLT">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">XSLT</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="Xtend">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">Xtend</div>
-          </div> <!-- /.select-menu-item -->
-          <div class="select-menu-item js-navigation-item" data-value="YAML">
-            <span class="select-menu-item-icon octicon octicon-check"></span>
-            <div class="select-menu-item-text js-select-button-text">YAML</div>
-          </div> <!-- /.select-menu-item -->
-        </div>
-
-        <div class="select-menu-no-results">Nothing to show</div>
-      </div> <!-- /.select-menu-list -->
-
-    </div> <!-- /.select-menu-modal -->
-  </div> <!-- /.select-menu-modal-holder -->
-</div> <!-- /.select-menu -->
-
-
-        <div class="editor-options">
-          <div class="edit-mode">
-            <label>
-              <input type="checkbox" class="js-editor-mode" checked/>
-              <span>ACE Editor</span>
-            </label>
-          </div>
-
-          <div class="select-menu indentation-mode-chooser-container js-indent-container js-menu-container js-select-menu">
-            <input type="hidden" name="indent" class="indent js-indent-mode-value" value="Spaces">
-
-            <span class="minibutton select-menu-button js-menu-target indentation-mode-chooser-button">
-              <i>indent mode:</i>
-              <span class="js-indent-value js-select-button">Spaces</span>
-            </span>
-
-            <div class="select-menu-modal-holder indentation-mode-chooser-context js-menu-content js-navigation-container">
-              <div class="select-menu-modal">
-                <div class="select-menu-header">
-                  <span class="select-menu-title">Select Indentation Mode</span>
-                  <span class="octicon octicon-remove-close js-menu-close"></span>
-                </div> <!-- /.select-menu-header -->
-
-                <div class="select-menu-list">
-                  <div class="js-indent-results">
-                    <div class="select-menu-item js-navigation-item selected" data-value="Spaces">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">Spaces</div>
-                    </div> <!-- /.select-menu-item -->
-
-                    <div class="select-menu-item js-navigation-item" data-value="Tabs">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">Tabs</div>
-                    </div> <!-- /.select-menu-item -->
-                  </div>
-                </div> <!-- /.select-menu-list -->
-              </div> <!-- /.select-menu-modal -->
-            </div> <!-- /.select-menu-modal-holder -->
-
-          </div> <!-- /.select-menu -->
-
-          <div class="select-menu indentation-pane indentation-size-chooser-container js-indent-container js-menu-container js-select-menu">
-            <input type="hidden" name="indent" class="indent js-indent-size-value" value="2">
-
-            <span class="minibutton select-menu-button js-menu-target indentation-size-chooser-button">
-              <i>indent size:</i>
-              <span class="js-indent-value js-select-button">2</span>
-            </span>
-
-            <div class="select-menu-modal-holder indentation-chooser-context js-menu-content js-navigation-container">
-              <div class="select-menu-modal">
-                <div class="select-menu-header">
-                  <span class="select-menu-title">Select Indentation Size</span>
-                  <span class="octicon octicon-remove-close js-menu-close"></span>
-                </div> <!-- /.select-menu-header -->
-
-                <div class="select-menu-list">
-                  <div class="js-indent-results">
-                    <div class="select-menu-item js-navigation-item selected" data-value="2">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">2</div>
-                    </div> <!-- /.select-menu-item -->
-
-                    <div class="select-menu-item js-navigation-item" data-value="4">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">4</div>
-                    </div> <!-- /.select-menu-item -->
-
-                    <div class="select-menu-item js-navigation-item selected" data-value="8">
-                      <span class="select-menu-item-icon octicon octicon-check"></span>
-                      <div class="select-menu-item-text js-select-button-text">8</div>
-                    </div> <!-- /.select-menu-item -->
-                  </div>
-                </div> <!-- /.select-menu-list -->
-              </div> <!-- /.select-menu-modal -->
-            </div> <!-- /.select-menu-modal-holder -->
-
-          </div> <!-- /.select-menu -->
-
-        </div>
-
-    </div>
-      <div class="file-box">
-        <div class="data empty">Binary file not shown.</div>
-      </div>
-      <div class="input">
-        <textarea class="file-contents js-file-edit js-code-editor" name="gist[files][][content]" autofocus></textarea>
-      </div>
-  </div>
-</div>
-
-  </script>
-</div>
-
-<div id="add-gist">
-  <button type="button" class="button js-add-gist-file">Add Another File</button>
-</div>
-
-<div class="dropzone">
-  <div class="dropzone-pill">
-    <span class="mega-octicon octicon-file-code"></span><span class="mega-octicon octicon-arrow-right"></span><span class="mega-octicon octicon-gist-new"></span>
-    <p>Drop one or more files here to prefill your gist!</p>
-  </div>
-</div>
-
-
-      <div class="form-actions">
-        <button type="submit" class="button glowing js-create-gist secret tooltipped tooltipped-s" name="gist[public]" value="0" aria-label="Secret gists are hidden from search engines but visible to anyone you give the URL." disabled data-disable-with>
-          <strong>Create Secret Gist</strong>
-        </button>
-        <button type="submit" class="button js-create-gist" name="gist[public]" value="1" disabled data-disable-with>
-          <strong>Create Public Gist</strong>
-        </button>
-      </div>
-    </div>
-  </form>
-</div>
-
-<div class="dropzone">
-  <div class="dropzone-pill">
-    <span class="mega-octicon octicon-file-code"></span><span class="mega-octicon octicon-arrow-right"></span><span class="mega-octicon octicon-gist-new"></span>
-    <p>Drop one or more files here to prefill your gist!</p>
-  </div>
-</div>
-
-  <div class="context-overlay"></div>
-</div>
-
-    </div>
-    <div class="slow-loading-overlay"></div>
-  </div>
-
-  <div id="ajax-error-message" class="flash flash-error">
-    <div class="container">
-      <span class="octicon octicon-alert"></span>
-      Something went wrong with that request. Please try again.
-      <a href="#" class="octicon octicon-remove-close ajax-error-dismiss"></a>
-    </div>
-  </div>
-
-
-  <footer>
-    <div id="footer">
-  <div class="container clearfix">
-
-    <!-- Served fresh by github-fe102-cp1-prd.iad.github.net -->
-    <p class="right">&copy; 2014 GitHub Inc. All rights reserved.</p>
-    <a class="left" href="/">
-      <span class="mega-octicon octicon-mark-github"></span>
-    </a>
-    <ul id="legal">
-      <li><a href="https://github.com/blog">The GitHub Blog</a></li>
-      <li><a href="mailto:support@github.com">Support</a></li>
-      <li><a href="https://github.com/contact">Contact</a></li>
-    </ul>
-
-  </div><!-- /.container -->
-</div><!-- /.#footer -->
-
-  </footer>
-
-</body>
-</html>
diff --git a/benchmark/fixtures/with_entities.html b/benchmark/fixtures/with_entities.html
new file mode 100644
index 0000000..38ae2b8
--- /dev/null
+++ b/benchmark/fixtures/with_entities.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang='en'>
+<head>
+<meta charset='utf-8'>
+<meta content='-L_V_27r8NmVJh-1OGyEhGcNVulPnxjfbma6m3SqNME' name='google-site-verification'>
+<link href='http://yorickpeterse.com/feed.xml' rel='alternate' title='Yorick Peterse' type='application/atom+xml'>
+<link href='http://yorickpeterse.com/articles/debugging-with-pry/' rel='canonical'>
+<meta content='pry,repl,ruby,debugging,irb' name='keywords'>
+<meta content='Pry is a REPL (Read Eval Print Loop) that was written as a better alternative to IRB.' name='description'>
+<link href='/favicon.ico' rel='icon' type='image/x-icon'>
+<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet'>
+<link href='/stylesheets/application.css' rel='stylesheet'>
+<!--[if lt IE 9]>
+<script src='http://html5shim.googlecode.com/svn/trunk/html5.js'></script>
+<![endif]-->
+<title>Debugging With Pry</title>
+
+</head>
+<body>
+<header id='top'>
+<nav>
+<ul class='clearfix'>
+<li>
+<a href='http://yorickpeterse.com'>
+Homepage
+</a>
+</li>
+<li>
+<a href='http://yorickpeterse.com/feed.xml'>
+Atom Feed
+</a>
+</li>
+</ul>
+</nav>
+</header>
+
+<div class='row' id='content'>
+<section>
+<header>
+<h1>Debugging With Pry</h1>
+<p class='meta'>
+Published on: <time datetime="2011-11-26T23:00:00Z">November 26, 2011</time>
+</p>
+</header>
+
+<p>Pry is a REPL (Read Eval Print Loop) that was written as a better alternative
+to IRB. It comes with syntax highlighting, code indentation that actually works
+and several other features that make it easier to debug code. I stumbled upon
+Pry when looking for an alternative to both IRB and the way I was debugging my
+code (placing <code>puts</code> all over the place, I think it’s called “Puts Driven
+Development”).</p>
+
+<p>Pry tries to do a lot of things and I was actually quite surprised how well it
+does that. It might not stick to the Unix idea of only doing a single thing
+(and doing that very well) but it makes my life (and the lifes of others) so
+much easier that it’s easy to forget.</p>
+
+<p>Pry is primarily meant to be used as a REPL. There are a lot of things that
+make Pry so much more pleasant to use than IRB. One of the things almost any
+Ruby programmer will notice when using IRB is that its indentation support is a
+bit clunky. Indenting itself works fine most of the time but it fails to
+un-indent code properly as illustrated in the code snippet below (pasted
+directly from an IRB session):</p>
+
+<div class="CodeRay"><div class="code"><pre><code class="language-text">ruby-1.9.3-p0 :001 &gt; class User
+ruby-1.9.3-p0 :002?&gt;   def greet
+ruby-1.9.3-p0 :003?&gt;     puts "Hello world"
+ruby-1.9.3-p0 :004?&gt;     end
+ruby-1.9.3-p0 :005?&gt;   end</code></pre></div></div>
+
+<p>Luckily Pry handles this just fine, whether you’re trying to indent a class or
+a hash containing an array containing a proc and so on. Pry does this by
+resetting the terminal output every time a new line is entered. The downside of
+this approach is that it only works on terminals that understand ANSI escape
+codes.  In Pry the above example works like it should do:</p>
+
+<div class="CodeRay"><div class="code"><pre><code class="language-text">[1] pry(main)&gt; class User
+[1] pry(main)*   def greet
+[1] pry(main)*     puts "Hello world"
+[1] pry(main)*   end
+[1] pry(main)* end</code></pre></div></div>
+
+<p>Besides indentation Pry does a lot more. A feature that I think is very cool is
+the ability to show documentation and source code of methods right in your REPL
+(sadly this feature doesn’t work with classes or modules at the time of
+writing). This means that you no longer have to use the <code>ri</code> command to
+search documentation for methods. You also don’t need to install the RDoc
+documentation as Pry pulls it directly from the source code. Showing the source
+code of a method or its documentation can be done by using the <code>show-method</code>
+and <code>show-doc</code> command. For example, invoking <code>show-method pry</code> in a Pry
+session would give you the following output:</p>
+
+<div class="CodeRay"><div class="code"><pre><code class="language-text">[1] pry(main)&gt; show-method pry
+
+From: /path/trimmed/for/readability/lib/pry/core_extensions.rb @ line 19:
+Number of lines: 3
+Owner: Object
+Visibility: public
+
+def pry(target=self)
+  Pry.start(target)
+end</code></pre></div></div>
+
+<p>Calling <code>show-doc pry</code> would instead show the following:</p>
+
+<div class="CodeRay"><div class="code"><pre><code class="language-text">[2] pry(main)&gt; show-doc pry
+
+From: /path/trimmed/for/readability/lib/pry/core_extensions.rb @ line 19:
+Number of lines: 17
+Owner: Object
+Visibility: public
+Signature: pry(target=?)
+
+Start a Pry REPL.
+This method differs from Pry.start in that it does not
+support an options hash. Also, when no parameter is provided, the Pry
+session will start on the implied receiver rather than on
+top-level (as in the case of Pry.start).
+It has two forms of invocation. In the first form no parameter
+should be provided and it will start a pry session on the
+receiver. In the second form it should be invoked without an
+explicit receiver and one parameter; this will start a Pry
+session on the parameter.
+param [Object, Binding] target The receiver of the Pry session.
+example First form
+  "dummy".pry
+example Second form
+   pry "dummy"
+example Start a Pry session on current self (whatever that is)
+  pry</code></pre></div></div>
+
+<p>You can also run these commands for code that was written in C. This requires
+you to install the gem <code>pry-doc</code> (<code>gem install pry-doc</code>). Do note that this
+only works for core C code, currently Pry does not support this for third party
+extensions.</p>
+
+<p>Another very cool feature is that Pry can be used as a debugging tool for your
+code without having to manually jump into a session. By loading Pry, which can
+be done by writing <code>require "pry"</code> or by using the option <code>-r pry</code> when
+invoking Ruby you gain access to everything Pry has to offer. The most useful
+tool is <code>binding.pry</code>. This method starts a Pry session and pauses the
+script.</p>
+
+<p>Lets say you have the following script and want to see the values of the
+variables:</p>
+
+<div class="CodeRay"><div class="code"><pre><code class="language-ruby">language = <span class="string"><span class="delimiter">'</span><span class="content">Ruby</span><span class="delimiter">'</span></span>
+number   = <span class="integer">10</span>
+
+<span class="comment"># Do something awesome with the above variables.</span></code></pre></div></div>
+
+<p>The typical approach would be to insert a puts statement above the comment
+followed by an exit statement. Pry in a way can do a similar thing, it just
+makes it a lot more awesome. If you modify the script as following you can
+truly debug your code like a boss:</p>
+
+<div class="CodeRay"><div class="code"><pre><code class="language-ruby">language = <span class="string"><span class="delimiter">'</span><span class="content">Ruby</span><span class="delimiter">'</span></span>
+number   = <span class="integer">10</span>
+
+binding.pry
+
+<span class="comment"># Do something awesome with the above variables.</span></code></pre></div></div>
+
+<p>If you now run the script by calling <code>ruby -r pry file.rb</code> you get a fancy
+Pry session:</p>
+
+<div class="CodeRay"><div class="code"><pre><code class="language-text">[yorickpeterse@Wifi-Ninja in ~]$ ruby -r pry file.rb
+
+From: file.rb @ line 4 in Object#N/A:
+
+     1: language = 'Ruby'
+     2: number   = 10
+     3:
+ =&gt;  4: binding.pry
+     5:
+     6: # Do something awesome with the above variables.
+[1] pry(main)&gt;</code></pre></div></div>
+
+<p>A nice thing about starting Pry this way is that it starts in the context of
+the call to <code>binding.pry</code> meaning you get access to data such as the local
+variables. These can be displayed by calling <code>ls</code> or by simply typing their
+name.</p>
+
+<div class="CodeRay"><div class="code"><pre><code class="language-text">[yorickpeterse@Wifi-Ninja in ~]$ ruby -r pry file.rb
+
+From: file.rb @ line 4 in Object#N/A:
+
+     1: language = 'Ruby'
+     2: number   = 10
+     3:
+ =&gt;  4: binding.pry
+     5:
+     6: # Do something awesome with the above variables.
+[1] pry(main)&gt; ls
+self methods: include  private  public  to_s
+locals: _  _dir_  _ex_  _file_  _in_  _out_  _pry_  language  number
+[2] pry(main)&gt; number
+=&gt; 10
+[3] pry(main)&gt;</code></pre></div></div>
+
+<p>Moving out of the “breakpoint” (or moving to the next one if you have multiple
+ones defined) can be done by hitting ^D (Ctrl+D usually).</p>
+
+<p>Besides the features mentioned in this article Pry has several more. For
+example, long output is piped to Less. This can be quite useful if you’re
+trying to display a big hash using <code>pp</code>. The full list of features can be
+found on the <a href="http://pry.github.com/">Pry website</a> as well as by invoking the <code>help</code>
+command inside a Pry session. If you’re in need of help or have any suggestions
+you can join the IRC channel #pry on the Freenode network (irc.freenode.net).
+The source code of Pry is hosted on <a href="http://github.com/pry/pry">Github</a>.</p>
+
+
+</section>
+</div>
+</body>
+</html>