<commit_before><!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta charset="UTF-8">
    <title>Buffer Style Guide</title>
    <link href="css/style.css" rel="stylesheet">
    <link href="css/guide.css" rel="stylesheet">
    <link href="//s3.amazonaws.com/buffer-icons/0.5.0/buffer-icons.css" type="text/css" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700" rel="stylesheet" type="text/css">
  </head>
  <body class="app">
    <div class="navbar">
      <div class="navbar-title">
        <i class="bi bi-buffer"></i>Style Guide
      </div>
    </div>
    <div class="body">
      <div class="sidebar">
        <div class="card">
          <ul class="sidebar-style-guide-list">
            <li><a href="index.html">Introduction</a></li>
            <li><a href="buttons.html">Buttons</a></li>
            <li><a href="cards.html">Cards</a></li>
            <li><a href="colors.html">Colors</a></li>
            <li><a href="grid-system.html">Grid System</a></li>
            <li><a href="inputs.html">Inputs</a></li>
            <li><a href="metabars.html">MetaBars</a></li>
            <li><a href="navbars.html">NavBars</a></li>
            <li><a href="notifications.html">Notifications</a></li>
            <li><a href="posts.html">Posts</a></li>
            <li><a href="profile-pictures.html">Profile Pictures</a></li>
            <li><a href="static-pages.html">Static Pages</a></li>
            <li><a href="tags.html">Tags</a></li>
            <li><a class="sidebar-style-guide-list--last" href="typography.html">Typography</a></li>
          </ul>
        </div>
      </div>
      <div class="content">
        <div class="card">
          <div class="section">
            <h1>Introduction</h1>
            <p>This style guide is a work in progress. Our goal for the Buffer Style Guide is to provide a library of all atoms, molecules, organisms, templates, and pages that make up the Buffer web app and company website.</p>
            <p>Our Style Guide was designed with these goals in mind:</p>
            <ul>
              <li>To be the point of truth for our user interface for the Buffer web app.</li>
              <li>To enable us to move faster with design that has been tested by the Growth team.</li>
              <li>To introduce a level of data-driven thinking when building and designing.</li>
              <li>To help make software development easier.</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="js/bundle.js"></script><commit_msg>Update index.html with new BEM CSS class names.<commit_after><!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta charset="UTF-8">
    <title>Buffer Style Guide</title>
    <link href="css/style.css" rel="stylesheet">
    <link href="css/guide.css" rel="stylesheet">
    <link href="//s3.amazonaws.com/buffer-icons/0.5.0/buffer-icons.css" type="text/css" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700" rel="stylesheet" type="text/css">
  </head>
  <body class="app">
    <div class="NavBar">
      <div class="NavBar__title">
        <i class="bi bi-buffer"></i>Style Guide
      </div>
    </div>
    <div class="body">
      <div class="sidebar">
        <div class="Card">
          <ul class="sidebar-style-guide-list">
            <li><a href="index.html">Introduction</a></li>
            <li><a href="buttons.html">Buttons</a></li>
            <li><a href="cards.html">Cards</a></li>
            <li><a href="colors.html">Colors</a></li>
            <li><a href="grid-system.html">Grid System</a></li>
            <li><a href="inputs.html">Inputs</a></li>
            <li><a href="metabars.html">MetaBars</a></li>
            <li><a href="navbars.html">NavBars</a></li>
            <li><a href="notifications.html">Notifications</a></li>
            <li><a href="posts.html">Posts</a></li>
            <li><a href="profile-pictures.html">Profile Pictures</a></li>
            <li><a href="static-pages.html">Static Pages</a></li>
            <li><a href="tags.html">Tags</a></li>
            <li><a class="sidebar-style-guide-list--last" href="typography.html">Typography</a></li>
          </ul>
        </div>
      </div>
      <div class="content">
        <div class="Card">
          <div class="section">
            <h1>Introduction</h1>
            <p>This style guide is a work in progress. Our goal for the Buffer Style Guide is to provide a library of all atoms, molecules, organisms, templates, and pages that make up the Buffer web app and company website.</p>
            <p>Our Style Guide was designed with these goals in mind:</p>
            <ul>
              <li>To be the point of truth for our user interface for the Buffer web app.</li>
              <li>To enable us to move faster with design that has been tested by the Growth team.</li>
              <li>To introduce a level of data-driven thinking when building and designing.</li>
              <li>To help make software development easier.</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="js/bundle.js"></script>
{'fraction_non_alphanumeric': 0.1790583530267224, 'fraction_numerical': 0.009452826758771132, 'mean_word_length': 2.4977749523204067, 'pattern_counts': {'":': 0, '<': 221, '<?xml version=': 0, '>': 221, 'https://': 4, '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': '4180519', 'n_tokens_mistral': 1758, 'n_tokens_neox': 1707, 'n_words': 398}