<commit_before><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
  <meta http-equiv='content-type' content='text/html; charset=utf-8'/>

  <title>IPOL Journal &middot; </title>

<!--  <link rel="stylesheet" href="jquery-ui/themes/smoothness/jquery-ui.css">
  <script src="jquery/dist/jquery.js"></script>
  <script src="jquery-ui/ui/jquery-ui.js"></script>-->
<!--   <link rel="stylesheet" href="/resources/demos/style.css"> -->
<!--     <link rel="stylesheet" type="text/css" href="test.css">  -->

    <!-- jquery 3.1.0 -->
    <script src="https://code.jquery.com/jquery-3.1.0.min.js"
            integrity="<KEY>
            crossorigin="anonymous"></script>
    <!-- jquery ui 1.12.0 -->
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"
            integrity="<KEY>
            crossorigin="anonymous"></script>
    <link rel="stylesheet" 
     href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
    <!-- demo specific stylesheets -->
    <link rel="stylesheet" href="../CSS/style.css" type="text/css" />
    <link rel="stylesheet" href="../CSS/local.css" type="text/css" />
    <link rel="stylesheet" href="../CSS/demo.css"  type="text/css" />
    <link rel="stylesheet" href="../Angular/css/app.css"  type="text/css" />
    <!-- cropper -->
    <link  href="./cropper_dist/cropper.css" rel="stylesheet">
    <script src="./cropper_dist/cropper.js"></script>

    <!-- noUiSlider -->
    <link href="./noUiSlider/nouislider.min.css" rel="stylesheet">
    <script src="./noUiSlider/nouislider.min.js"></script>
    <script src="./wNumb/wnumb-1.0.2/wNumb.js"></script>

    <!-- canvas-to-blob for uploads -->
    <script src="./canvas-to-blob/canvas-to-blob.min.js"> </script>
    <script src="./blob-util/blob-util.min.js"> </script>

    <!-- sketch.js -->
    <script src="./sketch/sketch.js"> </script>

    <!-- history.js module -->
    <script src="./history.js/scripts/bundled/html4+html5/jquery.history.js"> 
    </script>

</head>

<body>

<script> 
    $.support.cors = true;
</script>
<script src="ipol_demo_archive.js">             </script>
<script src="ipol_demo_utils.js">               </script>
<script src="ipol_demo_blobs.js">               </script>
<script src="ipol_demo_params.js">              </script>
<script src="ImageGallery/image_gallery.js">    </script>
<script src="ipol_demo_results.js">             </script>
<script src="ipol_demo_inpainting.js">          </script>
<script src="ipol_demo_run.js">                 </script>
<script src="ipol_demo_inputs.js">              </script>
<script src="ipol_servers.js">                  </script>
<script src="ipol_demo_history.js">             </script>
<script src="ipol_demo_upload.js">              </script>
<script src="ipol_demo.js">                     </script>

    <div class="pageheader">
      <div id="header">
        <div id="motto">
            <a href="http://www.ipol.im/">
<!--                    <img src="http://www.ipol.im/static/IPOL-header-logo.png"
                alt="IPOL" width="50" height="64" />-->
            IPOL Journal &middot; Image Processing On Line
            </a>
        </div> <!-- #motto -->
        <div id="menu" class="noprint">
            <form action="http://www.google.com/cse" id="search">
            <ul>
                <li><a href="http://www.ipol.im/">HOME</a></li>
                <li><a href="http://www.ipol.im/meta/">ABOUT</a></li>
                <li><a href="http://www.ipol.im/pub/art/">ARTICLES</a></li>
                <li><a href="http://www.ipol.im/pub/pre/">PREPRINTS</a></li>
                <li><a href="http://dev.ipol.im/ws/">WORKSHOPS</a></li>
                <li><a href="http://www.ipol.im/news/">NEWS</a></li>
                <li class="search">
            <input type="hidden" name="cx"
                value="016691498998454533855:WMX-109950614"
                />
            <input type="hidden" name="ie"
                value="UTF-8" />
            <input type="submit"
                value="SEARCH" />
            <input type="text" name="q"
                size="16" id="searchbox"
                value="" />
                </li>
            </ul>
            </form>
        </div> <!-- #menu -->
      </div> <!-- #header -->
    </div> <!-- .pageheader -->




<div id="tabs">
    <ul>
        <li>
            <a href="#tabs-run">Demo</a>
        </li>
        <li>
            <a href="#tabs-archive">Archive</a>
        </li>
        <li>
            <a href="#tabs-ddl">DDL</a>
        </li>
    </ul>
    <div id="tabs-run">

        <span id="demo-select">demos infomation</span>

        <!-- Upload in modal dialog -->
        <div id="upload-dialog" title="Upload data">

            <!-- User data to upload -->

            <div class="upload_input" id="local_data"> </div>

            <p class="note">
                Upload size is limited to  10MB for the whole upload set.
            <br />
            TIFF, JPEG, PNG, GIF, PNM (and 

            <a href="https://tools.ipol.im/wiki/ref/demo_input/">other standard formats</a>)
            are supported.
            The uploaded will be publicly archived unless you switch to
            private mode on the result page.
            <br />
            Only upload
            <a href="https://tools.ipol.im/wiki/ref/demo_input/">suitable images</a>.
            See <a href="https://tools.ipol.im/wiki/ref/demo_input/">the copyright
            and legal conditions</a> for details.
            </p>

        </div>

        <!-- Input Data Selection -->
        <fieldset id="selectinputs_fieldset"  style="border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;">
        <legend> Select input(s) <span>[-]</span> </legend> 

            <button id="description_input" title="Demo description">description</button>
            <div id="InputDescription"  title="Input description"> </div>

            <button id="upload-data" title="Upload your own data">Upload data</button> &nbsp;
            <label>Thumbnail size</label>
            <select id="ThumbnailSize" >
                <option>64</option>
                <option>96</option>
                <option selected="selected">128</option>
                <option>192</option>
                <option>256</option>
            </select> px

            &nbsp;<input  id="ShowCreditsCheckbox" type="checkbox"  >credits
            &nbsp;<input  id="ShowTitlesCheckbox" type="checkbox"  >titles

            <div id="displayblobs" style="height:auto;width:50%;overflow-y:hidden;overflow-x:auto;white-space:nowrap;width: 100%; border: 0; padding: 0; margin: 0;"></div>
            <div style='clear:both'> </div><br/>

        </fieldset>


        <!-- ******** inputs_fieldset ****** -->
        <fieldset id="inputs_fieldset" style="border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:auto;display:inline-block;vertical-align:top;">
        <legend> Input(s) <span>[-]</span> </legend> 
            <!-- Draw inputs (includes dealing with crop) -->
            <div id="DrawInputs" ></div>

        
        </fieldset>

        <!-- ******** parameters_fieldset ******** -->
        <fieldset style="border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:auto;display:inline-block;vertical-align:top;" id="parameters_fieldset" >
        <legend> Param <span>[-]</span> </legend> 
            <span>
            <button id="description_params" title="Parameters description and help">description</button>
            </span>
            <button id="reset_params" title="Reset to default values">reset</button>
            <div id="ParamDescription"  title="Parameters description"> </div>
            <div    class="action" 
                    style="align:left;margin-bottom=20px;margin-top=20px" >
                <span id="DisplayParams"> </span>

            </div>
        </fieldset>

        <!-- ******** progress bar ****** -->
        <!-- Progress bar -->
        <style>
            .ui-progressbar {
                position: relative;
            }
            .progress-label {
                position: absolute;
                text-align: center;
                left:40%;
                top: 6px;
                font-weight: bold;
                text-shadow: 1px 1px 0 #fff;
                display: block;
                margin-left: auto;
                margin-right: auto;
            }
            .string { color: green; }
            .number { color: darkorange; }
            .boolean { color: blue; }
            .null { color: magenta; }
            .key { color: red; }
        </style>

        <br>
<!--         <div style="display:inline-block;vertical-align:top;"> -->
        <button id="run_button" style="float:left;vertical-align:middle;height:2em;margin:3px">Run</button>
        <div id="progressbar" style="width:auto;vertical-align:middle;height:2em;margin:3px;">
            <div class="progress-label" > Select demo and input </div>
        </div>
<!--        </div>
        <br>-->

        <!-- Results -->
        <fieldset style="border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:auto;display:inline-block;">
        <legend> Results <span>[-]</span> </legend> 
            <span id="ResultsDisplay"> </span>
        </fieldset>

    </div>
    <div id="tabs-archive">
        <p>Content for archive</p>
    </div>
    <div id="tabs-ddl">
        <pre style="width:92%;white-space:pre;">Content for Tab 4</pre>
    </div>
</div>

</body><commit_msg>[static/JQuery] renamed files<commit_after><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
  <meta http-equiv='content-type' content='text/html; charset=utf-8'/>

  <title>IPOL Journal &middot; </title>

<!--  <link rel="stylesheet" href="jquery-ui/themes/smoothness/jquery-ui.css">
  <script src="jquery/dist/jquery.js"></script>
  <script src="jquery-ui/ui/jquery-ui.js"></script>-->
<!--   <link rel="stylesheet" href="/resources/demos/style.css"> -->
<!--     <link rel="stylesheet" type="text/css" href="test.css">  -->

    <!-- jquery 3.1.0 -->
    <script src="https://code.jquery.com/jquery-3.1.0.min.js"
            integrity="<KEY>
            crossorigin="anonymous"></script>
    <!-- jquery ui 1.12.0 -->
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"
            integrity="<KEY>
            crossorigin="anonymous"></script>
    <link rel="stylesheet" 
     href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
    <!-- demo specific stylesheets -->
    <link rel="stylesheet" href="../CSS/style.css" type="text/css" />
    <link rel="stylesheet" href="../CSS/local.css" type="text/css" />
    <link rel="stylesheet" href="../CSS/demo.css"  type="text/css" />
    <link rel="stylesheet" href="../Angular/css/app.css"  type="text/css" />
    <!-- cropper -->
    <link  href="./cropper_dist/cropper.css" rel="stylesheet">
    <script src="./cropper_dist/cropper.js"></script>

    <!-- noUiSlider -->
    <link href="./noUiSlider/nouislider.min.css" rel="stylesheet">
    <script src="./noUiSlider/nouislider.min.js"></script>
    <script src="./wNumb/wnumb-1.0.2/wNumb.js"></script>

    <!-- canvas-to-blob for uploads -->
    <script src="./canvas-to-blob/canvas-to-blob.min.js"> </script>
    <script src="./blob-util/blob-util.min.js"> </script>

    <!-- sketch.js -->
    <script src="./sketch/sketch.js"> </script>

    <!-- history.js module -->
    <script src="./history.js/scripts/bundled/html4+html5/jquery.history.js"> 
    </script>

</head>

<body>

<script> 
    $.support.cors = true;
</script>
<script src="ipol.archivedisplay.js">             </script>
<script src="ipol.utils.js">                    </script>
<script src="ipol.drawblobs.js">               </script>
<script src="ipol.drawparams.js">               </script>
<script src="ImageGallery/image_gallery.js">    </script>
<script src="ipol.drawresults.js">             </script>
<script src="ipol.features.inpainting.js">          </script>
<script src="ipol.rundemo.js">                  </script>
<script src="ipol.drawinputs.js">              </script>
<script src="ipol.servers.js">                  </script>
<script src="ipol.history.js">                  </script>
<script src="ipol.upload.js">              </script>
<script src="ipol.js">                     </script>

    <div class="pageheader">
      <div id="header">
        <div id="motto">
            <a href="http://www.ipol.im/">
<!--                    <img src="http://www.ipol.im/static/IPOL-header-logo.png"
                alt="IPOL" width="50" height="64" />-->
            IPOL Journal &middot; Image Processing On Line
            </a>
        </div> <!-- #motto -->
        <div id="menu" class="noprint">
            <form action="http://www.google.com/cse" id="search">
            <ul>
                <li><a href="http://www.ipol.im/">HOME</a></li>
                <li><a href="http://www.ipol.im/meta/">ABOUT</a></li>
                <li><a href="http://www.ipol.im/pub/art/">ARTICLES</a></li>
                <li><a href="http://www.ipol.im/pub/pre/">PREPRINTS</a></li>
                <li><a href="http://dev.ipol.im/ws/">WORKSHOPS</a></li>
                <li><a href="http://www.ipol.im/news/">NEWS</a></li>
                <li class="search">
            <input type="hidden" name="cx"
                value="016691498998454533855:WMX-109950614"
                />
            <input type="hidden" name="ie"
                value="UTF-8" />
            <input type="submit"
                value="SEARCH" />
            <input type="text" name="q"
                size="16" id="searchbox"
                value="" />
                </li>
            </ul>
            </form>
        </div> <!-- #menu -->
      </div> <!-- #header -->
    </div> <!-- .pageheader -->




<div id="tabs">
    <ul>
        <li>
            <a href="#tabs-run">Demo</a>
        </li>
        <li>
            <a href="#tabs-archive">Archive</a>
        </li>
        <li>
            <a href="#tabs-ddl">DDL</a>
        </li>
    </ul>
    <div id="tabs-run">

        <span id="demo-select">demos infomation</span>

        <!-- Upload in modal dialog -->
        <div id="upload-dialog" title="Upload data">

            <!-- User data to upload -->

            <div class="upload_input" id="local_data"> </div>

            <p class="note">
                Upload size is limited to  10MB for the whole upload set.
            <br />
            TIFF, JPEG, PNG, GIF, PNM (and 

            <a href="https://tools.ipol.im/wiki/ref/demo_input/">other standard formats</a>)
            are supported.
            The uploaded will be publicly archived unless you switch to
            private mode on the result page.
            <br />
            Only upload
            <a href="https://tools.ipol.im/wiki/ref/demo_input/">suitable images</a>.
            See <a href="https://tools.ipol.im/wiki/ref/demo_input/">the copyright
            and legal conditions</a> for details.
            </p>

        </div>

        <!-- Input Data Selection -->
        <fieldset id="selectinputs_fieldset"  style="border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;">
        <legend> Select input(s) <span>[-]</span> </legend> 

            <button id="description_input" title="Demo description">description</button>
            <div id="InputDescription"  title="Input description"> </div>

            <button id="upload-data" title="Upload your own data">Upload data</button> &nbsp;
            <label>Thumbnail size</label>
            <select id="ThumbnailSize" >
                <option>64</option>
                <option>96</option>
                <option selected="selected">128</option>
                <option>192</option>
                <option>256</option>
            </select> px

            &nbsp;<input  id="ShowCreditsCheckbox" type="checkbox"  >credits
            &nbsp;<input  id="ShowTitlesCheckbox" type="checkbox"  >titles

            <div id="displayblobs" style="height:auto;width:50%;overflow-y:hidden;overflow-x:auto;white-space:nowrap;width: 100%; border: 0; padding: 0; margin: 0;"></div>
            <div style='clear:both'> </div><br/>

        </fieldset>


        <!-- ******** inputs_fieldset ****** -->
        <fieldset id="inputs_fieldset" style="border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:auto;display:inline-block;vertical-align:top;">
        <legend> Input(s) <span>[-]</span> </legend> 
            <!-- Draw inputs (includes dealing with crop) -->
            <div id="DrawInputs" ></div>

        
        </fieldset>

        <!-- ******** parameters_fieldset ******** -->
        <fieldset style="border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:auto;display:inline-block;vertical-align:top;" id="parameters_fieldset" >
        <legend> Param <span>[-]</span> </legend> 
            <span>
            <button id="description_params" title="Parameters description and help">description</button>
            </span>
            <button id="reset_params" title="Reset to default values">reset</button>
            <div id="ParamDescription"  title="Parameters description"> </div>
            <div    class="action" 
                    style="align:left;margin-bottom=20px;margin-top=20px" >
                <span id="DisplayParams"> </span>

            </div>
        </fieldset>

        <!-- ******** progress bar ****** -->
        <!-- Progress bar -->
        <style>
            .ui-progressbar {
                position: relative;
            }
            .progress-label {
                position: absolute;
                text-align: center;
                left:40%;
                top: 6px;
                font-weight: bold;
                text-shadow: 1px 1px 0 #fff;
                display: block;
                margin-left: auto;
                margin-right: auto;
            }
            .string { color: green; }
            .number { color: darkorange; }
            .boolean { color: blue; }
            .null { color: magenta; }
            .key { color: red; }
        </style>

        <br>
<!--         <div style="display:inline-block;vertical-align:top;"> -->
        <button id="run_button" style="float:left;vertical-align:middle;height:2em;margin:3px">Run</button>
        <div id="progressbar" style="width:auto;vertical-align:middle;height:2em;margin:3px;">
            <div class="progress-label" > Select demo and input </div>
        </div>
<!--        </div>
        <br>-->

        <!-- Results -->
        <fieldset style="border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:auto;display:inline-block;">
        <legend> Results <span>[-]</span> </legend> 
            <span id="ResultsDisplay"> </span>
        </fieldset>

    </div>
    <div id="tabs-archive">
        <p>Content for archive</p>
    </div>
    <div id="tabs-ddl">
        <pre style="width:92%;white-space:pre;">Content for Tab 4</pre>
    </div>
</div>

</body>
{'fraction_non_alphanumeric': 0.1867690246792725, 'fraction_numerical': 0.012674532433407182, 'mean_word_length': 1.9769938650306749, 'pattern_counts': {'":': 0, '<': 531, '<?xml version=': 0, '>': 531, 'https://': 12, 'lorem ipsum': 0, 'www.': 18, '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': '2127194', 'n_tokens_mistral': 6333, 'n_tokens_neox': 5964, 'n_words': 1053}