<commit_before><!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />

    <title>Visualizing Canada's Indian Residential Schools</title>

    <!-- So Stylish -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/font-awesome-animation.min.css">
    <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400|Rubik:400" rel="stylesheet">

    <!--Leaflet and MapBox GL-->
    <script src="//d3js.org/topojson.v1.min.js"></script>
    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.12.0/mapbox-gl.js'></script>
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.12.0/mapbox-gl.css' rel='stylesheet' />
    <!-- <link rel="stylesheet" type="text/css" href="css/leaflet.css">
    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script> -->

    <!--D3-->
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <script src="js/d3-tip.js"></script>
    <script src="js/modernizr.js"></script>

  </head>

  <body>

    <header class="cd-main-header animate-search">
      <nav class="cd-main-nav-wrapper">
        <a href="#search" class="cd-search-trigger cd-text-replace">Search</a>
      </nav>
      <a href="#0" class="cd-nav-trigger cd-text-replace">Menu<span></span></a>
    </header>

    <div id="search" class="cd-main-search">
      <form>
        <input id="searchInput" type="search" placeholder="Search..." autocomplete="off">

        <div class="cd-select">
          <span>in</span>
          <select name="select-category">
					<option value="all-categories">all categories</option>
					<option value="category1">Stories</option>
					<option value="category2">Schools</option>
					<option value="category3">Reservations, Tribes, and Bands</option>
				</select>
          <span class="selected-value">all Categories</span>
        </div>
      </form>
      <a href="#0" class="close cd-text-replace">Close Form</a>
    </div>

    <div class="newLinks newLinksHidden" id="newLinks">
      <div class="nLleft"><span class="nLtitle"><a href="#p1">Canada's Indian Residential School System</a></span></div>
      <div class="nLright"><a href="#p1" class="nLL">Start Over</a><a href="#p4" class="nLL">Stories</a><a href="#p6" class="nLL">Schools</a><a class="nLL">Data and Credits</a></div>
    </div>
    <div class="newLinks2" id="newLinks2">
      <div class="nLleft"><span class="nLtitle"><a href="#p1">Canada's Indian Residential School System</a></span></div>
      <div class="nLright"><a href="#p1" class="nLL">Start Over</a><a href="#p4" class="nLL">Stories</a><a href="#p6" class="nLL">Schools</a><a class="nLL">Data and Credits</a></div>
    </div>

    <div class="cd-search-suggestions cd-search-suggestionsInvisible">
      <div class="suggests">
        <div class="suggestOption o1">
          <div class="oImage o1I"></div>
          <div class="oM">
            <div class="oH o1h"></div>
            <div class="oSh o1Sh"></div>
            <div class="oInfo o1Info"></div>
            <div class="oA o1A"></div>
          </div>
        </div>
        <div class="suggestOption o2">
          <div class="oImage o2I"></div>
          <div class="oM">
            <div class="oH o2h"></div>
            <div class="oSh o2Sh"></div>
            <div class="oInfo o2Info"></div>
            <div class="oA o2A"></div>
          </div>
        </div>
        <div class="suggestOption o3">
          <div class="oImage o3I"></div>
          <div class="oM">
            <div class="oH o3h"></div>
            <div class="oSh o3Sh"></div>
            <div class="oInfo o3Info"></div>
            <div class="oA o2A"></div>
          </div>
        </div>
      </div>
    </div>


    <section id="p1" class="page storytelling full dark" data-chapter-name="one">
      <div class="centered">
        <h1>Canada's Indian Residential Schools</h1>
        <h6>1876-1996</h6>
      </div>
      <div class="scroll-arrow faa-float animated"><i class="fa fa-angle-down"></i></div>
    </section>

    <section id="p2" class="page storytelling full light" data-chapter-name="two">
      <div class="centered">
        <!-- <h1>Canada's Indian Residential Schools</h1> -->
        <p>Canada's Indian Residential School System was a network of boarding schools, industrial schools, and federal hostels created to remove indigenous children from their homes, their families, and their cultures. While many schools originated long
          before Confederation in 1867, the system was primarily active following the approval of the Indian Act in 1876 &mdash; a group of laws aiming to do away with the Indian tribal system and forcibly enfranchise First Nations peoples &mdash; until
          the the last federally-operated school closed in 1996.</p>
        <p>In recent years and in light of official apologies issued by the Government of Canada, individual provinces and territories, the Vatican, and various church groups, information about the schools and their students' welfare has become public knowledge:
          physical and sexual abuse was rampant, both involving administrators and between students; malnourishment and poor living conditions were not uncommon; and assimilation, deprivation of cultural traditions, and punishment was the standard. It
          is estimated that 6000 children died while in attendance.</p>
        <p>This project aims to investigate the IRS system visually, beginning with the stories of survivors and transitioning into the narrative of each school. What follows is a selection of stories told by residential school survivors, gathered by the
          National Truth and Reconciliation Commission between 2008 and 2015<sup>1</sup>. <span class="orange">Scroll on to explore.</span></p>
        <p class="guide">A search tool is always available in the top left corner. Access the above navigation menu by clicking the search icon. Data, credits, and methodology is available <a>here</a>.</p>
        <p class="guide">This proejct contains subject matter that may be disturbing to some visitors. A 24 Hour National Survivors Crisis Line is available at 1-866-925-4419.</p>
      </div>
      <div class="scroll-arrow faa-float animated"><i class="fa fa-angle-down"></i></div>
    </section>

    <section id="p4" class="page storytelling full light free-scroll" data-chapter-name="four">
      <div class="centered-wide">
        <div class="stories" id="stories">
          <div class="stories-content">
            <div class="storiesSelect" id="stories-select"></div>
            <div class="clear"></div>
          </div>
        </div>
        <div class="scroll-arrow faa-float animated"><i class="fa fa-angle-down"></i></div>
        <div class="storiesSelectHelp">
          <p class="guide">Click on a story to select it, then scroll down. Drag stories left to right to see more, or use the search tool in the top left to find specific stories.</p>
        </div>
      </div>
      <div id="storyNameFI"></div>
    </section>


    <section id="p5" class="page storytelling full light free-scroll" data-chapter-name="five">
      <div class="storySection">
        <div class="centered-small">
          <div id="storyName"></div>
          <div id="storyBio"></div>
        </div>
      </div>
    </section>

    <div class="sTslide">
      <div class="sTtop">
        <div class="sTimage"></div>
        <div class="sTname"></div>
      </div>
      <div class="sTmapContainer">
        <div class="sTmap" id="sTmap"></div>
      </div>
      <div class="sTdata">
        <!-- <div class="sTsection"></div><commit_msg>add links to scroll indicators<commit_after><!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />

    <title>Visualizing Canada's Indian Residential Schools</title>

    <!-- So Stylish -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/font-awesome-animation.min.css">
    <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400|Rubik:400" rel="stylesheet">

    <!--Leaflet and MapBox GL-->
    <script src="//d3js.org/topojson.v1.min.js"></script>
    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.12.0/mapbox-gl.js'></script>
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.12.0/mapbox-gl.css' rel='stylesheet' />
    <!-- <link rel="stylesheet" type="text/css" href="css/leaflet.css">
    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script> -->

    <!--D3-->
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <script src="js/d3-tip.js"></script>
    <script src="js/modernizr.js"></script>

  </head>

  <body>

    <header class="cd-main-header animate-search">
      <nav class="cd-main-nav-wrapper">
        <a href="#search" class="cd-search-trigger cd-text-replace">Search</a>
      </nav>
      <a href="#0" class="cd-nav-trigger cd-text-replace">Menu<span></span></a>
    </header>

    <div id="search" class="cd-main-search">
      <form>
        <input id="searchInput" type="search" placeholder="Search..." autocomplete="off">

        <div class="cd-select">
          <span>in</span>
          <select name="select-category">
					<option value="all-categories">all categories</option>
					<option value="category1">Stories</option>
					<option value="category2">Schools</option>
					<option value="category3">Reservations, Tribes, and Bands</option>
				</select>
          <span class="selected-value">all Categories</span>
        </div>
      </form>
      <a href="#0" class="close cd-text-replace">Close Form</a>
    </div>

    <div class="newLinks newLinksHidden" id="newLinks">
      <div class="nLleft"><span class="nLtitle"><a href="#p1">Canada's Indian Residential School System</a></span></div>
      <div class="nLright"><a href="#p1" class="nLL">Start Over</a><a href="#p4" class="nLL">Stories</a><a href="#p6" class="nLL">Schools</a><a class="nLL">Data and Credits</a></div>
    </div>
    <div class="newLinks2" id="newLinks2">
      <div class="nLleft"><span class="nLtitle"><a href="#p1">Canada's Indian Residential School System</a></span></div>
      <div class="nLright"><a href="#p1" class="nLL">Start Over</a><a href="#p4" class="nLL">Stories</a><a href="#p6" class="nLL">Schools</a><a class="nLL">Data and Credits</a></div>
    </div>

    <div class="cd-search-suggestions cd-search-suggestionsInvisible">
      <div class="suggests">
        <div class="suggestOption o1">
          <div class="oImage o1I"></div>
          <div class="oM">
            <div class="oH o1h"></div>
            <div class="oSh o1Sh"></div>
            <div class="oInfo o1Info"></div>
            <div class="oA o1A"></div>
          </div>
        </div>
        <div class="suggestOption o2">
          <div class="oImage o2I"></div>
          <div class="oM">
            <div class="oH o2h"></div>
            <div class="oSh o2Sh"></div>
            <div class="oInfo o2Info"></div>
            <div class="oA o2A"></div>
          </div>
        </div>
        <div class="suggestOption o3">
          <div class="oImage o3I"></div>
          <div class="oM">
            <div class="oH o3h"></div>
            <div class="oSh o3Sh"></div>
            <div class="oInfo o3Info"></div>
            <div class="oA o2A"></div>
          </div>
        </div>
      </div>
    </div>


    <section id="p1" class="page storytelling full dark" data-chapter-name="one">
      <div class="centered">
        <h1>Canada's Indian Residential Schools</h1>
        <h6>1876-1996</h6>
      </div>
      <a href="#p2">
        <div class="scroll-arrow faa-float animated"><i class="fa fa-angle-down"></i></div>
      </a>
    </section>

    <section id="p2" class="page storytelling full light" data-chapter-name="two">
      <div class="centered">
        <!-- <h1>Canada's Indian Residential Schools</h1> -->
        <p>Canada's Indian Residential School System was a network of boarding schools, industrial schools, and federal hostels created to remove indigenous children from their homes, their families, and their cultures. While many schools originated long
          before Confederation in 1867, the system was primarily active following the approval of the Indian Act in 1876 &mdash; a group of laws aiming to do away with the Indian tribal system and forcibly enfranchise First Nations peoples &mdash; until
          the the last federally-operated school closed in 1996.</p>
        <p>In recent years and in light of official apologies issued by the Government of Canada, individual provinces and territories, the Vatican, and various church groups, information about the schools and their students' welfare has become public knowledge:
          physical and sexual abuse was rampant, both involving administrators and between students; malnourishment and poor living conditions were not uncommon; and assimilation, deprivation of cultural traditions, and punishment was the standard. It
          is estimated that 6000 children died while in attendance.</p>
        <p>This project aims to investigate the IRS system visually, beginning with the stories of survivors and transitioning into the narrative of each school. What follows is a selection of stories told by residential school survivors, gathered by the
          National Truth and Reconciliation Commission between 2008 and 2015<sup>1</sup>. <span class="orange">Scroll on to explore.</span></p>
        <p class="guide">A search tool is always available in the top left corner. Access the above navigation menu by clicking the search icon. Data, credits, and methodology is available <a>here</a>.</p>
        <p class="guide">This proejct contains subject matter that may be disturbing to some visitors. A 24 Hour National Survivors Crisis Line is available at 1-866-925-4419.</p>
      </div>
      <a href="#p4">
        <div class="scroll-arrow faa-float animated"><i class="fa fa-angle-down"></i></div>
      </a>
    </section>

    <section id="p4" class="page storytelling full light free-scroll" data-chapter-name="four">
      <div class="centered-wide">
        <div class="stories" id="stories">
          <div class="stories-content">
            <div class="storiesSelect" id="stories-select"></div>
            <div class="clear"></div>
          </div>
        </div>
        <div class="scroll-arrow faa-float animated"><i class="fa fa-angle-down"></i></div>
        <div class="storiesSelectHelp">
          <p class="guide">Click on a story to select it, then scroll down. Drag stories left to right to see more, or use the search tool in the top left to find specific stories.</p>
        </div>
      </div>
      <a href="#p5">
        <div class="scroll-arrow faa-float animated"><i class="fa fa-angle-down"></i></div>
      </a>
      <div id="storyNameFI"></div>
    </section>


    <section id="p5" class="page storytelling full light free-scroll" data-chapter-name="five">
      <div class="storySection">
        <div class="centered-small">
          <div id="storyName"></div>
          <div id="storyBio"></div>
        </div>
      </div>
    </section>

    <div class="sTslide">
      <div class="sTtop">
        <div class="sTimage"></div>
        <div class="sTname"></div>
      </div>
      <div class="sTmapContainer">
        <div class="sTmap" id="sTmap"></div>
      </div>
      <div class="sTdata">
        <!-- <div class="sTsection"></div>
{'fraction_non_alphanumeric': 0.16072435616266684, 'fraction_numerical': 0.01510119681684316, 'mean_word_length': 3.033358605003791, 'pattern_counts': {'":': 0, '<': 479, '<?xml version=': 0, '>': 477, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, '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': '7530753', 'n_tokens_mistral': 5128, 'n_tokens_neox': 4806, 'n_words': 1310}