<commit_before><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Sprung</title>

  <link rel="stylesheet" type="text/css" href="semantic-site_files/css.css" />
  <link rel="stylesheet" type="text/css" href="semantic-ui/css/semantic.min.css" />
  <link rel="stylesheet" type="text/css" href="app.css">

  <style type="text/css">
  body.modaled{
    overflow:hidden;
  }
  .accordion .title.active{position:relative}
  .accordion .content{overflow:auto}
  .ui.active.modal {
    top: 2em;
    bottom: 2em;
    margin-top: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
  </style>
</head>
<body id="example"
  v-class="pushed: ui.sidebarIsOpen,
    left: ui.sidebarIsOpen,
    modaled: ui.modalIsOpen">
  <!-- collapsible sidebar -->
  <div class="ui large vertical inverted labeled sidebar menu" id="menu"
    v-class="active: ui.sidebarIsOpen"
    v-component="thing-notebook-list">
      <a class="item" v-on="click: unsetCurrent" v-class="active: current.notebook == false">
        All
      </a>
      <a class="item" v-on="click: setCurrent(this), click: $root.toggleSidebar()" v-class="active: current.notebook == id"
        v-repeat="items.rows">
        {{key}}
      </a>
    </div>
  </div>

  <!-- header menu -->
  <div class="ui fixed transparent inverted main menu">
    <div class="container">
      <a class="launch item" v-on="click: toggleSidebar">
        <i class="icon list layout"></i>
        <span v-if="current.notebook_name">{{current.notebook_name}}</span>
        <span v-if="!current.notebook_name">Notebooks</span>
      </a>

      <div class="section ui dropdown simple link item"
        v-component="thing-type-list" v-with="notebook: current.notebook"
        v-on="click: this.$el.firstElementChild.classList.toggle('visible')">
        <strong v-if="!current.type" class="text">
          All Types
        </strong>
        <strong v-if="current.type" class="text">
          <i class="{{current.type | iconize}} icon"></i>
          {{current.type}}
        </strong>
        <i class="dropdown icon"></i>
        <div class="menu">
          <div class="item" v-on="click: current.type = false"
            v-class="active: current.type == false">
            All
          </div>
          <div class="item" v-on="click: current.type = type"
            v-class="active: current.type == type"
            v-repeat="types">
            <i class="{{type | iconize}} icon"></i>
            {{type}}
          </div>
        </div>
      </div>
      <div class="item">
        <a class="ui green icon button"
          v-on="click: openMakeModal"><i class="plus icon"></i></a>
      </div>

      <div class="right menu">
        <a class="icon upload item"
          v-on="click: importFile">
          <i class="icon upload"></i>
          Import
        </a>
              <form class="ui form" style="display:none"
                v-component="import-form">
                <input id="export-file" v-on="change: processImport" type="file" />
              </form>

        <a class="icon github item" href="https://github.com/bigbluehat/sprung">
          <i class="icon github"></i>
        </a>
        <!--
        <div class="ui simple dropdown item">
          <i class="icon tint"></i> Theme
          <div class="theme menu">
            <div class="active item" data-theme="flat">Flat</div>
            <div class="item" data-theme="shaded">Shaded</div>
            <div class="item" data-theme="classic">Classic</div>
          </div>
        </div>
        !-->
      </div>
    </div>
  </div>
  <article class="content"
    v-component="thing-list"
    v-with="notebook: current.notebook, type: current.type">
    <div class="ui six stackable items">
      <div class="item" v-repeat="items.rows"
        data-thing-id="{{doc._id}}"
        v-on="click: modalMe">
        <div class="image">
          <img v-attr="src: doc.image" />
          <a class="like ui corner label">
            <i class="like icon" v-class="active: doc.liked"></i>
          </a>
        </div>
        <div class="content">
          <div class="name">{{doc.name}}</div>
          <p class="description">{{{doc.description}}}</p>
        </div>
      </div>
    </div>
  </article>

  <script src="app.js"></script>
</body>
</html><commit_msg>Card layout & type display tweakage<commit_after><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Sprung</title>

  <link rel="stylesheet" type="text/css" href="semantic-site_files/css.css" />
  <link rel="stylesheet" type="text/css" href="semantic-ui/css/semantic.min.css" />
  <link rel="stylesheet" type="text/css" href="app.css">

  <style type="text/css">
  body.modaled{
    overflow:hidden;
  }
  .accordion .title.active{position:relative}
  .accordion .content{overflow:auto}
  .ui.active.modal {
    top: 2em;
    bottom: 2em;
    margin-top: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
  </style>
</head>
<body id="example"
  v-class="pushed: ui.sidebarIsOpen,
    left: ui.sidebarIsOpen,
    modaled: ui.modalIsOpen">
  <!-- collapsible sidebar -->
  <div class="ui large vertical inverted labeled sidebar menu" id="menu"
    v-class="active: ui.sidebarIsOpen"
    v-component="thing-notebook-list">
      <a class="item" v-on="click: unsetCurrent" v-class="active: current.notebook == false">
        All
      </a>
      <a class="item" v-on="click: setCurrent(this), click: $root.toggleSidebar()" v-class="active: current.notebook == id"
        v-repeat="items.rows">
        {{key}}
      </a>
    </div>
  </div>

  <!-- header menu -->
  <div class="ui fixed transparent inverted main menu">
    <div class="container">
      <a class="launch item" v-on="click: toggleSidebar">
        <i class="icon list layout"></i>
        <span v-if="current.notebook_name">{{current.notebook_name}}</span>
        <span v-if="!current.notebook_name">Notebooks</span>
      </a>

      <div class="section ui dropdown simple link item"
        v-component="thing-type-list" v-with="notebook: current.notebook"
        v-on="click: this.$el.firstElementChild.classList.toggle('visible')">
        <strong v-if="!current.type" class="text">
          All Types
        </strong>
        <strong v-if="current.type" class="text">
          <i class="{{current.type | iconize}} icon"></i>
          {{current.type}}
        </strong>
        <i class="dropdown icon"></i>
        <div class="menu">
          <div class="item" v-on="click: current.type = false"
            v-class="active: current.type == false">
            All
          </div>
          <div class="item" v-on="click: current.type = type"
            v-class="active: current.type == type"
            v-repeat="types">
            <i class="{{type | iconize}} icon"></i>
            {{type}}
          </div>
        </div>
      </div>
      <div class="item">
        <a class="ui green icon button"
          v-on="click: openMakeModal"><i class="plus icon"></i></a>
      </div>

      <div class="right menu">
        <a class="icon upload item"
          v-on="click: importFile">
          <i class="icon upload"></i>
          Import
        </a>
              <form class="ui form" style="display:none"
                v-component="import-form">
                <input id="export-file" v-on="change: processImport" type="file" />
              </form>

        <a class="icon github item" href="https://github.com/bigbluehat/sprung">
          <i class="icon github"></i>
        </a>
        <!--
        <div class="ui simple dropdown item">
          <i class="icon tint"></i> Theme
          <div class="theme menu">
            <div class="active item" data-theme="flat">Flat</div>
            <div class="item" data-theme="shaded">Shaded</div>
            <div class="item" data-theme="classic">Classic</div>
          </div>
        </div>
        !-->
      </div>
    </div>
  </div>
  <article class="content"
    v-component="thing-list"
    v-with="notebook: current.notebook, type: current.type">
    <div class="ui four stackable items">
      <div class="item" v-repeat="items.rows"
        data-thing-id="{{doc._id}}"
        v-on="click: modalMe">
        <a class="ui left corner label"
          v-if="doc.image" title="{{doc.type}}">
          <i class="{{doc.type | iconize}} icon"></i>
        </a>
        <div class="image"
          v-if="doc.image">
          <img v-attr="src: doc.image" />
        </div>
        <div class="content">
          <div class="name">
            <i v-if="!doc.image" class="{{doc.type | iconize}} icon"></i>
            {{doc.name}}
          </div>
          <p v-if="doc.description" class="description">{{{doc.description}}}</p>
          <p v-if="!doc.description && doc.text" class="description">{{{doc.text}}}</p>
        </div>
      </div>
    </div>
  </article>

  <script src="app.js"></script>
</body>
</html>
{'fraction_non_alphanumeric': 0.18553561718325176, 'fraction_numerical': 0.0015225666122892876, 'mean_word_length': 2.329471397538016, 'pattern_counts': {'":': 0, '<': 225, '<?xml version=': 0, '>': 225, 'https://': 2, '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': '7564532', 'n_tokens_mistral': 2999, 'n_tokens_neox': 2937, 'n_words': 615}