<commit_before><!DOCTYPE html>
<html>

  <head>
    <link href="/css/scrollbar.css" rel="stylesheet" media="screen" type="text/css">
    <link href="/components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" media="screen" type="text/css">
    <link href="/css/lato.css" rel="stylesheet" media="screen" type="text/css">
    <link href="/css/style.css" rel="stylesheet" media="screen" type="text/css">
  </head>

  <body tabindex="1">

    <!-- API Token view -->
    <div id="api-token-view">
      <h3>Welcome to #Clicky!</h3>
      <hr />
      <h4>Read me first...</h4>

      <p class="attention">Slack are aware of ongoing issues affecting user authorization.</p>

      <p class="attention bold">If the button below doesn't work, visit <a id="slack-api" class="linkable" href="https://api.slack.com/web">this page on Slack's website</a>, scroll to the bottom, click 'Create token', and paste the given token below.</p>

      <div id="clicky-token-form" class="input-group">
        <input type="text" id="clicky-token-input" class="form-control" placeholder="Enter Slack token here">
        <span class="input-group-btn">
          <button class="btn btn-default" id="clicky-token-submit" type="button">Go!</button>
        </span>
      </div>

      <hr />

      <h4>Let's get going...</h4>

      <button class="btn btn-default" id="OAuth">Authorize with Slack</button>

      <p>Once you've authorized #Clicky with Slack, come back here to get started!</p>

      <hr />

      <p>Don't worry - #Clicky will never send any messages without you asking it to.</p>

      <p>For help signing in, email <a class="linkable" href="mailto:<EMAIL>"><EMAIL></a> or tweet <a class="linkable" href="https://twitter.com/farpixel">@FarPixel</a> .</p>

      <hr />

      <p id="me-promo"><a class="linkable" href="https://github.com/joshfarrant/slack-clicky">#Clicky</a> by <a class="linkable" href="https://www.twitter.com/farpixel"><NAME></a></p>

    </div>
    <!-- /API Token view -->

    <!-- Main view -->
    <div id="main-view">

      <a id="search-data" class="corner-button search-button">
        <i class="glyphicon glyphicon-search"></i>
      </a>
      <a id="message-data" class="corner-button message-button">
        <i class="glyphicon glyphicon-comment"></i>
      </a>
      <a id="history-data" class="corner-button history-button">
        <i class="glyphicon glyphicon-time"></i>
      </a>
      <a id="settings-data" class="corner-button settings-button">
        <i class="glyphicon glyphicon-cog"></i>
      </a>
      <a id="refresh-data" class="corner-button refresh-button">
        <i class="glyphicon glyphicon-refresh"></i>
      </a>

      <h2 id="title">#Clicky</h2>

      <div id="instructions">
        <p>Great, you're in! Select a channel, user, or group below to share a link!</p>
      </div>


      <div id="search-form" class="input-group">
        <span class="input-group-addon search"><i class="glyphicon glyphicon-search"></i></span>
        <input id="search-input" class="form-control" placeholder="Search">
        <span class="input-group-addon clear"><i class="glyphicon glyphicon-remove-circle"></i></span>
      </div>


      <div id="message-form" class="input-group">
        <span class="input-group-addon message"><i class="glyphicon glyphicon-comment"></i></span>
        <input id="message-input" class="form-control" placeholder="Attach message">
      </div>


      <div id="rooms">

        <div id="channels" class="room" data-visible="true">
          <i class="glyphicon glyphicon-menu-up list-toggle" data-toggle="channelList"></i>
          <h4 class="list-title">Channels</h4>
          <ul id="channelList" class="roomList"><li>Loading...</li></ul>
        </div>

        <div id="users" class="room" data-visible="true">
          <i class="glyphicon glyphicon-menu-up list-toggle" id="user-toggle" data-toggle="userList"></i>
          <h4 class="list-title">Users</h4>
          <ul id="userList" class="roomList"><li>Loading...</li></ul>
        </div>

        <div id="groups" class="room" data-visible="true">
          <i class="glyphicon glyphicon-menu-up list-toggle" id="group-toggle" data-toggle="groupList"></i>
          <h4 class="list-title">Groups</h4>
          <ul id="groupList" class="roomList"><li>Loading...</li></ul>
        </div>

      </div>

      <div id="search">
        <div id="search-results" data-visible="true">
          <i class="glyphicon glyphicon-remove" id="search-results-toggle"></i>
          <h4 class="list-title">Results</h4>
          <ul id="resultList" class="roomList"></ul>
        </div>
      </div>

      <span id="logout">Logout</span>

      <p id="me-promo"><a class="linkable" href="https://github.com/joshfarrant/slack-clicky">#Clicky</a> by <a class="linkable" href="https://www.twitter.com/farpixel"><NAME></a></p>
    </div>
    <!-- /Main view -->

    <!-- History view -->
    <div id="history-view">

      <h2 class="title">History</h2>
      <span id="history-back" class="back">Back</span>

      <div id="history-list">
        <div class="list-group" id="history-list"></div>
      </div>

    </div>
    <!-- /History view -->

    <!-- History view -->
    <div id="settings-view">

      <h2 class="title">Settings</h2>
      <span id="settings-back" class="back">Back</span>

      <div id="settings-list">
        <div class="list-group" id="history-list">

          <div class="settings-item">
            <label for="setting-notifications" class="setting-name">Show notifications</label>
            <div class="setting-toggle"><input id="setting-notifications" type="checkbox"></div>
          </div>

          <div class="settings-item">
            <label for="setting-hideBots" class="setting-name">Hide bots</label>
            <div class="setting-toggle"><input id="setting-hideBots" type="checkbox"></div>
          </div>

          <!-- <div class="settings-item">
            <label for="setting-context" class="setting-name">Show right-click menu</label>
            <div class="setting-toggle"><input id="setting-context" type="checkbox"></div>
          </div> -->

          <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
            <input type="hidden" name="cmd" value="_donations">
            <input type="hidden" name="business" value="<EMAIL>">
            <input type="hidden" name="lc" value="GB">
            <input type="hidden" name="item_name" value="#Clicky for Slack">
            <input type="hidden" name="no_note" value="0">
            <input type="hidden" name="currency_code" value="USD">
            <input type="hidden" name="bn" value="PP-DonationsBF:btn_donate_SM.gif:NonHostedGuest">
            <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
            <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
          </form>


        </div>
      </div>

    </div>
    <!-- /History view -->

  </body>

  <script type="text/javascript" src="/components/jquery/dist/jquery.js"></script>
  <script type="text/javascript" src="/components/bootstrap/dist/js/bootstrap.js"></script>
  <script type="text/javascript" src="/components/moment/moment.js"></script>

  <script src="/js/app.js"></script>

</html><commit_msg>Added 'About' to settings page<commit_after><!DOCTYPE html>
<html>

  <head>
    <link href="/css/scrollbar.css" rel="stylesheet" media="screen" type="text/css">
    <link href="/components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" media="screen" type="text/css">
    <link href="/css/lato.css" rel="stylesheet" media="screen" type="text/css">
    <link href="/css/style.css" rel="stylesheet" media="screen" type="text/css">
  </head>

  <body tabindex="1">

    <!-- API Token view -->
    <div id="api-token-view">
      <h3>Welcome to #Clicky!</h3>
      <hr />
      <h4>Read me first...</h4>

      <p class="attention">Slack are aware of ongoing issues affecting user authorization.</p>

      <p class="attention bold">If the button below doesn't work, visit <a id="slack-api" class="linkable" href="https://api.slack.com/web">this page on Slack's website</a>, scroll to the bottom, click 'Create token', and paste the given token below.</p>

      <div id="clicky-token-form" class="input-group">
        <input type="text" id="clicky-token-input" class="form-control" placeholder="Enter Slack token here">
        <span class="input-group-btn">
          <button class="btn btn-default" id="clicky-token-submit" type="button">Go!</button>
        </span>
      </div>

      <hr />

      <h4>Let's get going...</h4>

      <button class="btn btn-default" id="OAuth">Authorize with Slack</button>

      <p>Once you've authorized #Clicky with Slack, come back here to get started!</p>

      <hr />

      <p>Don't worry - #Clicky will never send any messages without you asking it to.</p>

      <p>For help signing in, email <a class="linkable" href="mailto:<EMAIL>"><EMAIL></a> or tweet <a class="linkable" href="https://twitter.com/farpixel">@FarPixel</a> .</p>

      <hr />

      <p id="me-promo"><a class="linkable" href="https://github.com/joshfarrant/slack-clicky">#Clicky</a> by <a class="linkable" href="https://www.twitter.com/farpixel"><NAME></a></p>

    </div>
    <!-- /API Token view -->

    <!-- Main view -->
    <div id="main-view">

      <a id="search-data" class="corner-button search-button">
        <i class="glyphicon glyphicon-search"></i>
      </a>
      <a id="message-data" class="corner-button message-button">
        <i class="glyphicon glyphicon-comment"></i>
      </a>
      <a id="history-data" class="corner-button history-button">
        <i class="glyphicon glyphicon-time"></i>
      </a>
      <a id="settings-data" class="corner-button settings-button">
        <i class="glyphicon glyphicon-cog"></i>
      </a>
      <a id="refresh-data" class="corner-button refresh-button">
        <i class="glyphicon glyphicon-refresh"></i>
      </a>

      <h2 id="title">#Clicky</h2>

      <div id="instructions">
        <p>Great, you're in! Select a channel, user, or group below to share a link!</p>
      </div>


      <div id="search-form" class="input-group">
        <span class="input-group-addon search"><i class="glyphicon glyphicon-search"></i></span>
        <input id="search-input" class="form-control" placeholder="Search">
        <span class="input-group-addon clear"><i class="glyphicon glyphicon-remove-circle"></i></span>
      </div>


      <div id="message-form" class="input-group">
        <span class="input-group-addon message"><i class="glyphicon glyphicon-comment"></i></span>
        <input id="message-input" class="form-control" placeholder="Attach message">
      </div>


      <div id="rooms">

        <div id="channels" class="room" data-visible="true">
          <i class="glyphicon glyphicon-menu-up list-toggle" data-toggle="channelList"></i>
          <h4 class="list-title">Channels</h4>
          <ul id="channelList" class="roomList"><li>Loading...</li></ul>
        </div>

        <div id="users" class="room" data-visible="true">
          <i class="glyphicon glyphicon-menu-up list-toggle" id="user-toggle" data-toggle="userList"></i>
          <h4 class="list-title">Users</h4>
          <ul id="userList" class="roomList"><li>Loading...</li></ul>
        </div>

        <div id="groups" class="room" data-visible="true">
          <i class="glyphicon glyphicon-menu-up list-toggle" id="group-toggle" data-toggle="groupList"></i>
          <h4 class="list-title">Groups</h4>
          <ul id="groupList" class="roomList"><li>Loading...</li></ul>
        </div>

      </div>

      <div id="search">
        <div id="search-results" data-visible="true">
          <i class="glyphicon glyphicon-remove" id="search-results-toggle"></i>
          <h4 class="list-title">Results</h4>
          <ul id="resultList" class="roomList"></ul>
        </div>
      </div>

      <span id="logout">Logout</span>

      <p id="me-promo"><a class="linkable" href="https://github.com/joshfarrant/slack-clicky">#Clicky</a> by <a class="linkable" href="https://www.twitter.com/farpixel"><NAME></a></p>
    </div>
    <!-- /Main view -->

    <!-- History view -->
    <div id="history-view">

      <h2 class="title">History</h2>
      <span id="history-back" class="back">Back</span>

      <div id="history-list">
        <div class="list-group" id="history-list"></div>
      </div>

    </div>
    <!-- /History view -->

    <!-- History view -->
    <div id="settings-view">

      <h2 class="title">Settings</h2>
      <span id="settings-back" class="back">Back</span>

      <div id="settings-list">
        <div class="list-group" id="history-list">

          <div class="settings-item">
            <label for="setting-notifications" class="setting-name">Show notifications</label>
            <div class="setting-toggle"><input id="setting-notifications" type="checkbox"></div>
          </div>

          <div class="settings-item">
            <label for="setting-hideBots" class="setting-name">Hide bots</label>
            <div class="setting-toggle"><input id="setting-hideBots" type="checkbox"></div>
          </div>

          <!-- <div class="settings-item">
            <label for="setting-context" class="setting-name">Show right-click menu</label>
            <div class="setting-toggle"><input id="setting-context" type="checkbox"></div>
          </div> -->

          <h4 class="list-title">About</h4>
          <p>
            If you have any questions, comments, or feedback then get in touch by tweeting
            <a class="linkable" href="https://twitter.com/farpixel">@FarPixel</a>
            or emailing
            <a class="linkable" href="mailto:<EMAIL>"><EMAIL></a>.
          </p>
          <p>
            #Clicky is open source and can be found on
            <a class="linkable" href="https://github.com/joshfarrant/slack-clicky">GitHub</a> .
          </p>

          <h4 class="list-title">Love #Clicky?</h4>
          <p>
            Why not consider making a donation to help support #Clicky.
          </p>

          <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
            <input type="hidden" name="cmd" value="_donations">
            <input type="hidden" name="business" value="<EMAIL>">
            <input type="hidden" name="lc" value="GB">
            <input type="hidden" name="item_name" value="#Clicky for Slack">
            <input type="hidden" name="no_note" value="0">
            <input type="hidden" name="currency_code" value="USD">
            <input type="hidden" name="bn" value="PP-DonationsBF:btn_donate_SM.gif:NonHostedGuest">
            <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
            <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
          </form>


        </div>
      </div>

    </div>
    <!-- /History view -->

  </body>

  <script type="text/javascript" src="/components/jquery/dist/jquery.js"></script>
  <script type="text/javascript" src="/components/bootstrap/dist/js/bootstrap.js"></script>
  <script type="text/javascript" src="/components/moment/moment.js"></script>

  <script src="/js/app.js"></script>

</html>
{'fraction_non_alphanumeric': 0.19197891895366026, 'fraction_numerical': 0.0035992030336139853, 'mean_word_length': 2.8783649052841476, 'pattern_counts': {'":': 0, '<': 469, '<?xml version=': 0, '>': 469, 'https://': 20, 'lorem ipsum': 0, 'www.': 10, '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': '7263469', 'n_tokens_mistral': 5051, 'n_tokens_neox': 4856, 'n_words': 1008}