<commit_before><!DOCTYPE html>
<html lang="en">

    <head>
      <title>Copper MINeS Digital Atlas</title>
        <!--Core CSS-->
          <!-- Latest compiled and minified CSS -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
          <!-- Optional theme -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="<KEY>" crossorigin="anonymous">
          <!--Leaflet-->
            <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
          <!--googleapis-->
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <!-- This script made the toggling nav bar tabs active -->
          <!-- Bootstrap JavaScript -->
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
          <!--Leaflet Javascript -->
            <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
          <!--JQuery -->
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

    </head>

    <body>
      <!--Mapbox -->
        <script src='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.js'></script>
        <link href='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.css' rel='stylesheet' />
      <!--Leaflet Omnivore-->
        <script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-omnivore/v0.2.0/leaflet-omnivore.min.js'></script>

    <script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v0.4.0/leaflet.markercluster.js'></script>
    <link href='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v0.4.0/MarkerCluster.css' rel='stylesheet'>
    <link href='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v0.4.0/MarkerCluster.Default.css' rel='stylesheet'>

      <div class="container-fluid">
        <div class="row">
          <div class="col-sm-12">
              <h1>Copper MINeS Digital Atlas- Metallurgy in Indigenous Northern Societies</h1>
          </div>
        </div>
      </div>

      <nav class="navbar navbar-inverse">
       <div class="container-fluid">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
           <a class="navbar-brand" href="#">Copper MINeS</a>
         </div>
         <div class="collapse navbar-collapse" id="myNavbar">
           <ul class="nav navbar-nav">
             <li><a data-toggle="tab" href="#intro">Intro</a></li>
             <li class="active"><a data-toggle="tab" href="#interactivemap">Explore the Archaeology</a></li>
             <li><a data-toggle="tab" href="#geology">Geological Copper</a></li>
             <li><a data-toggle="tab" href="#experimental">Experimental Archaeology</a></li>
             <li><a data-toggle="tab" href="#biblio">Linked Bibliography</a></li>
           </ul>
           <!--<ul class="nav navbar-nav navbar-right">   <!-- Right side of nav bar - should put a search box here --
             <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
             <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
           </ul>-->
         </div>
       </div>
      </nav>

<!--Main body of website -->
<div class="tab content"> <!-- interacts with 'data-toggle="tab"' in nav bar -->

  <div id="intro" class="tab-pane fade"> <!--Introduction Content-->
    <div class="col-sm-12">
      <p>
        intro text?
      </p>
    </div>
  </div>

  <div id="interactivemap" class="tab-pane fade in active"> <!-- Interactive Map Content-->
    <div class="col-sm-4 col-sm-push-8" style="height:500px">
      <h4>sidebar</h4>
        <p>
          This will be an interactive space that is linked to the geospatial representation on the map
        </p>
      </div>
    <div id="map" class="col-sm-8 col-sm-pull-4" style="height:500px"><!--Leaflet Map begin-->
    </div>
    <!--start of actual leaflet map -->

      <script>
          L.mapbox.accessToken = '<KEY>';
          var map = L.mapbox.map('map', 'mapbox.streets-satellite')

            //enter path for .csv here<commit_msg>update interactive sidebar description<commit_after><!DOCTYPE html>
<html lang="en">

    <head>
      <title>Copper MINeS Digital Atlas</title>
        <!--Core CSS-->
          <!-- Latest compiled and minified CSS -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
          <!-- Optional theme -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="<KEY>" crossorigin="anonymous">
          <!--Leaflet-->
            <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
          <!--googleapis-->
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <!-- This script made the toggling nav bar tabs active -->
          <!-- Bootstrap JavaScript -->
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
          <!--Leaflet Javascript -->
            <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
          <!--JQuery -->
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

    </head>

    <body>
      <!--Mapbox -->
        <script src='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.js'></script>
        <link href='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.css' rel='stylesheet' />
      <!--Leaflet Omnivore-->
        <script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-omnivore/v0.2.0/leaflet-omnivore.min.js'></script>

    <script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v0.4.0/leaflet.markercluster.js'></script>
    <link href='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v0.4.0/MarkerCluster.css' rel='stylesheet'>
    <link href='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-markercluster/v0.4.0/MarkerCluster.Default.css' rel='stylesheet'>

      <div class="container-fluid">
        <div class="row">
          <div class="col-sm-12">
              <h1>Copper MINeS Digital Atlas- Metallurgy in Indigenous Northern Societies</h1>
          </div>
        </div>
      </div>

      <nav class="navbar navbar-inverse">
       <div class="container-fluid">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
           <a class="navbar-brand" href="#">Copper MINeS</a>
         </div>
         <div class="collapse navbar-collapse" id="myNavbar">
           <ul class="nav navbar-nav">
             <li><a data-toggle="tab" href="#intro">Intro</a></li>
             <li class="active"><a data-toggle="tab" href="#interactivemap">Explore the Archaeology</a></li>
             <li><a data-toggle="tab" href="#geology">Geological Copper</a></li>
             <li><a data-toggle="tab" href="#experimental">Experimental Archaeology</a></li>
             <li><a data-toggle="tab" href="#biblio">Linked Bibliography</a></li>
           </ul>
           <!--<ul class="nav navbar-nav navbar-right">   <!-- Right side of nav bar - should put a search box here --
             <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
             <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
           </ul>-->
         </div>
       </div>
      </nav>

<!--Main body of website -->
<div class="tab content"> <!-- interacts with 'data-toggle="tab"' in nav bar -->

  <div id="intro" class="tab-pane fade"> <!--Introduction Content-->
    <div class="col-sm-12">
      <p>
        intro text?
      </p>
    </div>
  </div>

  <div id="interactivemap" class="tab-pane fade in active"> <!-- Interactive Map Content-->
    <div class="col-sm-4 col-sm-push-8" style="height:500px">
      <h4>sidebar</h4>
        <p>
          <li>This will be an interactive space that is linked to the geospatial representation on the map</li>
          <li>It will include photographs of copper objects and more detailed information about them</li>
          <li>It will also include context about the archaeological site, including descriptions of features, what cultures inhabited it, and links to external sources such as <a href="http://www.canadianarchaeology.ca/">The Canadian Archaeological Radiocarbon Database</a></li>
        </p>
      </div>
    <div id="map" class="col-sm-8 col-sm-pull-4" style="height:500px"><!--Leaflet Map begin-->
    </div>
    <!--start of actual leaflet map -->

      <script>
          L.mapbox.accessToken = '<KEY>';
          var map = L.mapbox.map('map', 'mapbox.streets-satellite')

            //enter path for .csv here
{'fraction_non_alphanumeric': 0.18749343142406727, 'fraction_numerical': 0.012401471361008934, 'mean_word_length': 2.4857142857142858, 'pattern_counts': {'":': 0, '<': 269, '<?xml version=': 0, '>': 267, 'https://': 16, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '588462', 'n_tokens_mistral': 3101, 'n_tokens_neox': 2964, 'n_words': 571}