<commit_before><!DOCTYPE html>
{% load url from future %}
<html lang="en">
    
    <head>
        <meta charset="utf-8">
        <title>
            MARCO Planning Tool
        </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <!-- Le styles -->
        <link href="{{media}}/marco/css/bootstrap.css" rel="stylesheet">
        <link href="{{media}}/marco/css/marco_style.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/scalebar-thin.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/style.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/pageguide.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/jquery-ui.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/jquery.mCustomScrollbar.css" rel="stylesheet">
        <!--<link href="{{media}}/marco-proto/assets/css/jScrollPane.css" rel="stylesheet">-->
        <!--<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css"
        type="text/css" media="all" />-->
        <link rel="shortcut icon" href="{{MEDIA_URL}}marco/ico/favicon.ico">

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
            <link href="{{media}}/marco/css/marco_style.ie.css" rel="stylesheet">
            <style>
                    #feedback-tab {
                        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
                        left: 0px;

                        /* IE6 and 7 */ 
                        filter: progid:DXImageTransform.Microsoft.Matrix(
                                 M11=-1.836909530733566e-16,
                                 M12=-1,
                                 M21=1,
                                 M22=-1.836909530733566e-16,
                                 SizingMethod='auto expand');

                      }
            </style>
        <![endif]-->
        <!-- Le fav and touch icons -->
        <!--[if IE 7]>
          <link rel="stylesheet" href="{{MEDIA_URL}}marco/css/font-awesome-ie7.css">
        <![endif]-->

        <style>
        .navbar .nav > li:hover > a, .navbar .nav > li.active > a, .navbar .nav > li:hover > a:visited {
            height: 30px;
           
        }
        .navbar .nav > li > a {
            height: 25px;
        }

        </style>
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{media}}/marco-proto/assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{media}}/marco-proto/assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{media}}/marco-proto/assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="{{media}}/marco-proto/assets/ico/apple-touch-icon-57-precomposed.png">
        
        <!-- Google Analytics -->
        <script type="text/javascript">

          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-35841423-1']);
          _gaq.push(['_trackPageview']);

          (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();

        </script>
        
        
    </head>
    
    <body>
    
        <!-- FEEDBACK MODAL -->
        <div id="feedback-tab" class="rounded" data-toggle="modal" data-target="#feedback-modal">
            feedback
        </div>
        <div id="feedback-modal" class="modal hide fade">
            <form class="form-horizontal" id="feedback-form">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3>Feedback</h3>
                </div>
                <div class="modal-body">        
                    <div class="control-group">
                      <label class="control-label" for="name">Full Name</label>
                      <div class="controls">
                        <input class="input-xlarge" type="text" name="name" placeholder="<NAME>" required>
                      </div>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="email">Email Address</label>
                      <div class="controls">
                        <input class="input-xlarge" type="email" name="email" placeholder="Email Address" required>
                      </div>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="comment">Comment</label>
                      <div class="controls">
                          <textarea class="input-xlarge" rows="3" name="comment" required></textarea>
                      </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button href="#" class="btn" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Send Feedback</button>
                </div>
          </form>
        </div>
        
        <!-- HELP MODAL -->
        
        <div id="help-modal" class="modal hide fade" style="width: 350px">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>Help</h3>
            </div>
            <div class="modal-body">   
                <h4>Contact Us</h4>
                    <ul class="unstyled" style="margin-left: 5px">
                        <li>Email: <a href="#" data-toggle="modal" data-target="#feedback-modal" data-dismiss="modal"><EMAIL></a></li>
                        <li>Phone: 732 263-5392</li>
                    </ul>
                <h4>Tour the MARCO Marine Planner</h4>
                    <div style="margin-left: 26%">
                    <ul class="unstyled" style="margin-left: 5px">
                        <li><a href="#" data-dismiss="modal" data-bind="click: startDefaultTour">Tour the Basics</a></li>
                        <li><a href="#" data-dismiss="modal" data-bind="click: startDataTour">Tour the Data Tab</a></li>
                        <li><a href="#" data-dismiss="modal" data-bind="click: startActiveTour">Tour the Active Tab</a></li>
                    </ul>
                    </div>
            </div>
            <div class="modal-footer">
                <button href="#" class="btn" data-dismiss="modal">Close</button>
            </div>
        </div>
        
        
        <!-- TOUR -->
        <div id="help-tab" class="rounded">
            tour
        </div>
        <!-- Default Tour -->
        <div id="help-text-dataTab" class="hide">
            <p>The Data tab is where you'll find the data layers available for viewing.</p>
            <ol>
                <li>Click any of the Themes below to expose their Data Layers
                <li>Click the Data Layers to view the data on the map
            </ol>
            <!--<p>Clicking on the Themes in the Data tab will expose the Layers.  And clicking on the Layers will display the data on the Map.</p>-->
            <p><a id="start-data-tour" href="#">Tour the Data tab</a></p>
        </div>
        <div id="help-text-activeTab" class="hide">
            <p>Switching to the Active tab allows you to further manipulate the data activated from the Data tab.</p>
            <p>From the Active tab you can adjust the ordering of the layers on the map, as well as their transparency and visibility.</p>
            <p><a id="start-active-tour" href="#">Tour the Active tab</a></p>
        </div>
        <div id="help-text-form-search" class="hide">
            <p>The auto-complete search field helps you locate and view data.</p><commit_msg>formatting the help modal a bit more<commit_after><!DOCTYPE html>
{% load url from future %}
<html lang="en">
    
    <head>
        <meta charset="utf-8">
        <title>
            MARCO Planning Tool
        </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <!-- Le styles -->
        <link href="{{media}}/marco/css/bootstrap.css" rel="stylesheet">
        <link href="{{media}}/marco/css/marco_style.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/scalebar-thin.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/style.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/pageguide.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/jquery-ui.css" rel="stylesheet">
        <link href="{{media}}/marco-proto/assets/css/jquery.mCustomScrollbar.css" rel="stylesheet">
        <!--<link href="{{media}}/marco-proto/assets/css/jScrollPane.css" rel="stylesheet">-->
        <!--<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css"
        type="text/css" media="all" />-->
        <link rel="shortcut icon" href="{{MEDIA_URL}}marco/ico/favicon.ico">

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
            <link href="{{media}}/marco/css/marco_style.ie.css" rel="stylesheet">
            <style>
                    #feedback-tab {
                        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
                        left: 0px;

                        /* IE6 and 7 */ 
                        filter: progid:DXImageTransform.Microsoft.Matrix(
                                 M11=-1.836909530733566e-16,
                                 M12=-1,
                                 M21=1,
                                 M22=-1.836909530733566e-16,
                                 SizingMethod='auto expand');

                      }
            </style>
        <![endif]-->
        <!-- Le fav and touch icons -->
        <!--[if IE 7]>
          <link rel="stylesheet" href="{{MEDIA_URL}}marco/css/font-awesome-ie7.css">
        <![endif]-->

        <style>
        .navbar .nav > li:hover > a, .navbar .nav > li.active > a, .navbar .nav > li:hover > a:visited {
            height: 30px;
           
        }
        .navbar .nav > li > a {
            height: 25px;
        }

        </style>
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{media}}/marco-proto/assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{media}}/marco-proto/assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{media}}/marco-proto/assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="{{media}}/marco-proto/assets/ico/apple-touch-icon-57-precomposed.png">
        
        <!-- Google Analytics -->
        <script type="text/javascript">

          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-35841423-1']);
          _gaq.push(['_trackPageview']);

          (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();

        </script>
        
        
    </head>
    
    <body>
    
        <!-- FEEDBACK MODAL -->
        <div id="feedback-tab" class="rounded" data-toggle="modal" data-target="#feedback-modal">
            feedback
        </div>
        <div id="feedback-modal" class="modal hide fade">
            <form class="form-horizontal" id="feedback-form">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3>Feedback</h3>
                </div>
                <div class="modal-body">        
                    <div class="control-group">
                      <label class="control-label" for="name">Full Name</label>
                      <div class="controls">
                        <input class="input-xlarge" type="text" name="name" placeholder="<NAME>" required>
                      </div>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="email">Email Address</label>
                      <div class="controls">
                        <input class="input-xlarge" type="email" name="email" placeholder="Email Address" required>
                      </div>
                    </div>
                    <div class="control-group">
                      <label class="control-label" for="comment">Comment</label>
                      <div class="controls">
                          <textarea class="input-xlarge" rows="3" name="comment" required></textarea>
                      </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button href="#" class="btn" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Send Feedback</button>
                </div>
          </form>
        </div>
        
        <!-- HELP MODAL -->
        
        <div id="help-modal" class="modal hide fade">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>Help</h3>
            </div>
            <div class="modal-body" style="text-align: center">  
              <div class="row-fluid">
                <div class="span5">
                    <h4>Contact Us</h4>
                    <ul class="unstyled" style="margin-left: 1px">
                        <li>Email: <a href="#" data-toggle="modal" data-target="#feedback-modal" data-dismiss="modal"><EMAIL></a></li>
                        <li>Phone: 732 263-5392</li>
                    </ul>
                </div>
                <div class="span7">
                    <h4>Tour the MARCO Marine Planner</h4>
                    <div style="text-align: center">
                    <ul class="unstyled" style="margin-left: 1px">
                        <li><a href="#" data-dismiss="modal" data-bind="click: startDefaultTour">Tour the Basics</a></li>
                        <li><a href="#" data-dismiss="modal" data-bind="click: startDataTour">Tour the Data Tab</a></li>
                        <li><a href="#" data-dismiss="modal" data-bind="click: startActiveTour">Tour the Active Tab</a></li>
                    </ul>
                    </div>
                </div>
              </div>
            </div>
            <div class="modal-footer">
                <button href="#" class="btn" data-dismiss="modal">Close</button>
            </div>
        </div>
        
        
        <!-- TOUR -->
        <div id="help-tab" class="rounded">
            tour
        </div>
        <!-- Default Tour -->
        <div id="help-text-dataTab" class="hide">
            <p>The Data tab is where you'll find the data layers available for viewing.</p>
            <ol>
                <li>Click any of the Themes below to expose their Data Layers
                <li>Click the Data Layers to view the data on the map
            </ol>
            <!--<p>Clicking on the Themes in the Data tab will expose the Layers.  And clicking on the Layers will display the data on the Map.</p>-->
            <p><a id="start-data-tour" href="#">Tour the Data tab</a></p>
        </div>
        <div id="help-text-activeTab" class="hide">
            <p>Switching to the Active tab allows you to further manipulate the data activated from the Data tab.</p>
            <p>From the Active tab you can adjust the ordering of the layers on the map, as well as their transparency and visibility.</p>
            <p><a id="start-active-tour" href="#">Tour the Active tab</a></p>
        </div>
        <div id="help-text-form-search" class="hide">
            <p>The auto-complete search field helps you locate and view data.</p>
{'fraction_non_alphanumeric': 0.1601373770300949, 'fraction_numerical': 0.020431922696315268, 'mean_word_length': 1.715776161871641, 'pattern_counts': {'":': 0, '<': 339, '<?xml version=': 0, '>': 355, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '396091', 'n_tokens_mistral': 5220, 'n_tokens_neox': 4773, 'n_words': 1008}