<commit_before><!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>History Maker</title>
    <link rel="stylesheet" type="text/css" href="./css/vendor-bundle.css">
    <link rel="stylesheet" type="text/css" href="./css/app.css">
    <!-- Add IntroJs styles -->
    <link rel="stylesheet" type="text/css" href="./css/introjs.css">
</head>

<body>

    <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <a class="navbar-brand" data-step="1" data-intro="This is the name of the tool" data-position='right' href="./"><b>History Maker</b></a>
          </div>
	  
	  <div class="collapse navbar-collapse">
	    <data-step="2" data-intro="Buttons to load-save a file, clear the canvas and zoom in-out"  data-position='right'>
	    <button type="button" id="load-btn" class="btn btn-warning navbar-btn"> <i class="fa fa-folder-o"></i> Load </button>
            <button type="button" id="save-btn" class="btn btn-warning navbar-btn"><i class="fa fa-floppy-o"></i> Save</button>
            <button type="button" id="clear-btn" class="btn btn-danger navbar-btn"><i class="fa fa-trash-o"></i> Clear</button>
	    	      
            <a class="btn btn-small btn-success" href="javascript:void(0);" onclick="javascript:introJs().setOption('showProgress', true).start();">Help</a>
	    
            <div class="btn-group" role="group">
              <button type="button" id="zoom-out-btn" class="btn btn-primary navbar-btn" data-zoom="-">
                <i class="fa fa-search-minus"></i>
              </button>
              <button type="button" id="zoom-in-btn" class="btn btn-primary navbar-btn" data-zoom="+">
                <i class="fa fa-search-plus"></i>
              </button>
            </div>
          </div>
        </div>
    </nav>

    <main class="container-fluid">
        <div class="panel panel-primary canvas-panel work-area-panel">
            <div class="panel-heading">
                <h2 class="panel-title">Canvas</h2>
            </div>
            <div class="panel-body" data-step="4" data-intro="The canvas is the area where the history map will be created. You will have to drag the elements from the 'Elements section over here"  data-position='right'>

                <div id="canvas" class="canvas work-area"></div>
            </div>
        </div>
        <div class="panel panel-primary canvas-panel menu-panel">
            <div class="panel-heading">
                <h2 class="panel-title">Elements</h2>
            </div>
            <div class="panel-body" data-step="3" data-intro="These are the elements of the historical thinking notation. You will have to drag the elements from here to the canvas section to build a history map. Linking between elements is done by clicking on an elements and dragging a link to the next element.  Scroll down to see the entire set of notation elements."  data-position='left'>
                <div id="menu" class="canvas menu"></div>
            </div>
        </div>
    </main>

    <script type="text/template" id="template-link-dialog">
        <form>
          <div class="form-group">
            <label>Link text</label>
            <input type="text" class="form-control" name="text">
          </div>

          <div class="form-group">
            <label>Link type</label>
            <select class="form-control" name="link-type"><commit_msg>made changes to the help text<commit_after><!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>History Maker</title>
    <link rel="stylesheet" type="text/css" href="./css/vendor-bundle.css">
    <link rel="stylesheet" type="text/css" href="./css/app.css">
    <!-- Add IntroJs styles -->
    <link rel="stylesheet" type="text/css" href="./css/introjs.css">
</head>

<body>

    <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <a class="navbar-brand" data-step="1" data-intro="This tool is called history-maker since you can reconstruct history with historical data. Given the elements of the historical thinking notation, you can visually construct your answers to questions related to historical problems and build deeper connections." data-position='right' href="./"><b>History Maker</b></a>
          </div>
	  
	  <div class="collapse navbar-collapse">
	    <data-step="4" data-intro="Buttons to load & save a file, clear the canvas and zoom in & out"  data-position='right'>
	    <button type="button" id="load-btn" class="btn btn-warning navbar-btn"> <i class="fa fa-folder-o"></i> Load </button>
            <button type="button" id="save-btn" class="btn btn-warning navbar-btn"><i class="fa fa-floppy-o"></i> Save</button>
            <button type="button" id="clear-btn" class="btn btn-danger navbar-btn"><i class="fa fa-trash-o"></i> Clear</button>
	    	      
            <a class="btn btn-small btn-success" href="javascript:void(0);" onclick="javascript:introJs().setOption('showProgress', true).start();">Help</a>
	    
            <div class="btn-group" role="group">
              <button type="button" id="zoom-out-btn" class="btn btn-primary navbar-btn" data-zoom="-">
                <i class="fa fa-search-minus"></i>
              </button>
              <button type="button" id="zoom-in-btn" class="btn btn-primary navbar-btn" data-zoom="+">
                <i class="fa fa-search-plus"></i>
              </button>
            </div>
          </div>
        </div>
    </nav>

    <main class="container-fluid">
        <div class="panel panel-primary canvas-panel work-area-panel">
            <div class="panel-heading">
                <h2 class="panel-title">Canvas</h2>
            </div>
            <div class="panel-body" data-step="3" data-intro="The canvas is the area where the history map will be created. You will have to drag the elements from the 'Elements' section over here.  Linking is done by clicking on an element and dragging a link to the next element. You have the option to describe the link and the elements when creating them."  data-position='right'>

                <div id="canvas" class="canvas work-area"></div>
            </div>
        </div>
        <div class="panel panel-primary canvas-panel menu-panel">
            <div class="panel-heading">
                <h2 class="panel-title">Elements</h2>
            </div>
            <div class="panel-body" data-step="2" data-intro="The elements of the historical thinking notation have labels. You will have to drag them from here to the 'Canvas' section (on the left) to build a history map. Scroll down to see the entire set."  data-position='left'>
                <div id="menu" class="canvas menu"></div>
            </div>
        </div>
    </main>

    <script type="text/template" id="template-link-dialog">
        <form>
          <div class="form-group">
            <label>Link text</label>
            <input type="text" class="form-control" name="text">
          </div>

          <div class="form-group">
            <label>Link type</label>
            <select class="form-control" name="link-type">
{'fraction_non_alphanumeric': 0.15738668158925573, 'fraction_numerical': 0.0027979854504756574, 'mean_word_length': 2.5321146245059287, 'pattern_counts': {'":': 0, '<': 167, '<?xml version=': 0, '>': 167, 'https://': 0, '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': '5229994', 'n_tokens_mistral': 2114, 'n_tokens_neox': 2041, 'n_words': 587}