<commit_before><!DOCTYPE html>
<html>
    <meta charset="utf-8">
    <head>
      <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
      <link rel="stylesheet" type="text/css" href="assets/css/styles.css" />
    </head>
    <body>

        <nav class="navbar navbar-inverse navbar-fixed-top">
          <div class="container">
            <div class="navbar-header">
              <a class="navbar-brand" href="#">Code is Beautiful!</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <form class="navbar-form navbar-right">
                <div class="form-group">
                  <input type="text" placeholder="Email" class="form-control">
                </div>
                <button type="submit" class="btn btn-success">subscribe to our newsletter</button>
              </form>
            </div><!--/.navbar-collapse -->
          </div>
        </nav>

        <!-- Main jumbotron for a primary marketing message or call to action -->
        <div class="jumbotron">
          <div class="container">
            <h1>Code is beautiful!</h1>
            <p>Visualizing source code can help programmers and team leads to better understand their code. Creating useful and engaging visualizations of code can be challenging though. With this project, we want to change that by providing an <strong>open-source collection</strong> of source code visualizations that can be used in the browser. All of charts are realized with either D3 oder Three.js and are provided under an <strong>Affero GPL</strong> license, so you can freely reuse them in your own projects.</p>
            <p>
                Please feel free to <strong><a href="https://github.com/quantifiedcode/code-is-beautiful">contribute</a></strong> your own visualizations.
            </p>
            <p><a class="btn btn-primary btn-lg" href="https://www.quantifiedcode.com/app/code-is-beautiful" role="button">live demo</a> <a class="btn btn-primary btn-lg" href="https://github.com/quantifiedcode/code-is-beautiful" role="button">Github</a></p>
          </div>
        </div>

        <div class="container">
          <!-- Example row of columns -->
          <h3>Visualizations</h3>
          <p class="lead">To add your own visualization, <a href="http://github.com/quantifiedcode/code-is-beautiful">fork</a> the repository and create a pull request.</p>
          <div class="row">
            <div class="col-md-4">
              <h2>Code City</h2>
              <p><a href="code-city"><img class="thumb" src="assets/images/code_city.png" width="100%"/></a></p>
              <p><a class="btn btn-default" href="code-city" role="button">Details</a></p>
            </div>
            <div class="col-md-4">
              <h2>Sunburst</h2>
              <p><a href="sunburst"><img class="thumb" src="assets/images/sunburst.png" width="100%"/></a></p>
              <p><a class="btn btn-default" href="sunburst" role="button">Details</a></p>
           </div>
            <div class="col-md-4">
              <h2>Stack</h2>
              <p><a href="stack"><img class="thumb" src="assets/images/stack.png" width="100%"/></a></p>
              <p><a class="btn btn-default" href="stack" role="button">Details</a></p>
            </div>
          </div>

          <hr>

          <footer>
            <p>&copy; QuantifiedCode UG (haftungsbeschränkt) 2015</p>
          </footer><commit_msg>Buttons + CSS<commit_after><!DOCTYPE html>
<html>
    <meta charset="utf-8">
    <head>
      <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
      <link rel="stylesheet" type="text/css" href="assets/css/styles.css" />
    </head>
    <body>

        <nav class="navbar navbar-inverse navbar-fixed-top">
          <div class="container">
            <div class="navbar-header">
              <a class="navbar-brand" href="#">Code is Beautiful!</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <form class="navbar-form navbar-right">
                <div class="form-group">
                  <input type="text" placeholder="Email" class="form-control">
                </div>
                <button type="submit" class="btn btn-success">subscribe to our newsletter</button>
              </form>
            </div><!--/.navbar-collapse -->
          </div>
        </nav>

        <!-- Main jumbotron for a primary marketing message or call to action -->
        <div class="jumbotron">
          <div class="container">
            <h1>Code is beautiful!</h1>
            <p>Visualizing source code can help programmers and team leads to better understand their code. Creating useful and engaging visualizations of code can be challenging though. With this project, we want to change that by providing an <strong>open-source collection</strong> of source code visualizations that can be used in the browser. All of charts are realized with either D3 oder Three.js and are provided under an <strong>Affero GPL</strong> license, so you can freely reuse them in your own projects.</p>
            <p>
                Please feel free to <strong><a href="https://github.com/quantifiedcode/code-is-beautiful">contribute</a></strong> your own visualizations.
            </p>
            <p><a class="btn btn-primary btn-lg" href="https://www.quantifiedcode.com/app/code-is-beautiful" role="button">Live demo</a> <a class="btn btn-default btn-lg" href="https://github.com/quantifiedcode/code-is-beautiful" role="button">Github</a></p>
          </div>
        </div>

        <div class="container">
          <!-- Example row of columns -->
          <h3>Visualizations</h3>
          <p class="lead">To add your own visualization, <a href="http://github.com/quantifiedcode/code-is-beautiful">fork</a> the repository and create a pull request.</p>
          <div class="row">
            <div class="col-md-4">
              <h2>Code City</h2>
              <p><a href="code-city"><img class="thumb" src="assets/images/code_city.png" width="100%"/></a></p>
              <p>
                <a class="btn btn-primary btn-lg" href="https://www.quantifiedcode.com/app/code-is-beautiful" role="button">Live demo</a>
                <a class="btn btn-default" href="code-city" role="button">Details</a>
              </p>
            </div>
            <div class="col-md-4">
              <h2>Sunburst</h2>
              <p><a href="sunburst"><img class="thumb" src="assets/images/sunburst.png" width="100%"/></a></p>
              <p>
                  <a class="btn btn-primary btn-lg" href="https://www.quantifiedcode.com/app/code-is-beautiful" role="button">Live demo</a>
                  <a class="btn btn-default" href="sunburst" role="button">Details</a>
              </p>
           </div>
            <div class="col-md-4">
              <h2>Stack</h2>
              <p><a href="stack"><img class="thumb" src="assets/images/stack.png" width="100%"/></a></p>
              <p>
                  <a class="btn btn-primary btn-lg" href="https://www.quantifiedcode.com/app/code-is-beautiful" role="button">Live demo</a>
                  <a class="btn btn-default" href="stack" role="button">Details</a>
              </p>
            </div>
          </div>

          <hr>

          <footer>
            <p><a href="https://www.quantifiedcode.com/">&copy; QuantifiedCode UG (haftungsbeschränkt) 2015</a></p>
          </footer>
{'fraction_non_alphanumeric': 0.16047388260635434, 'fraction_numerical': 0.007539041464728056, 'mean_word_length': 2.2215958369470945, 'pattern_counts': {'":': 0, '<': 221, '<?xml version=': 0, '>': 221, 'https://': 10, 'lorem ipsum': 0, 'www.': 6, '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': '4575462', 'n_tokens_mistral': 2233, 'n_tokens_neox': 2126, 'n_words': 530}