<commit_before>---
title: "Index Page"
description: "Should process index.html correctly"
---

{% extends "_layout" %}

{% block content %}
<div class="container grid-example leader-1">
  <h1>Avenir Next</h1>
  <p>
    Frutiger
  </p>
  <p class="secondary-face">
    Charter
  </p>
</div>

<!-- TEST -->
 <div class="container grid-example leader-1">
     <div class="column-24"><span>24</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
 </div>

 <div class="container grid-example leader-1">
     <div class="column-1"><span>1</span></div>
     <div class="column-23"><span>.column-23</span></div>
     <div class="column-2"><span>2</span></div>
     <div class="column-22"><span>.column-22</span></div>
     <div class="column-3"><span>3</span></div>
     <div class="column-21"><span>.column-21</span></div>
     <div class="column-4"><span>4</span></div>
     <div class="column-20"><span>.column-20</span></div>
     <div class="column-5"><span>.column-5</span></div>
     <div class="column-19"><span>.column-19</span></div>
     <div class="column-6"><span>.column-6</span></div>
     <div class="column-18"><span>.column-18</span></div>
     <div class="column-7"><span>.column-7</span></div>
     <div class="column-17"><span>.column-17</span></div>
     <div class="column-8"><span>.column-8</span></div>
     <div class="column-16"><span>.column-16</span></div>
     <div class="column-9"><span>.column-9</span></div>
     <div class="column-15"><span>.column-15</span></div>
     <div class="column-10"><span>.column-10</span></div>
     <div class="column-14"><span>.column-14</span></div>
     <div class="column-11"><span>.column-11</span></div>
     <div class="column-13"><span>.column-13</span></div>
     <div class="column-12"><span>.column-12</span></div>
     <div class="column-12"><span>.column-12</span></div>
 </div>


 <div class="container grid-example leader-1">
  <div class="column-24">
     <div class="column-1 tablet-column-4 phone-column-1">
       <span class="tablet-hide">1</span>
       <span class="tablet-only">.tablet-column-4</span>
       <span class="phone-show">.phone-column-1</span>
     </div>
     <div class="column-23 tablet-column-8 phone-column-5">
       <span class="tablet-hide">.column-23</span>
       <span class="tablet-only">.tablet-column-8</span>
       <span class="phone-show">.phone-column-5</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-2 tablet-column-8 phone-column-5">
       <span class="tablet-hide">2</span>
       <span class="tablet-only">.tablet-column-8</span>
       <span class="phone-show">.phone-column-5</span>
     </div>
     <div class="column-22 tablet-column-4 phone-column-1">
       <span class="tablet-hide">.column-22</span>
       <span class="tablet-only">.tablet-column-4</span>
       <span class="phone-show">.phone-column-1</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-3 tablet-column-5 phone-column-2">
       <span class="tablet-hide">.column-3</span>
       <span class="tablet-only">.tablet-5</span>
       <span class="phone-show">.phone-column-2</span>
     </div>
     <div class="column-21 tablet-column-7 phone-column-4">
       <span class="tablet-hide">.column-21</span>
       <span class="tablet-only">.tablet-7</span>
       <span class="phone-show">.phone-column-4</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-4 tablet-column-7 phone-column-4">
       <span class="tablet-hide">.column-4</span>
       <span class="tablet-only">.tablet-7</span>
       <span class="phone-show">.phone-column-4</span>
     </div>
     <div class="column-20 tablet-column-5 phone-column-2">
       <span class="tablet-hide">.column-20</span>
       <span class="tablet-only">.tablet-5</span>
       <span class="phone-show">.phone-column-2</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-5 tablet-column-6 phone-column-3">
       <span class="tablet-hide">.column-5</span>
       <span class="tablet-only">.tablet-6</span>
       <span class="phone-show">.phone-column-3</span>
     </div>
     <div class="column-19 tablet-column-6 phone-column-3">
       <span class="tablet-hide">.column-19</span>
       <span class="tablet-only">.tablet-6</span>
       <span class="phone-show">.phone-column-3</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-6 tablet-column-6 phone-column-3">
       <span class="tablet-hide">.column-6</span>
       <span class="tablet-only">.tablet-6</span>
       <span class="phone-show">.phone-column-3</span>
     </div>
     <div class="column-18 column-6 tablet-column-6 phone-column-3">
       <span class="tablet-hide">.column-18</span>
       <span class="tablet-only">.tablet-6</span>
       <span class="phone-show">.phone-column-3</span>
     </div>
   </div>
 </div>


 <div class="container grid-example nested-demo leader-1">
 <div class="column-18 tablet-column-8">
     <span class='tablet-hide'>.column-18</span>
     <span class='tablet-show'>.tablet-column-8</span>

     <div class="column-4 tablet-column-4">
       <span class='tablet-hide'>.column-4</span>
       <span class='tablet-show'>.tablet-column-4</span>

       <div class="column-1 tablet-column-4"><span class='tablet-hide'>1</span>
         <span class='tablet-show'>.tablet-column-4</span></div>
      <div class="column-1 tablet-column-4 tablet-first-column"><span class='tablet-hide'>1</span>
         <span class='tablet-show'>.tablet-column-4</span></div>
      <div class="column-1 tablet-column-4 tablet-first-column"><span class='tablet-hide'>1</span>
         <span class='tablet-show'>.tablet-column-4</span></div>
      <div class="column-1 tablet-column-4 tablet-first-column"><span class='tablet-hide'>1</span>
         <span class='tablet-show'>.tablet-column-4</span></div>
     </div>

    <div class="column-2 tablet-column-4 tablet-last-column phone-first-column"><span class='ablet-hide'>2</span>
       <span class='tablet-show'>.tablet-column-4</span></div>

     <div class="column-10 tablet-column-8 tablet-first-column">
       <span class='tablet-hide'>10</span>
       <span class='tablet-show'>.tablet-column-8</span>
       <div class="column-5 tablet-column-4">
         <span class='tablet-hide'>.column-5</span>
         <span class='tablet-show'>.tablet-column-4</span>
       </div>
       <div class="column-5 tablet-column-4 phone-first-column">
         <span class='tablet-hide'>.column-5</span>
         <span class='tablet-show'>.tablet-column-4</span>
         <div class="column-2 tablet-column-4 phone-first-column">
           <span class='tablet-hide'>2</span>
           <span class='tablet-show'>.tablet-column-4</span>
         </div>
         <div class="column-3 tablet-column-4 tablet-first-column phone-first-column">
           <span class='tablet-hide'>.column-3</span>
           <span class='tablet-show'>.tablet-column-4</span>
         </div>

       </div>
     </div>

    <div class="column-1 tablet-column-4 tablet-first-column"><span class='tablet-hide'>1</span>
       <span class='tablet-show'>.tablet-column-4</span></div>
    <div class="column-1 tablet-column-5 tablet-first-column"><span class='tablet-hide'>1</span>
       <span class='tablet-show'>.tablet-column-5</span></div>
   </div>

   <div class="column-6 tablet-column-4">
     <span class='tablet-hide'>.column-6</span>
     <span class='tablet-show'>.tablet-column-4</span>

     <div class="column-6 tablet-column-4">
       <span class='tablet-hide'>.column-6</span>
       <span class='tablet-show'>.tablet-column-4</span>
       <div class="column-4 tablet-column-2"><span class='tablet-hide'>.column-4</span>
         <span class='tablet-show'>.tablet-column-2</span></div>
       <div class="column-2 tablet-column-2"><span class='tablet-hide'>2</span>
         <span class='tablet-show'>.tablet-column-2</span></div>
     </div>

    <div class="column-4 tablet-column-4 column-first tablet-first-column"><span class='ablet-hide'>.column-4</span>
       <span class='tablet-show'>.tablet-column-4</span></div>
   </div>
 </div>

 <div class="container grid-example leader-1">
  <div class="column-2"><span>.column-2 With a lot of content, so it pushes down.</span></div>
   <div class="column-22"><span>.column-22</span></div>
   <div class="column-4"><span>.column-4</span></div>
   <div class="column-4"><span>.column-4</span></div>
   <div class="column-4"><span>.column-4</span></div>

   <div class="column-24">
    <div class="column-2"><span>.column-2 With a lot of content, so it pushes down.</span></div>
     <div class="column-22 tablet-first-column"><span>.column-22</span></div>
   </div>
   <div class="column-4"><span>.column-4</span></div>
   <div class="column-4"><span>.column-4</span></div>
   <div class="column-4"><span>.column-4</span></div>
 </div>

 <div class="container grid-example leader-1">
   <!-- PRE -->
   <div class="column-24">
     <div class="column-4 pre-2"><span>4 pre-2</span></div>
     <div class="column-4 pre-3"><span>4 pre-3</span></div>
     <div class="column-4 pre-4"><span>4 pre-4</span></div>
   </div>
   <!-- POST -->
   <div class="column-24">
     <div class="column-4 post-2"><span>4 post-2</span></div>
     <div class="column-4 post-3"><span>4 post-3</span></div>
     <div class="column-4 post-4"><span>4 post-4</span></div>
     <div class="column-3"><span>3</span></div>
   </div>
   <!-- COMBO -->
   <div class="column-24 trailer-5">
     <div class="column-1"><span>1</span></div>
     <div class="column-4 pre-1 post-2"><span>4 pre-1 post-2</span></div>
     <div class="column-4 pre-2 post-2"><span>4 pre-2 post-2</span></div>
     <div class="column-4 pre-1 post-2"><span>4 pre-1 post-2</span></div>
     <div class="column-1"><span>1</span></div>
   </div>
 </div>

{% endblock %}
<commit_msg>use new styleguide tag and kss data in homepage<commit_after>---
title: "Index Page"
description: "Should process index.html correctly"
data:
  - kss
---

{% extends "_layout" %}

{% block content %}
<div class="container grid-example leader-1">
  <h1>Avenir Next</h1>
  <p>
    Frutiger
  </p>
  <p class="secondary-face">
    Charter
  </p>
</div>

{% styleguide kss.section('1.1') %}
  <h1 class="$modifier_class">Hey man</h1>
{% endstyleguide %}

<!-- TEST -->
 <div class="container grid-example leader-1">
     <div class="column-24"><span>24</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
     <div class="column-1"><span>1</span></div>
 </div>

 <div class="container grid-example leader-1">
     <div class="column-1"><span>1</span></div>
     <div class="column-23"><span>.column-23</span></div>
     <div class="column-2"><span>2</span></div>
     <div class="column-22"><span>.column-22</span></div>
     <div class="column-3"><span>3</span></div>
     <div class="column-21"><span>.column-21</span></div>
     <div class="column-4"><span>4</span></div>
     <div class="column-20"><span>.column-20</span></div>
     <div class="column-5"><span>.column-5</span></div>
     <div class="column-19"><span>.column-19</span></div>
     <div class="column-6"><span>.column-6</span></div>
     <div class="column-18"><span>.column-18</span></div>
     <div class="column-7"><span>.column-7</span></div>
     <div class="column-17"><span>.column-17</span></div>
     <div class="column-8"><span>.column-8</span></div>
     <div class="column-16"><span>.column-16</span></div>
     <div class="column-9"><span>.column-9</span></div>
     <div class="column-15"><span>.column-15</span></div>
     <div class="column-10"><span>.column-10</span></div>
     <div class="column-14"><span>.column-14</span></div>
     <div class="column-11"><span>.column-11</span></div>
     <div class="column-13"><span>.column-13</span></div>
     <div class="column-12"><span>.column-12</span></div>
     <div class="column-12"><span>.column-12</span></div>
 </div>


 <div class="container grid-example leader-1">
  <div class="column-24">
     <div class="column-1 tablet-column-4 phone-column-1">
       <span class="tablet-hide">1</span>
       <span class="tablet-only">.tablet-column-4</span>
       <span class="phone-show">.phone-column-1</span>
     </div>
     <div class="column-23 tablet-column-8 phone-column-5">
       <span class="tablet-hide">.column-23</span>
       <span class="tablet-only">.tablet-column-8</span>
       <span class="phone-show">.phone-column-5</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-2 tablet-column-8 phone-column-5">
       <span class="tablet-hide">2</span>
       <span class="tablet-only">.tablet-column-8</span>
       <span class="phone-show">.phone-column-5</span>
     </div>
     <div class="column-22 tablet-column-4 phone-column-1">
       <span class="tablet-hide">.column-22</span>
       <span class="tablet-only">.tablet-column-4</span>
       <span class="phone-show">.phone-column-1</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-3 tablet-column-5 phone-column-2">
       <span class="tablet-hide">.column-3</span>
       <span class="tablet-only">.tablet-5</span>
       <span class="phone-show">.phone-column-2</span>
     </div>
     <div class="column-21 tablet-column-7 phone-column-4">
       <span class="tablet-hide">.column-21</span>
       <span class="tablet-only">.tablet-7</span>
       <span class="phone-show">.phone-column-4</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-4 tablet-column-7 phone-column-4">
       <span class="tablet-hide">.column-4</span>
       <span class="tablet-only">.tablet-7</span>
       <span class="phone-show">.phone-column-4</span>
     </div>
     <div class="column-20 tablet-column-5 phone-column-2">
       <span class="tablet-hide">.column-20</span>
       <span class="tablet-only">.tablet-5</span>
       <span class="phone-show">.phone-column-2</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-5 tablet-column-6 phone-column-3">
       <span class="tablet-hide">.column-5</span>
       <span class="tablet-only">.tablet-6</span>
       <span class="phone-show">.phone-column-3</span>
     </div>
     <div class="column-19 tablet-column-6 phone-column-3">
       <span class="tablet-hide">.column-19</span>
       <span class="tablet-only">.tablet-6</span>
       <span class="phone-show">.phone-column-3</span>
     </div>
   </div>

   <div class="column-24">
     <div class="column-6 tablet-column-6 phone-column-3">
       <span class="tablet-hide">.column-6</span>
       <span class="tablet-only">.tablet-6</span>
       <span class="phone-show">.phone-column-3</span>
     </div>
     <div class="column-18 column-6 tablet-column-6 phone-column-3">
       <span class="tablet-hide">.column-18</span>
       <span class="tablet-only">.tablet-6</span>
       <span class="phone-show">.phone-column-3</span>
     </div>
   </div>
 </div>


 <div class="container grid-example nested-demo leader-1">
 <div class="column-18 tablet-column-8">
     <span class='tablet-hide'>.column-18</span>
     <span class='tablet-show'>.tablet-column-8</span>

     <div class="column-4 tablet-column-4">
       <span class='tablet-hide'>.column-4</span>
       <span class='tablet-show'>.tablet-column-4</span>

       <div class="column-1 tablet-column-4"><span class='tablet-hide'>1</span>
         <span class='tablet-show'>.tablet-column-4</span></div>
      <div class="column-1 tablet-column-4 tablet-first-column"><span class='tablet-hide'>1</span>
         <span class='tablet-show'>.tablet-column-4</span></div>
      <div class="column-1 tablet-column-4 tablet-first-column"><span class='tablet-hide'>1</span>
         <span class='tablet-show'>.tablet-column-4</span></div>
      <div class="column-1 tablet-column-4 tablet-first-column"><span class='tablet-hide'>1</span>
         <span class='tablet-show'>.tablet-column-4</span></div>
     </div>

    <div class="column-2 tablet-column-4 tablet-last-column phone-first-column"><span class='ablet-hide'>2</span>
       <span class='tablet-show'>.tablet-column-4</span></div>

     <div class="column-10 tablet-column-8 tablet-first-column">
       <span class='tablet-hide'>10</span>
       <span class='tablet-show'>.tablet-column-8</span>
       <div class="column-5 tablet-column-4">
         <span class='tablet-hide'>.column-5</span>
         <span class='tablet-show'>.tablet-column-4</span>
       </div>
       <div class="column-5 tablet-column-4 phone-first-column">
         <span class='tablet-hide'>.column-5</span>
         <span class='tablet-show'>.tablet-column-4</span>
         <div class="column-2 tablet-column-4 phone-first-column">
           <span class='tablet-hide'>2</span>
           <span class='tablet-show'>.tablet-column-4</span>
         </div>
         <div class="column-3 tablet-column-4 tablet-first-column phone-first-column">
           <span class='tablet-hide'>.column-3</span>
           <span class='tablet-show'>.tablet-column-4</span>
         </div>

       </div>
     </div>

    <div class="column-1 tablet-column-4 tablet-first-column"><span class='tablet-hide'>1</span>
       <span class='tablet-show'>.tablet-column-4</span></div>
    <div class="column-1 tablet-column-5 tablet-first-column"><span class='tablet-hide'>1</span>
       <span class='tablet-show'>.tablet-column-5</span></div>
   </div>

   <div class="column-6 tablet-column-4">
     <span class='tablet-hide'>.column-6</span>
     <span class='tablet-show'>.tablet-column-4</span>

     <div class="column-6 tablet-column-4">
       <span class='tablet-hide'>.column-6</span>
       <span class='tablet-show'>.tablet-column-4</span>
       <div class="column-4 tablet-column-2"><span class='tablet-hide'>.column-4</span>
         <span class='tablet-show'>.tablet-column-2</span></div>
       <div class="column-2 tablet-column-2"><span class='tablet-hide'>2</span>
         <span class='tablet-show'>.tablet-column-2</span></div>
     </div>

    <div class="column-4 tablet-column-4 column-first tablet-first-column"><span class='ablet-hide'>.column-4</span>
       <span class='tablet-show'>.tablet-column-4</span></div>
   </div>
 </div>

 <div class="container grid-example leader-1">
  <div class="column-2"><span>.column-2 With a lot of content, so it pushes down.</span></div>
   <div class="column-22"><span>.column-22</span></div>
   <div class="column-4"><span>.column-4</span></div>
   <div class="column-4"><span>.column-4</span></div>
   <div class="column-4"><span>.column-4</span></div>

   <div class="column-24">
    <div class="column-2"><span>.column-2 With a lot of content, so it pushes down.</span></div>
     <div class="column-22 tablet-first-column"><span>.column-22</span></div>
   </div>
   <div class="column-4"><span>.column-4</span></div>
   <div class="column-4"><span>.column-4</span></div>
   <div class="column-4"><span>.column-4</span></div>
 </div>

 <div class="container grid-example leader-1">
   <!-- PRE -->
   <div class="column-24">
     <div class="column-4 pre-2"><span>4 pre-2</span></div>
     <div class="column-4 pre-3"><span>4 pre-3</span></div>
     <div class="column-4 pre-4"><span>4 pre-4</span></div>
   </div>
   <!-- POST -->
   <div class="column-24">
     <div class="column-4 post-2"><span>4 post-2</span></div>
     <div class="column-4 post-3"><span>4 post-3</span></div>
     <div class="column-4 post-4"><span>4 post-4</span></div>
     <div class="column-3"><span>3</span></div>
   </div>
   <!-- COMBO -->
   <div class="column-24 trailer-5">
     <div class="column-1"><span>1</span></div>
     <div class="column-4 pre-1 post-2"><span>4 pre-1 post-2</span></div>
     <div class="column-4 pre-2 post-2"><span>4 pre-2 post-2</span></div>
     <div class="column-4 pre-1 post-2"><span>4 pre-1 post-2</span></div>
     <div class="column-1"><span>1</span></div>
   </div>
 </div>

{% endblock %}

{'fraction_non_alphanumeric': 0.23075185252123623, 'fraction_numerical': 0.036056388939092715, 'mean_word_length': 3.1626857250329135, 'pattern_counts': {'":': 0, '<': 1081, '<?xml version=': 0, '>': 1081, 'https://': 0, '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': '1741416', 'n_tokens_mistral': 8062, 'n_tokens_neox': 7869, 'n_words': 1132}