<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Styr</title>
  <link rel="stylesheet" href="../dst/styr.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="container">
    <div class="sidebar">
      <div class="item">
      </div>
      <h6 class="item">Styles</h6>
      <a class="item" href="./box.html">Box</a>
      <a class="item" href="./breadcrumb.html">Breadcrumb</a>
      <a class="item" href="./button.html">Button</a>
      <a class="item active" href="./form.html">Form</a>
      <a class="item" href="./grid.html">Grid</a>
      <a class="item" href="./menu.html">Menu</a>
      <a class="item" href="./message.html">Message</a>
      <a class="item" href="./table.html">Table</a>
      <a class="item" href="./typography.html">Typography</a>
      <hr>
      <h6 class="item">Modules</h6>
      <a class="item" href="./sidebar.html">Sidebar</a>
      <div class="bottom item">
        <div class="primary message">
          <h4 class="header">Styr</h4>
          <p>STYlish css libRary, version</p>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="breadcrumb">
        <a class="item" href="./index.html">Top</a>
        <span class="divider">/</span>
        <span class="item active" href="./form.html">Form</span>
      </div>
      <h2 class="title">Form</h2>
      <section>
        <h3 class="title">Plain</h3>
        <div class="description">
          <form class="form">
            <div class="field">
              <label class="lbl">First Name</label>
              <input type="text" name="first_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <label class="lbl">Last Name</label>
              <input type="text" name="last_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <div class="checkbox">
                <input tabindex=0 id="checkbox_0" type="checkbox">
                <label for="checkbox_0" class="lbl">I'm not a robot</label>
              </div>
            </div>
            <button class="primary btn" type="submit">Submit</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
...
&lt;/form&gt;</pre>
      </section>

      <section>
        <h3 class="title">Error</h3>
        <div class="description">
          <form class="form">
            <div class="field error">
              <label class="lbl">First Name</label>
              <input type="text" name="first_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <label class="lbl">Last Name</label>
              <input type="text" name="last_name" placeholder="<NAME>" value="None">
            </div>
            <div class="field error">
              <div class="checkbox">
                <input tabindex=0 id="checkbox_1" type="checkbox">
                <label for="checkbox_1" class="lbl">I'm not a robot</label>
              </div>
            </div>
            <button class="primary btn" type="submit">Submit</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
...
&lt;/form&gt;</pre>
      </section>

      <section>
        <h3 class="title">Form Header</h3>
        <div class="description">
          <form class="form">
            <h3 class="header">Name</h3>
            <div class="field">
              <label class="lbl">First Name</label>
              <input type="text" name="first_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <label class="lbl">Last Name</label>
              <input type="text" name="last_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <div class="checkbox">
                <input tabindex=0 id="checkbox_2" type="checkbox">
                <label for="checkbox_2" class="lbl">I'm not a robot</label>
              </div>
            </div>
            <button class="primary btn" type="submit">Submit</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
...
&lt;/form&gt;</pre>
      </section>

      <section>
        <h3 class="title">Textarea</h3>
        <div class="description">
          <form class="form">
            <h3 class="header">Feedback</h3>
            <div class="field">
              <label class="lbl">Message</label>
              <textarea rows="2" placeholder="I was actually a robot..."></textarea>
            </div>
            <button class="flat secondary btn" type="submit">Submit</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
&lt;h3 class="header"&gt;Feedback&lt;/h3&gt;
&lt;div class="field"&gt;
  &lt;label class="lbl"&gt;Message&lt;/lbl&gt;
  &lt;textarea rows="2" placeholder&gt;I was actually a robot...&lt;/textarea&gt;
&lt;/div&gt;
...
&lt;/form&gt;</pre>
      </section>

      <section>
        <h3 class="title">Select</h3>
        <div class="description">
          <form class="form">
            <div class="field">
              <label class="lbl">Material</label>
              <select>
                <option>Steel</option>
                <option>Gold</option>
                <option>Paper</option>
              </select>
            </div>
            <div class="field">
              <label class="lbl">Planet</label>
              <select>
                <option>Mars</option>
                <option>Pluto</option>
              </select>
            </div>
            <button class="primary flat btn" type="submit">Save</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
...
&lt;/form&gt;</pre>
      </section>
    </div><commit_msg>Fix button in form example<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Styr</title>
  <link rel="stylesheet" href="../dst/styr.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="container">
    <div class="sidebar">
      <div class="item">
      </div>
      <h6 class="item">Styles</h6>
      <a class="item" href="./box.html">Box</a>
      <a class="item" href="./breadcrumb.html">Breadcrumb</a>
      <a class="item" href="./button.html">Button</a>
      <a class="item active" href="./form.html">Form</a>
      <a class="item" href="./grid.html">Grid</a>
      <a class="item" href="./menu.html">Menu</a>
      <a class="item" href="./message.html">Message</a>
      <a class="item" href="./table.html">Table</a>
      <a class="item" href="./typography.html">Typography</a>
      <hr>
      <h6 class="item">Modules</h6>
      <a class="item" href="./sidebar.html">Sidebar</a>
      <div class="bottom item">
        <div class="primary message">
          <h4 class="header">Styr</h4>
          <p>STYlish css libRary, version</p>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="breadcrumb">
        <a class="item" href="./index.html">Top</a>
        <span class="divider">/</span>
        <span class="item active" href="./form.html">Form</span>
      </div>
      <h2 class="title">Form</h2>
      <section>
        <h3 class="title">Plain</h3>
        <div class="description">
          <form class="form">
            <div class="field">
              <label class="lbl">First Name</label>
              <input type="text" name="first_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <label class="lbl">Last Name</label>
              <input type="text" name="last_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <div class="checkbox">
                <input tabindex=0 id="checkbox_0" type="checkbox">
                <label for="checkbox_0" class="lbl">I'm not a robot</label>
              </div>
            </div>
            <button class="primary button" type="submit">Submit</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
...
&lt;/form&gt;</pre>
      </section>

      <section>
        <h3 class="title">Error</h3>
        <div class="description">
          <form class="form">
            <div class="field error">
              <label class="lbl">First Name</label>
              <input type="text" name="first_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <label class="lbl">Last Name</label>
              <input type="text" name="last_name" placeholder="<NAME>" value="None">
            </div>
            <div class="field error">
              <div class="checkbox">
                <input tabindex=0 id="checkbox_1" type="checkbox">
                <label for="checkbox_1" class="lbl">I'm not a robot</label>
              </div>
            </div>
            <button class="primary button" type="submit">Submit</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
...
&lt;/form&gt;</pre>
      </section>

      <section>
        <h3 class="title">Form Header</h3>
        <div class="description">
          <form class="form">
            <h3 class="header">Name</h3>
            <div class="field">
              <label class="lbl">First Name</label>
              <input type="text" name="first_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <label class="lbl">Last Name</label>
              <input type="text" name="last_name" placeholder="<NAME>">
            </div>
            <div class="field">
              <div class="checkbox">
                <input tabindex=0 id="checkbox_2" type="checkbox">
                <label for="checkbox_2" class="lbl">I'm not a robot</label>
              </div>
            </div>
            <button class="primary button" type="submit">Submit</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
...
&lt;/form&gt;</pre>
      </section>

      <section>
        <h3 class="title">Textarea</h3>
        <div class="description">
          <form class="form">
            <h3 class="header">Feedback</h3>
            <div class="field">
              <label class="lbl">Message</label>
              <textarea rows="2" placeholder="I was actually a robot..."></textarea>
            </div>
            <button class="flat secondary button" type="submit">Submit</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
&lt;h3 class="header"&gt;Feedback&lt;/h3&gt;
&lt;div class="field"&gt;
  &lt;label class="lbl"&gt;Message&lt;/lbl&gt;
  &lt;textarea rows="2" placeholder&gt;I was actually a robot...&lt;/textarea&gt;
&lt;/div&gt;
...
&lt;/form&gt;</pre>
      </section>

      <section>
        <h3 class="title">Select</h3>
        <div class="description">
          <form class="form">
            <div class="field">
              <label class="lbl">Material</label>
              <select>
                <option>Steel</option>
                <option>Gold</option>
                <option>Paper</option>
              </select>
            </div>
            <div class="field">
              <label class="lbl">Planet</label>
              <select>
                <option>Mars</option>
                <option>Pluto</option>
              </select>
            </div>
            <button class="primary flat button" type="submit">Save</button>
          </form>
        </div>
        <pre>&lt;form class="form"&gt;
...
&lt;/form&gt;</pre>
      </section>
    </div>
{'fraction_non_alphanumeric': 0.18680362116991645, 'fraction_numerical': 0.006267409470752089, 'mean_word_length': 1.9331120755680367, 'pattern_counts': {'":': 0, '<': 421, '<?xml version=': 0, '>': 421, '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': '7409294', 'n_tokens_mistral': 3534, 'n_tokens_neox': 3513, 'n_words': 681}