<commit_before><div class="sideBox sidebox--important">
  <div class="head">
    <h2>🤗 Openwhyd needs you!</h2>
  </div>
  <div class="body" style="overflow:auto;">
    <a href="https://openwhyd.org/contribute" target="_blank" class="no-ajaxy">
      <img src="/images/github-octocat.png" width="64px" style="float:left; margin-right:16px;"
        alt="contribute to open-source project openwhyd on github">
    </a>
    <p style="margin-bottom:8px;">Help us keep Openwhyd free and independent by donating $1 today!</p>
    <p style="margin-bottom:8px;">Developers, contribute to our open-source project on GitHub!</p>
    <div id="contribChoices" style="margin: 12px 0; text-align: center; font-size: 14px;">
      <a href="https://opencollective.com/openwhyd/donate" target="_blank" class="no-ajaxy">Donate</a>
      <a href="https://openwhyd.org/contribute" target="_blank" class="no-ajaxy">Improve Openwhyd</a>
    </div>
  </div>
  <style>
    #contribChoices a {
      color: #3177AF;
      display: inline-block;
      border-radius: 2rem;
      background-color: #fafafa;
      padding: 8px 12px;
      margin: 8px;
    }

    #contribChoices a:hover {
      background-color: #62A1D3;
      color: #fff;
    }
  </style>
</div>
<!--
<div class="sideBox">
  <div class="head">
    <h2>📣 Sponsoring opportunity</h2>
  </div>
  <div class="body" style="overflow:auto;">
    <a href="mailto:<EMAIL>" target="_blank" class="no-ajaxy"
        style="float:left; width:64px; height:64px; border: 2px dashed gray; color:gray; margin-right:16px; display:table;">
        <div style="display:table-cell; text-align:center; vertical-align:middle;">YOUR BRAND HERE</div>
    </a>
    <p style="margin-bottom:8px;">Get thousands of passionate music lovers to see <b>your brand</b> everyday.</p>
    <p>
      <a href="https://openwhyd.org/about" target="_blank" class="no-ajaxy" style="float:left; padding: 1px 5px;">Read our story</a>
      <a href="mailto:<EMAIL>?subject=Sponsoring" target="_blank" class="no-ajaxy" style="border: 1px solid #3177AF; border-radius: 5px; padding: 1px 5px; float: right;">Contact us</a>
    </p>
  </div>
</div>
-->
<!--
<div class="sideBox">
  <div class="head">
    <a href="mailto:<EMAIL>?subject=Sponsoring" target="_blank" class="no-ajaxy"
        style="float: none; position: static; width:280px; height:64px; border: 2px dashed gray; color:gray; display:table;">
        <div style="display:table-cell; text-align:center; vertical-align:middle;">YOUR BRAND HERE</div>
    </a>
  </div>
  <div class="body" style="overflow:auto;">
    <h2 style="margin-top:0; font-size: 14px;">📣 Sponsoring opportunity</h2>
    <p style="margin-bottom:8px;">Get thousands of passionate music lovers to see your brand everyday.</p>
    <p>
      <a href="https://openwhyd.org/about" target="_blank" class="no-ajaxy" style="float:left; padding: 1px 0;">Read our story</a><commit_msg>feat(sideBox): inform about YouTube issues (#272)<commit_after><div class="sideBox sidebox--important">
  <div class="head">
    <h2>😓 Issues with YouTube API</h2>
  </div>
  <div class="body">
    <p>YouTube has disabled our access to their API, preventing Openwhyd users from adding YouTube tracks.</p>
    <p>We're currently working hard on fixing this. Thanks for your patience and understanding!</p>
    <p>You can follow our progress:</p>
    <div id="sideBoxLinks">
      <a href="https://www.facebook.com/openwhyd" target="_blank" class="no-ajaxy">on Facebook</a>
      <a href="https://github.com/openwhyd/openwhyd/commits/master" target="_blank" class="no-ajaxy">on GitHub</a>
    </div>
  </div>
  <style>
    .sideBox>div {
      overflow: auto;
    }

    .sideBox>div>p {
      margin-bottom: 8px;
    }

    #sideBoxLinks {
      margin: 12px 0;
      text-align: center;
      font-size: 14px;
    }

    #sideBoxLinks a {
      color: #3177AF;
      display: inline-block;
      border-radius: 2rem;
      background-color: #fafafa;
      padding: 8px 12px;
      margin: 8px;
    }

    #sideBoxLinks a:hover {
      background-color: #62A1D3;
      color: #fff;
    }
  </style>
</div>
<!--
<div class="sideBox sidebox--important">
  <div class="head">
    <h2>🤗 Openwhyd needs you!</h2>
  </div>
  <div class="body" style="overflow:auto;">
    <a href="https://openwhyd.org/contribute" target="_blank" class="no-ajaxy">
      <img src="/images/github-octocat.png" width="64px" style="float:left; margin-right:16px;"
        alt="contribute to open-source project openwhyd on github">
    </a>
    <p style="margin-bottom:8px;">Help us keep Openwhyd free and independent by donating $1 today!</p>
    <p style="margin-bottom:8px;">Developers, contribute to our open-source project on GitHub!</p>
    <div id="contribChoices" style="margin: 12px 0; text-align: center; font-size: 14px;">
      <a href="https://opencollective.com/openwhyd/donate" target="_blank" class="no-ajaxy">Donate</a>
      <a href="https://openwhyd.org/contribute" target="_blank" class="no-ajaxy">Improve Openwhyd</a>
    </div>
  </div>
  <style>
    #contribChoices a {
      color: #3177AF;
      display: inline-block;
      border-radius: 2rem;
      background-color: #fafafa;
      padding: 8px 12px;
      margin: 8px;
    }

    #contribChoices a:hover {
      background-color: #62A1D3;
      color: #fff;
    }
  </style>
</div>
-->
<!--
<div class="sideBox">
  <div class="head">
    <h2>📣 Sponsoring opportunity</h2>
  </div>
  <div class="body" style="overflow:auto;">
    <a href="mailto:<EMAIL>" target="_blank" class="no-ajaxy"
        style="float:left; width:64px; height:64px; border: 2px dashed gray; color:gray; margin-right:16px; display:table;">
        <div style="display:table-cell; text-align:center; vertical-align:middle;">YOUR BRAND HERE</div>
    </a>
    <p style="margin-bottom:8px;">Get thousands of passionate music lovers to see <b>your brand</b> everyday.</p>
    <p>
      <a href="https://openwhyd.org/about" target="_blank" class="no-ajaxy" style="float:left; padding: 1px 5px;">Read our story</a>
      <a href="mailto:<EMAIL>?subject=Sponsoring" target="_blank" class="no-ajaxy" style="border: 1px solid #3177AF; border-radius: 5px; padding: 1px 5px; float: right;">Contact us</a>
    </p>
  </div>
</div>
-->
<!--
<div class="sideBox">
  <div class="head">
    <a href="mailto:<EMAIL>?subject=Sponsoring" target="_blank" class="no-ajaxy"
        style="float: none; position: static; width:280px; height:64px; border: 2px dashed gray; color:gray; display:table;">
        <div style="display:table-cell; text-align:center; vertical-align:middle;">YOUR BRAND HERE</div>
    </a>
  </div>
  <div class="body" style="overflow:auto;">
    <h2 style="margin-top:0; font-size: 14px;">📣 Sponsoring opportunity</h2>
    <p style="margin-bottom:8px;">Get thousands of passionate music lovers to see your brand everyday.</p>
    <p>
      <a href="https://openwhyd.org/about" target="_blank" class="no-ajaxy" style="float:left; padding: 1px 0;">Read our story</a>
{'fraction_non_alphanumeric': 0.17488917488917488, 'fraction_numerical': 0.02087802087802088, 'mean_word_length': 3.7773224043715845, 'pattern_counts': {'":': 0, '<': 156, '<?xml version=': 0, '>': 157, 'https://': 12, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 3, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1973404', 'n_tokens_mistral': 2585, 'n_tokens_neox': 2413, 'n_words': 560}