<commit_before><!DOCTYPE html>
<html>
<head>
  <title></title>
  <!-- box2がメインコンテンツで、PC画面なら真ん中に置きたいが、左に位置するブロックのような場合 -->
  <style type="text/css">
    @media (min-width: 768px) {
      .boxA:after, .boxB:after {
        content: "";
        display: block;
        clear: both;
      }

      .boxB {
        float: left;
        width: 80%;
      }

      .box2 {
        float: right; /* right! */
        width: 75%;
      }

      .box3 {
        float: left;
        width: 25%;
      }

      .box4 {
        float: left;
        width: 20%;
      }
    }

    .box1 {
      background-color: #4169e1;
    }

    .box2 {
      background-color: #66cdaa;
    }

    .box3 {
      background-color: #cd853f;
    }

    .box4 {
      background-color: #9370db;
    }
  </style>
</head>

<body>
    <div class="box1">
    BOX1
    </div>

  <div class="boxA">
    <div class="boxB">
      <div class="box2">
      メインコンテンツ
      </div>

      <div class="box3">
      BOX3
      </div>
    </div>

    <div class="box4">
    BOX4
    </div>
  </div>
</body>
</html>
<commit_msg>added middle pattern<commit_after><!DOCTYPE html>
<html>
<head>
  <title></title>
  <!-- box2がメインコンテンツで、PC画面なら真ん中に置きたいが、左に位置するブロックのような場合 -->
  <style type="text/css">
    @media (min-width: 768px) {
      .boxA:after, .boxB:after {
        content: "";
        display: block;
        clear: both;
      }

      .boxB {
        float: left;
        width: 80%;
      }

      .box2 {
        float: right; /* right! */
        width: 75%;
      }

      .box3 {
        float: left;
        width: 25%;
      }

      .box4 {
        float: left;
        width: 20%;
      }
    }

    @media (min-width: 600px) and (max-width: 767px) {
      .boxB:after {
        content: "";
        display: block;
        clear: both;
      }

      .box2 {
        float: right; /* right! */
        width: 75%;
      }

      .box3 {
        float: left;
        width: 25%;
      }
    }

    .box1 {
      background-color: #4169e1;
    }

    .box2 {
      background-color: #66cdaa;
    }

    .box3 {
      background-color: #cd853f;
    }

    .box4 {
      background-color: #9370db;
    }
  </style>
</head>

<body>
    <div class="box1">
    BOX1
    </div>

  <div class="boxA">
    <div class="boxB">
      <div class="box2">
      メインコンテンツ
      </div>

      <div class="box3">
      BOX3
      </div>
    </div>

    <div class="box4">
    BOX4
    </div>
  </div>
</body>
</html>

{'fraction_non_alphanumeric': 0.1629509525739765, 'fraction_numerical': 0.03729225780299959, 'mean_word_length': 1.4031158714703018, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 51, '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': '1318989', 'n_tokens_mistral': 1051, 'n_tokens_neox': 962, 'n_words': 181}