<commit_before>== Tophat

Tophat is an extremely lightweight and SEO friendly Javascript menu system that 
generates dynamic menus from simple and valid (X)HTML. Tophat is designed to be reliable,
easy to setup and easy to style. Tophat is SEO friendly because it does not hide any
of your menu information in Javascript variables, instead is reads it all from your
source HTML document where web-crawlers are also able to find it easily. Tophat works
in all major browsers.

Tophat works hard to play nice with your other Javascript and does not pollute the global
namespace or overwrite existing event handlers.

=== Installation

To install Tophat simply visit the {Github page}[http://github.com/aarongough/tophat] and
click the 'Download source' button at the top right-hand corner of the page, download the
zip file and then extract it in your site's root directory. All you need to do now is setup
your menu and you're done!

=== Menu Setup

To setup the menu system follow these steps:

1. Add the JavaScript and CSS tags to your template / source

    <script src="/tophat-menu/tophat-menu.js" type="text/javascript"></script>
    <link href="/tophat-menu/tophat-menu.css" rel="stylesheet" />
    
2. Setup your menu HTML like so

    <ul class="tophat_menu horizontal">
      <li class="no_submenu"><a href="/">Home</a></li>
      <li class="has_submenu"><span>Categories</span>
        <ul class="is_submenu">
          <li><a href="/cat/1">Category 1</a></li>
          <li><a href="/cat/2">Category 1</a></li>
          <li><a href="/cat/3">Category 1</a></li>
        </ul>
      </li>
      <li class="no_submenu"><a href="/logout">Logout</a></li>
    </ul>
    <commit_msg>Updated README to show that stylesheet should be included before script to ensure quick rendering of page content<commit_after>== Tophat

Tophat is an extremely lightweight and SEO friendly Javascript menu system that 
generates dynamic menus from simple and valid (X)HTML. Tophat is designed to be reliable,
easy to setup and easy to style. Tophat is SEO friendly because it does not hide any
of your menu information in Javascript variables, instead is reads it all from your
source HTML document where web-crawlers are also able to find it easily. Tophat works
in all major browsers.

Tophat works hard to play nice with your other Javascript and does not pollute the global
namespace or overwrite existing event handlers.

=== Installation

To install Tophat simply visit the {Github page}[http://github.com/aarongough/tophat] and
click the 'Download source' button at the top right-hand corner of the page, download the
zip file and then extract it in your site's root directory. All you need to do now is setup
your menu and you're done!

=== Menu Setup

To setup the menu system follow these steps:

1. Add the JavaScript and CSS tags to your template / source

    <link href="/tophat-menu/tophat-menu.css" rel="stylesheet" />
    <script src="/tophat-menu/tophat-menu.js" type="text/javascript"></script>
    
2. Setup your menu HTML like so

    <ul class="tophat_menu horizontal">
      <li class="no_submenu"><a href="/">Home</a></li>
      <li class="has_submenu"><span>Categories</span>
        <ul class="is_submenu">
          <li><a href="/cat/1">Category 1</a></li>
          <li><a href="/cat/2">Category 1</a></li>
          <li><a href="/cat/3">Category 1</a></li>
        </ul>
      </li>
      <li class="no_submenu"><a href="/logout">Logout</a></li>
    </ul>
    
{'fraction_non_alphanumeric': 0.1046578493387004, 'fraction_numerical': 0.004600345025876941, 'mean_word_length': 3.6263297872340425, 'pattern_counts': {'":': 0, '<': 65, '<?xml version=': 0, '>': 65, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7002136', 'n_tokens_mistral': 1036, 'n_tokens_neox': 969, 'n_words': 431}