<commit_before><!doctype html>
<html>
<head>
  <title>HTML Lesson 1</title>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  <!-- Main jumbotron for a primary marketing message or call to action -->
  <div class="jumbotron">
    <div class="container">
      <h1>Hello, world!</h1>
      <p>This is a your lesson 1 in HTML, from the nice team at Codealia</p>
      <p><a class="btn btn-primary btn-lg" role="button" href="http://codealia.org/">Codealia &raquo;</a></p>
    </div>
  </div>
  <div class="container">
    <!-- Example row of columns -->
    <div class="row">
      <div class="col-md-4">
        <img class="img-responsive" src="http://placehold.it/390x150">
        <h2>Heading</h2>
        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        <ul>
          <li>location</li>
          <li>colour</li>
        </ul>
        <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
      </div>
      <div class="col-md-4">
        <h2>Heading</h2>
        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
     </div>
      <div class="col-md-4">
        <h2>Heading</h2>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
      </div>
    </div>

    <hr>

    <ol>
      <li>Find the &lt;h1&gt; tag on the page. What text is in the &lt;h1&gt; tag? What do you think h1 might be short for? Change the text to fit your superhero or cartoon character theme.</li>

      <li>Now find the &lt;h2&gt; tag on the page. Based on what you know about the &lt;h1&gt; tag, what do you think the &lt;h2&gt; tag stands for? Change the text to fit your superhero or cartoon character theme.</li>
    </ol>

    <hr>

    <footer>
      <p>Licenced Creative Commons Codealia.org 2014</p>
    </footer>
  </div> <!-- /container -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</body>
</html><commit_msg>repeating image and content areas to be generated from API<commit_after><!doctype html>
<html>
<head>
  <title>HTML Lesson 1</title>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  <!-- Main jumbotron for a primary marketing message or call to action -->
  <div class="jumbotron">
    <div class="container">
      <h1>Hello, world!</h1>
      <p>This is your lesson 1 in HTML, from the nice team at Codealia</p>
      <p><a class="btn btn-primary btn-lg" role="button" href="http://codealia.org/">Codealia &raquo;</a></p>
    </div>
  </div>
  <div class="container">
    <!-- Example row of columns -->
    <div class="row">
      <div class="col-md-4">
        <img class="img-responsive" src="http://placehold.it/390x150">
        <h2>Image title</h2>
        <p>Picture description if one is available.</p>
        <ul>
          <li>meta data: location</li>
          <li>meta data: filesize</li>
        </ul>
        <p><a class="btn btn-default" href="#" role="button">View original &raquo;</a></p>
      </div>

      <div class="col-md-4">
        <img class="img-responsive" src="http://placehold.it/390x150">
        <h2>Image title</h2>
        <p>Picture description if one is available.</p>
        <ul>
          <li>meta data: location</li>
          <li>meta data: filesize</li>
        </ul>
        <p><a class="btn btn-default" href="#" role="button">View original &raquo;</a></p>
      </div>      

      <div class="col-md-4">
        <img class="img-responsive" src="http://placehold.it/390x150">
        <h2>Image title</h2>
        <p>Picture description if one is available.</p>
        <ul>
          <li>meta data: location</li>
          <li>meta data: filesize</li>
        </ul>
        <p><a class="btn btn-default" href="#" role="button">View original &raquo;</a></p>
      </div>
    </div>

    <hr>

    <ol>
      <li>Find the &lt;h1&gt; tag on the page. What text is in the &lt;h1&gt; tag? What do you think h1 might be short for? Change the text to fit your superhero or cartoon character theme.</li>

      <li>Now find the &lt;h2&gt; tag on the page. Based on what you know about the &lt;h1&gt; tag, what do you think the &lt;h2&gt; tag stands for? Change the text to fit your superhero or cartoon character theme.</li>
    </ol>

    <hr>

    <footer>
      <p>Licenced Creative Commons Codealia.org 2014</p>
    </footer>
  </div> <!-- /container -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</body>
</html>
{'fraction_non_alphanumeric': 0.16257781032588794, 'fraction_numerical': 0.016477480776272427, 'mean_word_length': 2.836376404494382, 'pattern_counts': {'":': 0, '<': 181, '<?xml version=': 0, '>': 181, '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': '4184312', 'n_tokens_mistral': 1982, 'n_tokens_neox': 1886, 'n_words': 552}