<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Dark Souls Map Viewer</title>
  <link href="css/reset.css" rel="stylesheet" type="text/css">
  <link href="css/foundation.min.css" rel="stylesheet" type="text/css">
  <style>
  input {
    margin-bottom: 0.2rem !important;
  }
  button {
    margin-bottom: 0rem !important;
  }
  input.pos {
    display: inline;
    width: 2rem;
    margin-bottom: 0.5rem !important;
  }
  label {
    display: inline;
  }
  </style>

  <script src="js/lib/jquery-2.1.1.min.js"></script>
  <script src="js/lib/three.min.js"></script>

  <script src="js/BigShader.js"></script>
  <script src="js/Interface.js"></script>
  <script src="js/Controls.js"></script>
  <script src="js/SceneLoader.js"></script>
  <script src="js/Config.js"></script>
</head>

<body style="overflow:hidden;">
  <div id="sidebar" class="panel" style="height: 100vh; width: 25rem; float: right; overflow: auto">
    <h4>Dark Souls Map Viewer</h4>
    <hr>
    <label>
      W, A, S, D, R, F &mdash; Move<br>
      Shift &mdash; Speed up<br>
      Mouse &mdash; Look<br>
    </label>
    <hr>
    <label><input id="normalShading" type="checkbox" onchange="iface.toggleNormalShading()"> Show normals</label><br>
    <label><input id="edgeHighlight" type="checkbox" onchange="iface.toggleEdgeHighlighting()"> Highlight edges</label><br>
    <label><input id="edgeAttenuation" type="checkbox" onchange="iface.toggleEdgeAttenuation()"> Attenuate edge highlighting with distance</label><br>
    <label><input id="backfaceCulling" type="checkbox" onchange="iface.toggleBackfaceCulling()"> Cull backfaces</label><br>
    <label><input id="wrapAround" type="checkbox" onchange="iface.toggleWrapAround()"> Wrap-around lighting</label><br>

    <label><input type="color" value="#000000" onchange="iface.setEdgeColor(this.value)"> Edge color</label><br>
    <label><input type="color" value="#ffffff" onchange="iface.setLightColor(this.value)"> Light color</label><br>

    <label>x: <input id="light-x" class="pos" onchange="iface.setLightPos(this.value, null, null)"></label>
    <label>y: <input id="light-y" class="pos" onchange="iface.setLightPos(null, this.value, null)"></label>
    <label>z: <input id="light-z" class="pos" onchange="iface.setLightPos(null, null, this.value)"></label>
    <label>Light position</label><br>

    <button class="button tiny" onclick="iface.resetCamera()">Reset camera position</button>
    <hr>
    <select onchange="iface.swapGames(this.value)">
      <option value="ds1">Dark Souls 1</option>
      <option value="ds2">Dark Souls 2</option>
    </select><br>
    <div id="ds1" class="file-list"></div>
    <div id="ds2" class="file-list"></div>
  </div>
  <div id="canvas" style="height: 100%; margin-right: 25rem;"></div>

  <script>
  var sidebar, canvas, renderer, clock, scene, camera, controls, material,
      meshes, light, iface;

  /**
   * Create and set all global variables and controls
   */
  function init() {
    sidebar = $('#sidebar');
    canvas = $('#canvas');

    renderer = new THREE.WebGLRenderer({ antialias: true });
    renderer.setSize(canvas.width(), canvas.height());
    canvas.append(renderer.domElement);<commit_msg>Clarify interface<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Dark Souls Map Viewer</title>
  <link href="css/reset.css" rel="stylesheet" type="text/css">
  <link href="css/foundation.min.css" rel="stylesheet" type="text/css">
  <style>
  input {
    margin-bottom: 0.2rem !important;
  }
  button {
    margin-bottom: 0rem !important;
  }
  input.pos {
    display: inline;
    width: 2rem;
    margin-bottom: 0.5rem !important;
  }
  label {
    display: inline;
  }
  </style>

  <script src="js/lib/jquery-2.1.1.min.js"></script>
  <script src="js/lib/three.min.js"></script>

  <script src="js/BigShader.js"></script>
  <script src="js/Interface.js"></script>
  <script src="js/Controls.js"></script>
  <script src="js/SceneLoader.js"></script>
  <script src="js/Config.js"></script>
</head>

<body style="overflow:hidden;">
  <div id="sidebar" class="panel" style="height: 100vh; width: 25rem; float: right; overflow: auto">
    <h4>Dark Souls Map Viewer</h4>
    <hr>
    <label>
      W, A, S, D, R, F &mdash; Move<br>
      Shift &mdash; Speed up<br>
      Mouse &mdash; Look<br>
    </label>
    <hr>
    <label><input id="normalShading" type="checkbox" onchange="iface.toggleNormalShading()"> Show normals</label><br>
    <label><input id="edgeHighlight" type="checkbox" onchange="iface.toggleEdgeHighlighting()"> Highlight edges</label><br>
    <label><input id="edgeAttenuation" type="checkbox" onchange="iface.toggleEdgeAttenuation()"> Attenuate edge highlighting with distance</label><br>
    <label><input id="backfaceCulling" type="checkbox" onchange="iface.toggleBackfaceCulling()"> Cull backfaces</label><br>
    <label><input id="wrapAround" type="checkbox" onchange="iface.toggleWrapAround()"> Wrap-around lighting</label><br>

    <label><input type="color" value="#000000" onchange="iface.setEdgeColor(this.value)"> Edge color</label><br>
    <label><input type="color" value="#ffffff" onchange="iface.setLightColor(this.value)"> Light color</label><br>

    <label>x: <input id="light-x" class="pos" onchange="iface.setLightPos(this.value, null, null)"></label>
    <label>y: <input id="light-y" class="pos" onchange="iface.setLightPos(null, this.value, null)"></label>
    <label>z: <input id="light-z" class="pos" onchange="iface.setLightPos(null, null, this.value)"></label>
    <label>Light direction</label><br>

    <button class="button tiny" onclick="iface.resetCamera()">Reset camera position</button>
    <hr>
    <select onchange="iface.swapGames(this.value)">
      <option value="ds1">Dark Souls 1</option>
      <option value="ds2">Dark Souls 2</option>
    </select><br>
    <div id="ds1" class="file-list"></div>
    <div id="ds2" class="file-list"></div>
  </div>
  <div id="canvas" style="height: 100%; margin-right: 25rem;"></div>

  <script>
  var sidebar, canvas, renderer, clock, scene, camera, controls, material,
      meshes, light, iface;

  /**
   * Create and set all global variables and controls
   */
  function init() {
    sidebar = $('#sidebar');
    canvas = $('#canvas');

    renderer = new THREE.WebGLRenderer({ antialias: true });
    renderer.setSize(canvas.width(), canvas.height());
    canvas.append(renderer.domElement);
{'fraction_non_alphanumeric': 0.1878966104318217, 'fraction_numerical': 0.010524686581024609, 'mean_word_length': 4.561101549053356, 'pattern_counts': {'":': 0, '<': 191, '<?xml version=': 0, '>': 191, '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': '4244286', 'n_tokens_mistral': 2252, 'n_tokens_neox': 2171, 'n_words': 450}