<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Poetry Generation</title>

    <!-- Stylesheets -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">

    <link rel="stylesheet" href="/skeleton.css" type="css">

    <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:700' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="/custom.css" type="text/css" />
    

    <!-- Scripts -->
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

    <!-- Custom Scripts -->
    <script src="/formAjax.js"></script>
  </head>
  <body>
    <div class="container">
      <!-- Navigation Bar -->
      <nav class="navbar navbar-expand-lg navbar-light bg-white">
        <a class="navbar-brand" href="#">
          <img src="/assets/ink.png" width="40" height="30" class="d-inline-block align-top" alt="">
          Chinese Poetry Turing Test
        </a>
      </nav>  

      
      <div class="row align-items-center">
        <!-- Poem Block -->
        <div class="col-md-6" id="card-col">
          <div class="card text-white bg-dark mb-3 text-center">
            <div class="card-header">
              <span class="badge badge-light" id="score-indicator">New Session</span>
              <span id="score"></span>
            </div>
            <div class="card-body">
              <h4 class="card-text" id="poem-content" poem_id="{{poem_id}}">
                {{{poem}}}
              </h4>
              <br />
              <button class="btn btn-outline-primary" id="skip-button">Skip</button>
            </div>
            <div class="card-footer text-muted">
              <span> Poem ID: </span>
              <span id="poem-id"> {{{poem_id}}} </span>
            </div>
          </div>
        </div>

        <!-- Form Block -->
        <div class="col-md-6">
          <form class="form-rate-poem" id="turing-form" method="post">
            <div class="row-eq-height">
              <div class="col-md-6">
                <label>Readability</label>
                <div data-toggle="buttons">
                  <div class="btn-group" id="readability-btn-group">
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="1" name="readability" class="sr-only rd1" required>1</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="2" name="readability" class="sr-only rd2" required>2</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="3" name="readability" class="sr-only rd3" required>3</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="4" name="readability" class="sr-only rd4" required>4</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="5" name="readability" class="sr-only rd5" required>5</label>
                  </div>
                </div>
              </div>

              <dir class="col-md-6">
                <label>Consistency</label>
                <div data-toggle="buttons">
                  <div class="btn-group" id="consistency-btn-group">
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="1" name="consistency" class="sr-only rd1" required>1</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="2" name="consistency" class="sr-only rd2" required>2</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="3" name="consistency" class="sr-only rd3" required>3</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="4" name="consistency" class="sr-only rd4" required>4</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="5" name="consistency" class="sr-only rd5" required>5</label>
                  </div>
                </div>
              </dir>
            </div>

            <div class="row-eq-height">
              <dir class="col-md-6">
                <label>Poeticness</label>
                <div data-toggle="buttons">
                  <div class="btn-group" id="poeticness-btn-group">
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="1" name="poeticness" class="sr-only rd1" required>1</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="2" name="poeticness" class="sr-only rd2" required>2</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="3" name="poeticness" class="sr-only rd3" required>3</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="4" name="poeticness" class="sr-only rd4" required>4</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="5" name="poeticness" class="sr-only rd5" required>5</label>
                  </div>
                </div>
              </dir>

              <div class="col-md-6">
                <label>Evocative</label>
                <div data-toggle="buttons">
                  <div class="btn-group" id="evocative-btn-group">
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="1" name="evocative" class="sr-only rd1" required>1</label><commit_msg>div instead of dir<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Poetry Generation</title>

    <!-- Stylesheets -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">

    <link rel="stylesheet" href="/skeleton.css" type="css">

    <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro:700' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="/custom.css" type="text/css" />
    

    <!-- Scripts -->
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

    <!-- Custom Scripts -->
    <script src="/formAjax.js"></script>
  </head>
  <body>
    <div class="container">
      <!-- Navigation Bar -->
      <nav class="navbar navbar-expand-lg navbar-light bg-white">
        <a class="navbar-brand" href="#">
          <img src="/assets/ink.png" width="40" height="30" class="d-inline-block align-top" alt="">
          Chinese Poetry Turing Test
        </a>
      </nav>  

      
      <div class="row align-items-center">
        <!-- Poem Block -->
        <div class="col-md-6" id="card-col">
          <div class="card text-white bg-dark mb-3 text-center">
            <div class="card-header">
              <span class="badge badge-light" id="score-indicator">New Session</span>
              <span id="score"></span>
            </div>
            <div class="card-body">
              <h4 class="card-text" id="poem-content" poem_id="{{poem_id}}">
                {{{poem}}}
              </h4>
              <br />
              <button class="btn btn-outline-primary" id="skip-button">Skip</button>
            </div>
            <div class="card-footer text-muted">
              <span> Poem ID: </span>
              <span id="poem-id"> {{{poem_id}}} </span>
            </div>
          </div>
        </div>

        <!-- Form Block -->
        <div class="col-md-6">
          <form class="form-rate-poem" id="turing-form" method="post">
            <div class="row-eq-height">
              <div class="col-md-6">
                <label>Readability</label>
                <div data-toggle="buttons">
                  <div class="btn-group" id="readability-btn-group">
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="1" name="readability" class="sr-only rd1" required>1</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="2" name="readability" class="sr-only rd2" required>2</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="3" name="readability" class="sr-only rd3" required>3</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="4" name="readability" class="sr-only rd4" required>4</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="5" name="readability" class="sr-only rd5" required>5</label>
                  </div>
                </div>
              </div>

              <div class="col-md-6">
                <label>Consistency</label>
                <div data-toggle="buttons">
                  <div class="btn-group" id="consistency-btn-group">
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="1" name="consistency" class="sr-only rd1" required>1</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="2" name="consistency" class="sr-only rd2" required>2</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="3" name="consistency" class="sr-only rd3" required>3</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="4" name="consistency" class="sr-only rd4" required>4</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="5" name="consistency" class="sr-only rd5" required>5</label>
                  </div>
                </div>
              </div>
            </div>

            <div class="row-eq-height">
              <div class="col-md-6">
                <label>Poeticness</label>
                <div data-toggle="buttons">
                  <div class="btn-group" id="poeticness-btn-group">
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="1" name="poeticness" class="sr-only rd1" required>1</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="2" name="poeticness" class="sr-only rd2" required>2</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="3" name="poeticness" class="sr-only rd3" required>3</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="4" name="poeticness" class="sr-only rd4" required>4</label>
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="5" name="poeticness" class="sr-only rd5" required>5</label>
                  </div>
                </div>
              </div>

              <div class="col-md-6">
                <label>Evocative</label>
                <div data-toggle="buttons">
                  <div class="btn-group" id="evocative-btn-group">
                    <label class="btn btn-sm btn-outline-primary">
                      <input type="radio" value="1" name="evocative" class="sr-only rd1" required>1</label>
{'fraction_non_alphanumeric': 0.166993951771267, 'fraction_numerical': 0.012410651166444112, 'mean_word_length': 1.9081772498857925, 'pattern_counts': {'":': 0, '<': 289, '<?xml version=': 0, '>': 289, 'https://': 10, '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': '4413289', 'n_tokens_mistral': 3901, 'n_tokens_neox': 3674, 'n_words': 720}