<commit_before><!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Springs</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

  <style>
    html,
    body {
      height: 100%;
    }

    body {
      margin: 0;
      background-color: #def;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      cursor: default;
    }

    .spring {
      position: absolute;

      width: 50px;
      height: 50px;

      margin-left: -25px;
      margin-top: -25px;

      border-radius: 50%;
      background-color: #f65;

      z-index: 1;
    }

    form {
      position: absolute;
      -webkit-user-select: none;
      user-select: none;

      left: 0;
      bottom: 1em;
      right: 0;

      text-align: center;

      z-index: 2;
    }

    canvas {
      position: absolute;

      top: 1em;
      left: 50%;

      outline: 1px solid rgba(0, 0, 0, 0.25);

      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);

      z-index: 0;
    }
  </style>
</head>
<body>
  <form onmousedown="event.stopPropagation()">
    <div class="form-group">
      <label for="friction">Friction</label>
      <input type="number" name="friction" id="friction" pattern="\d*" value="8">
    </div>

    <div class="form-group"><commit_msg>springs: Prevent user selection of elements on mobile.<commit_after><!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Springs</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

  <style>
    html,
    body {
      height: 100%;
    }

    body {
      margin: 0;
      background-color: #def;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      cursor: default;
    }

    .spring,
    form,
    canvas {
      position: absolute;
      -webkit-user-select: none;
      user-select: none;
    }

    .spring {
      width: 50px;
      height: 50px;

      margin-left: -25px;
      margin-top: -25px;

      border-radius: 50%;
      background-color: #f65;

      z-index: 1;
    }

    form {
      left: 0;
      bottom: 1em;
      right: 0;

      text-align: center;

      z-index: 2;
    }

    canvas {
      top: 1em;
      left: 50%;

      outline: 1px solid rgba(0, 0, 0, 0.25);

      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);

      z-index: 0;
    }
  </style>
</head>
<body>
  <form onmousedown="event.stopPropagation()">
    <div class="form-group">
      <label for="friction">Friction</label>
      <input type="number" name="friction" id="friction" pattern="\d*" value="8">
    </div>

    <div class="form-group">
{'fraction_non_alphanumeric': 0.15879509111193751, 'fraction_numerical': 0.029750836742283376, 'mean_word_length': 2.190984578884935, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, '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': '2312823', 'n_tokens_mistral': 1046, 'n_tokens_neox': 932, 'n_words': 211}