<commit_before><html lang="en"><head>
  <meta charset="utf-8">
  <title>Flexo</title>
  <meta name="description" content="A dead simple, responsive & flexible boilerplate">
  <meta name="author" content="@soyjavi">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="http://fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="dist/flexo.css">
  <link rel="stylesheet" href="dist/flexo.theme.css">
  <link rel="stylesheet" href="gh-pages/site.css">
  <link rel="icon" type="image/png" href="dist/images/favicon.png">
</head>
<body data-flex="horizontal grow">

  <aside class="bck theme-dark color white" data-column="2" data-flex="vertical">
    <header>Features</header>
    <ul data-flex="vertical" class="none" data-flex-grow="max">
      <li><strong>Basics</strong></li>
      <li><a href="#intro">Introduction</a></li>
      <li><a href="#grid">The Grid</a></li>
      <li><a href="#typography">Typography</a></li>
      <li><a href="#button">Buttons</a></li>
      <li><a href="#table">Table</a></li>
      <li><a href="#list">List</a></li>
      <li><a href="#code">Code</a></li>
      <li><a href="#form">Form</a></li>
      <li><a href="#media">Media Queries</a></li>
      <li><strong>Flex layout</strong></li>
      <li><a href="#flex-layout">Introduction</a></li>
      <li><a href="#flex-grow">Grow</a></li>
      <li><a href="#flex-justify">Justify</a></li>
      <li><a href="#flex-align">Align</a></li>
      <li><a href="#flex-wrap">Wrap</a></li>
      <li><a href="#flex-order">Order</a></li>
    </ul>
    <footer data-flex="horizontal center" data-flex-grow="min">
      <img src="http://soyjavi.com/assets/img/soyjavi.hat.jpg" />by<a href="http://soyjavi.com" target="_blank">@soyjavi</a></footer>
  </aside>

  <article class="scroll">
    <div class="align center landing">
      <h1><strong>Flexo</strong></h1>
      <h5>A dead simple, responsive & <strong class="color theme">flexible</strong> boilerplate.</h5>
      <a href="https://github.com/soyjavi/flexo/archive/1.0.0.zip" class="button">Download</a>
      <a href="https://github.com/soyjavi/flexo" class="button">Github</a>
      <button disabled>bower install flexo</button>
    </div>

    <div class="bck dark">
      <div class="container">
        <section id="intro" class="row">
          <h6>IS FLEXO FOR YOU?</h6>
          <p>
            You should use Flexo if you're embarking on a smaller project or just don't feel like you need all the utility of larger frameworks. Flexo only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started. In fact, this site is built on Flexo and has ~200 lines of custom CSS (half of which is the docking navigation).
          </p>
          </p>
            Love Flexo and want to Tweet it, share it, or star it? Well, I appreciate that
          </p>
        </section>

        <section id="grid" class="row">
          <h6>THE GRID</h6>
          <p>
            The grid is a 12-column fluid grid with a max width of 960px, that shrinks with the browser/device at smaller sizes. The max width can be changed with one line of CSS and all columns will resize accordingly. The syntax is simple and it makes coding responsive much easier. Go ahead, resize the browser.
          </p>
        </section>

        <section class="row">
          <div class="box" data-column="1">1</div>
          <div class="box" data-column="11">11</div>
        </section>
        <section class="row">
          <div class="box" data-column="2">2</div>
          <div class="box" data-column="10">10</div><commit_msg>Fixed download file<commit_after><html lang="en"><head>
  <meta charset="utf-8">
  <title>Flexo</title>
  <meta name="description" content="A dead simple, responsive & flexible boilerplate">
  <meta name="author" content="@soyjavi">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="http://fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="dist/flexo.css">
  <link rel="stylesheet" href="dist/flexo.theme.css">
  <link rel="stylesheet" href="gh-pages/site.css">
  <link rel="icon" type="image/png" href="dist/images/favicon.png">
</head>
<body data-flex="horizontal grow">

  <aside class="bck theme-dark color white" data-column="2" data-flex="vertical">
    <header>Features</header>
    <ul data-flex="vertical" class="none" data-flex-grow="max">
      <li><strong>Basics</strong></li>
      <li><a href="#intro">Introduction</a></li>
      <li><a href="#grid">The Grid</a></li>
      <li><a href="#typography">Typography</a></li>
      <li><a href="#button">Buttons</a></li>
      <li><a href="#table">Table</a></li>
      <li><a href="#list">List</a></li>
      <li><a href="#code">Code</a></li>
      <li><a href="#form">Form</a></li>
      <li><a href="#media">Media Queries</a></li>
      <li><strong>Flex layout</strong></li>
      <li><a href="#flex-layout">Introduction</a></li>
      <li><a href="#flex-grow">Grow</a></li>
      <li><a href="#flex-justify">Justify</a></li>
      <li><a href="#flex-align">Align</a></li>
      <li><a href="#flex-wrap">Wrap</a></li>
      <li><a href="#flex-order">Order</a></li>
    </ul>
    <footer data-flex="horizontal center" data-flex-grow="min">
      <img src="http://soyjavi.com/assets/img/soyjavi.hat.jpg" />by<a href="http://soyjavi.com" target="_blank">@soyjavi</a></footer>
  </aside>

  <article class="scroll">
    <div class="align center landing">
      <h1><strong>Flexo</strong></h1>
      <h5>A dead simple, responsive & <strong class="color theme">flexible</strong> boilerplate.</h5>
      <a href="https://github.com/soyjavi/flexo/archive/1.0.4.zip" class="button">Download</a>
      <a href="https://github.com/soyjavi/flexo" class="button">Github</a>
      <button disabled>bower install flexo</button>
    </div>

    <div class="bck dark">
      <div class="container">
        <section id="intro" class="row">
          <h6>IS FLEXO FOR YOU?</h6>
          <p>
            You should use Flexo if you're embarking on a smaller project or just don't feel like you need all the utility of larger frameworks. Flexo only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started. In fact, this site is built on Flexo and has ~200 lines of custom CSS (half of which is the docking navigation).
          </p>
          </p>
            Love Flexo and want to Tweet it, share it, or star it? Well, I appreciate that
          </p>
        </section>

        <section id="grid" class="row">
          <h6>THE GRID</h6>
          <p>
            The grid is a 12-column fluid grid with a max width of 960px, that shrinks with the browser/device at smaller sizes. The max width can be changed with one line of CSS and all columns will resize accordingly. The syntax is simple and it makes coding responsive much easier. Go ahead, resize the browser.
          </p>
        </section>

        <section class="row">
          <div class="box" data-column="1">1</div>
          <div class="box" data-column="11">11</div>
        </section>
        <section class="row">
          <div class="box" data-column="2">2</div>
          <div class="box" data-column="10">10</div>
{'fraction_non_alphanumeric': 0.18369005689515036, 'fraction_numerical': 0.01164995936060688, 'mean_word_length': 3.28, 'pattern_counts': {'":': 0, '<': 279, '<?xml version=': 0, '>': 279, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 3, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3563700', 'n_tokens_mistral': 2482, 'n_tokens_neox': 2379, 'n_words': 611}