<commit_before><html>

<head>
  <title>Oregon Education Visualization</title>
  <style>
  * {
    font-family: sans-serif;
  }
  
  label {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
  }
  
  svg {
    font: 12px sans-serif;
  }
  
  #chart {
    height: 400px;
    width: 900px;
  }
  
  .node rect {
    cursor: move;
    fill-opacity: .9;
    shape-rendering: crispEdges;
  }
  
  .node text {
    pointer-events: none;
    text-shadow: 0 1px 0 #fff;
  }
  
  .link {
    fill: none;
    stroke: #000;
    stroke-opacity: .2;
  }
  
  .link:hover {
    stroke-opacity: .5;
  }
  
  .filter-container {
    width: 400px;
    display: inline-block;
    padding: 6px;
  }
  
  #filters select,
  #filters label {
    width: 50%;
    text-align: right;
    padding: 0;
  }
  
  #filters label::after {
    content: ": ";
  }
  
  .tabs {
    position: relative;
    cursor: pointer;
    /* This part sucks */
    clear: both;
    margin: 25px 0;
  }

  .tabs::after {
    content: " ";
    display: block;
    clear: both;
  }
  
  .tab {
    float: left;
  }
  
  .tab label {
    background: #eee;
    padding: 10px;
    border: 1px solid #ccc;
    margin-left: -1px;
    position: relative;
    left: 1px;
  }

  .tab:first-child label {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .tab:last-child label {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  
  .tab [type=checkbox] {
    position: absolute;
    opacity: 0;
  }

  [type=checkbox]:checked ~ label {
    background: #ccc;
  }

  </style>
</head>

<body>
  <div id="filters">
    <h3>Filters</h3>
  </div>
  <h2>Scale: <span id="scale"></span></h2>
  <div>
    <div id="pathfilters" class="tabs"></div>
  </div>
  <div id="chart"></div>
  <script type="text/javascript" src="app.js" charset="utf-8"></script>
</body>

</html><commit_msg>add shadow to pressed filter<commit_after><html>

<head>
  <title>Oregon Education Visualization</title>
  <style>
  * {
    font-family: sans-serif;
  }
  
  label {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
  }
  
  svg {
    font: 12px sans-serif;
  }
  
  #chart {
    height: 400px;
    width: 900px;
  }
  
  .node rect {
    cursor: move;
    fill-opacity: .9;
    shape-rendering: crispEdges;
  }
  
  .node text {
    pointer-events: none;
    text-shadow: 0 1px 0 #fff;
  }
  
  .link {
    fill: none;
    stroke: #000;
    stroke-opacity: .2;
  }
  
  .link:hover {
    stroke-opacity: .5;
  }
  
  .filter-container {
    width: 400px;
    display: inline-block;
    padding: 6px;
  }
  
  #filters select,
  #filters label {
    width: 50%;
    text-align: right;
    padding: 0;
  }
  
  #filters label::after {
    content: ": ";
  }
  
  .tabs {
    position: relative;
    cursor: pointer;
    /* This part sucks */
    clear: both;
    margin: 25px 0;
  }

  .tabs::after {
    content: " ";
    display: block;
    clear: both;
  }
  
  .tab {
    float: left;
  }
  
  .tab label {
    background: #eee;
    padding: 10px;
    border: 1px solid #ccc;
    margin-left: -1px;
    position: relative;
    left: 1px;
  }

  .tab:first-child label {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .tab:last-child label {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  
  .tab [type=checkbox] {
    position: absolute;
    opacity: 0;
  }

  [type=checkbox]:checked ~ label {
    background: #ccc;
    border-color: #999;
    box-shadow: 0 4px 9px -6px #999 inset;
    z-index: 1;
  }

  </style>
</head>

<body>
  <div id="filters">
    <h3>Filters</h3>
  </div>
  <h2>Scale: <span id="scale"></span></h2>
  <div>
    <div id="pathfilters" class="tabs"></div>
  </div>
  <div id="chart"></div>
  <script type="text/javascript" src="app.js" charset="utf-8"></script>
</body>

</html>
{'fraction_non_alphanumeric': 0.15985514743921367, 'fraction_numerical': 0.026642524573202275, 'mean_word_length': 2.1490228013029316, 'pattern_counts': {'":': 2, '<': 55, '<?xml version=': 0, '>': 55, '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': '7404835', 'n_tokens_mistral': 1614, 'n_tokens_neox': 1510, 'n_words': 322}