<commit_before><!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <link href="favicon.png" rel="shortcut icon" type="image/png">

    <!-- Bootstrap -->
    <link href="3rdparty/css/bootstrap.min.css" rel="stylesheet">

    <!-- Font Awesome -->
    <link href="3rdparty/css/font-awesome.min.css" rel="stylesheet">

    <link rel="stylesheet" href="index.min.css"/>

  </head>
  <body id="application" @click="$refs.navbar.hideTags()">

    <navigation-bar :active-view="mainView" :tags="tags" :profile="profile" :search="search" :settings="settings" :archived="archived" v-ref:navbar></navigation-bar>

    <modal-settings id="modalSettings"></modal-settings>
    <modal-browser-extensions id="modalExtensions"></modal-browser-extensions>
    <modal-import id="modalImport"></modal-import>
    <modal-cheatsheet id="modalCheatSheet"></modal-cheatsheet>
    <modal-mailbox id="modalMailbox"></modal-mailbox>

    <div v-if="mainView === 'loader'" v-cloak>
      <view-loading></view-loading>
    </div>

    <div v-if="mainView === 'login'" v-cloak>
      <view-login></view-login>
    </div>

    <div v-show="mainView === 'content'" @drop="dropOrPasteHandler" @dragover="dragOver" v-cloak>
      <div :class="{ 'container': !settings.wide, 'container-fluid': settings.wide }">
        <div class="row">
          <div class="col-md-1" v-show="settings.showTagSidebar">
            <tag-sidebar :tags="tags"></tag-sidebar>
          </div>
          <div :class="{ 'col-md-10': !settings.wide, 'col-md-offset-1': (!settings.wide && !settings.showTagSidebar), 'col-md-11': (settings.wide && settings.showTagSidebar), 'col-md-12': (settings.wide && !settings.showTagSidebar) }">
            <div class="well" :class="{ edit: !!thingContent }" @click="giveAddFocus()" v-show="!archived">
              <div class="card-content align-right">
                <input id="addAttachment" type="file" @change="attachmentChanged($event)" class="hide" multiple>
                <div class="card-actions" v-show="thingContent">
                  <span>
                    <button class="btn btn-default" title="Insert Image" @click="triggerAttachmentUpload()"><i class="fa fa-image"></i></button>
                    &nbsp;
                    <a class="btn btn-default" title="Cheatsheet" href="#modalCheatSheet" data-toggle="modal"><i class="fa fa-keyboard-o"></i></a>
                    &nbsp;
                    <button class="btn btn-default" @click="addThing()" title="Add (Ctrl+S)"><i class="fa fa-check"></i></button>
                    <div class="progress" v-show="uploadProgress > -1"><div class="progress-bar" role="progressbar" style="min-width: 12em; width: {{ uploadProgress }}%">Uploading files...{{ uploadProgress }}%</div></div>
                  </span>
                </div>
                <textarea id="addTextarea" class="new-thing" placeholder="Add something..." v-model="thingContent" :class="{ active: !!thingContent }" v-show="!busyAdd" @drop="dropOrPasteHandler" @dragover="preventEventBubble" @paste="dropOrPasteHandler"></textarea>
                <div class="propose-tags">
                  <div class="item" v-for="tag in tags | proposeTags thingContent '#addTextarea' true 1">
                    <a href="#" @click.prevent="activateProposedTag(tag)">#{{ tag.name }}</a>
                  </div>
                </div>
                <div v-show="busyAdd"><center><i class="spinner large"></i><br/><br/></center></div>
              </div>
            </div>
            <div v-show="archived">
                <h3 style="margin-top: 0">Archive</h3>
             </div>
            <div v-show="!busyThings">
              <div v-show="things.length === 0" class="align-center">Nothing found</div>
              <thing v-for="item in things" :thing="item" :profile="profile" track-by="id"></thing>
              <view-loading v-show="busyFetchMore"></view-loading>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="guacamoly-settings-node" class="hide"></div>

    <script type="text/javascript" src="3rdparty/jquery.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/vue.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/shortcut.js"></script>
    <script type="text/javascript" src="3rdparty/js/twemoji.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/markdown-it.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/markdown-it-emoji.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/superagent.js"></script>

    <script type="text/javascript" src="js/core.js"></script>

    <%- include templates/navigation-bar.html %>
    <%- include templates/tag-sidebar.html %>
    <%- include templates/modal-settings.html %>
    <%- include templates/modal-browser-extensions.html %>
    <%- include templates/modal-cheatsheet.html %>
    <%- include templates/modal-mailbox.html %>
    <%- include templates/modal-import.html %>
    <%- include templates/view-login.html %>
    <%- include templates/view-loading.html %>
    <%- include templates/thing.html %>

    <script type="text/javascript" src="js/util.js"></script>
    <script type="text/javascript" src="js/index.js"></script>

  </body>
</html>
<commit_msg>Hide tags sidebar on small screens<commit_after><!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <link href="favicon.png" rel="shortcut icon" type="image/png">

    <!-- Bootstrap -->
    <link href="3rdparty/css/bootstrap.min.css" rel="stylesheet">

    <!-- Font Awesome -->
    <link href="3rdparty/css/font-awesome.min.css" rel="stylesheet">

    <link rel="stylesheet" href="index.min.css"/>

  </head>
  <body id="application" @click="$refs.navbar.hideTags()">

    <navigation-bar :active-view="mainView" :tags="tags" :profile="profile" :search="search" :settings="settings" :archived="archived" v-ref:navbar></navigation-bar>

    <modal-settings id="modalSettings"></modal-settings>
    <modal-browser-extensions id="modalExtensions"></modal-browser-extensions>
    <modal-import id="modalImport"></modal-import>
    <modal-cheatsheet id="modalCheatSheet"></modal-cheatsheet>
    <modal-mailbox id="modalMailbox"></modal-mailbox>

    <div v-if="mainView === 'loader'" v-cloak>
      <view-loading></view-loading>
    </div>

    <div v-if="mainView === 'login'" v-cloak>
      <view-login></view-login>
    </div>

    <div v-show="mainView === 'content'" @drop="dropOrPasteHandler" @dragover="dragOver" v-cloak>
      <div :class="{ 'container': !settings.wide, 'container-fluid': settings.wide }">
        <div class="row">
          <div class="col-md-1 hidden-xs hidden-sm" v-show="settings.showTagSidebar">
            <tag-sidebar :tags="tags"></tag-sidebar>
          </div>
          <div :class="{ 'col-md-10': !settings.wide, 'col-md-offset-1': (!settings.wide && !settings.showTagSidebar), 'col-md-11': (settings.wide && settings.showTagSidebar), 'col-md-12': (settings.wide && !settings.showTagSidebar) }">
            <div class="well" :class="{ edit: !!thingContent }" @click="giveAddFocus()" v-show="!archived">
              <div class="card-content align-right">
                <input id="addAttachment" type="file" @change="attachmentChanged($event)" class="hide" multiple>
                <div class="card-actions" v-show="thingContent">
                  <span>
                    <button class="btn btn-default" title="Insert Image" @click="triggerAttachmentUpload()"><i class="fa fa-image"></i></button>
                    &nbsp;
                    <a class="btn btn-default" title="Cheatsheet" href="#modalCheatSheet" data-toggle="modal"><i class="fa fa-keyboard-o"></i></a>
                    &nbsp;
                    <button class="btn btn-default" @click="addThing()" title="Add (Ctrl+S)"><i class="fa fa-check"></i></button>
                    <div class="progress" v-show="uploadProgress > -1"><div class="progress-bar" role="progressbar" style="min-width: 12em; width: {{ uploadProgress }}%">Uploading files...{{ uploadProgress }}%</div></div>
                  </span>
                </div>
                <textarea id="addTextarea" class="new-thing" placeholder="Add something..." v-model="thingContent" :class="{ active: !!thingContent }" v-show="!busyAdd" @drop="dropOrPasteHandler" @dragover="preventEventBubble" @paste="dropOrPasteHandler"></textarea>
                <div class="propose-tags">
                  <div class="item" v-for="tag in tags | proposeTags thingContent '#addTextarea' true 1">
                    <a href="#" @click.prevent="activateProposedTag(tag)">#{{ tag.name }}</a>
                  </div>
                </div>
                <div v-show="busyAdd"><center><i class="spinner large"></i><br/><br/></center></div>
              </div>
            </div>
            <div v-show="archived">
                <h3 style="margin-top: 0">Archive</h3>
             </div>
            <div v-show="!busyThings">
              <div v-show="things.length === 0" class="align-center">Nothing found</div>
              <thing v-for="item in things" :thing="item" :profile="profile" track-by="id"></thing>
              <view-loading v-show="busyFetchMore"></view-loading>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="guacamoly-settings-node" class="hide"></div>

    <script type="text/javascript" src="3rdparty/jquery.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/vue.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/shortcut.js"></script>
    <script type="text/javascript" src="3rdparty/js/twemoji.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/markdown-it.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/markdown-it-emoji.min.js"></script>
    <script type="text/javascript" src="3rdparty/js/superagent.js"></script>

    <script type="text/javascript" src="js/core.js"></script>

    <%- include templates/navigation-bar.html %>
    <%- include templates/tag-sidebar.html %>
    <%- include templates/modal-settings.html %>
    <%- include templates/modal-browser-extensions.html %>
    <%- include templates/modal-cheatsheet.html %>
    <%- include templates/modal-mailbox.html %>
    <%- include templates/modal-import.html %>
    <%- include templates/view-login.html %>
    <%- include templates/view-loading.html %>
    <%- include templates/thing.html %>

    <script type="text/javascript" src="js/util.js"></script>
    <script type="text/javascript" src="js/index.js"></script>

  </body>
</html>

{'fraction_non_alphanumeric': 0.19371775142572645, 'fraction_numerical': 0.005250294197519689, 'mean_word_length': 3.0291757840991975, 'pattern_counts': {'":': 0, '<': 275, '<?xml version=': 0, '>': 277, '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': '4510683', 'n_tokens_mistral': 3545, 'n_tokens_neox': 3359, 'n_words': 571}