<commit_before><!doctype html>

<html lang="en">

<head>
  <meta charset="utf-8">

  <title>Tidy Classics</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <meta http-equiv="cleartype" content="on">
  <!-- android -->
  <meta name="mobile-web-app-capable" content="yes">
  <!-- iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="translucent-black">
  <meta name="apple-mobile-web-app-title" content="Tidy Classics">
  <link rel="stylesheet" href="libraries/normalize.min.css">
  <link rel="stylesheet" href="libraries/plyr.min.css">
  <style type="text/css">
    /*FONTS*/
    
    @font-face {
      font-family: LibreBaskerville;
      src: url(fonts/LibreBaskerville-Regular.otf);
      font-weight: 400;
    }
    
    @font-face {
      font-family: Sherwood;
      src: url(fonts/SHERWOOD.TTF);
      font-weight: 400;
    }
    
    @font-face {
      font-family: EileenCaps;
      src: url(fonts/EileenCaps-Regular.ttf);
      font-weight: 400;
    }
    
    @font-face {
      font-family: ZallmanCaps;
      src: url(fonts/ZallmanCaps.ttf);
      font-weight: 400;
    }
    /*UTILITIES*/
    
    .off-down {
      -moz-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      -webkit-transform: translate3d(0, 100%, 0);
    }
    
    .off-right {
      -moz-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      -webkit-transform: translate3d(100%, 0, 0);
    }
    
    .dropcap {
      float: left;
      font-size: 5em;
      padding: 0.4em 0;
    }
    
    .eileen {
      font-family: EileenCaps;    
    }
    
    .zallman {
      font-family: ZallmanCaps;    
    }
    
    .hidden {
      display: none !important;
    }
    
    .invisible {
      position: fixed;
      clip: rect(0, 0, 0, 0);
    }
    
    .img-center {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0;
    }
    
    .no-margin {
      margin: 0;
    }
    
    .book-thumb {
      padding: 0;
    }
    
    .fg-gray {
      color: #999;
    }
    
    .button {
      background: none repeat scroll 0% 0% rgb(91, 192, 222);
      color: rgb(255, 255, 255);
      padding: 6px 12px;
      line-height: 1.42857;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      -moz-user-select: none;
      border-radius: 4px;
      text-decoration: none;
    }
    /*GENERAL*/
    
    html {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-family: LibreBaskerville;
      height: 100%;
      /*position: relative;*/
      /*background: #ddd;*/
    }
    
    *,
    *:before,
    *:after {
      -moz-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    * {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    
    body {
      /*background: #FFFDDF;
      color: #333;
      overflow:hidden;*/
      position: relative;
    }
    
    @media (max-width: 30em) {
      body {
        font-size: 14px;
      }
    }
    
    #body-wrapper {
      background: #FFFDDF;
      color: #333;
      overflow: hidden;
      position: relative;
      height: 100vh;
    }
    
    .container {
      height: 100vh;
      padding-top: 3rem;
      width: 100%;
      position: absolute;
      will-change: transform;
      -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
      transition: -webkit-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
      transition: transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
      -moz-transition: -moz-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
    }
    
    .content-wrapper {
      padding: 1em 0.7em 2em;
      height: 100%;
      width: 100%;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    }
    
    @media (min-width: 30em) and (max-width: 1200px) {
      .content-wrapper {
        padding-left: 15%;
        padding-right: 15%;
      }
    }
    
    @media (min-width: 1200px) {
      .content-wrapper {
        padding-left: 20%;<commit_msg>maybe this will fix issue with ios not showing stuff<commit_after><!doctype html>

<html lang="en">

<head>
  <meta charset="utf-8">

  <title>Tidy Classics</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <meta http-equiv="cleartype" content="on">
  <!-- android -->
  <meta name="mobile-web-app-capable" content="yes">
  <!-- iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="translucent-black">
  <meta name="apple-mobile-web-app-title" content="Tidy Classics">
  <link rel="stylesheet" href="libraries/normalize.min.css">
  <link rel="stylesheet" href="libraries/plyr.min.css">
  <style type="text/css">
    /*FONTS*/
    
    @font-face {
      font-family: LibreBaskerville;
      src: url(fonts/LibreBaskerville-Regular.otf);
      font-weight: 400;
    }
    
    @font-face {
      font-family: Sherwood;
      src: url(fonts/SHERWOOD.TTF);
      font-weight: 400;
    }
    
    @font-face {
      font-family: EileenCaps;
      src: url(fonts/EileenCaps-Regular.ttf);
      font-weight: 400;
    }
    
    @font-face {
      font-family: ZallmanCaps;
      src: url(fonts/ZallmanCaps.ttf);
      font-weight: 400;
    }
    /*UTILITIES*/
    
    .off-down {
      -moz-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      -webkit-transform: translate3d(0, 100%, 0);
    }
    
    .off-right {
      -moz-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      -webkit-transform: translate3d(100%, 0, 0);
    }
    
    .dropcap {
      float: left;
      font-size: 5em;
      padding: 0.4em 0;
    }
    
    .eileen {
      font-family: EileenCaps;    
    }
    
    .zallman {
      font-family: ZallmanCaps;    
    }
    
    .hidden {
      display: none !important;
    }
    
    .invisible {
      position: fixed;
      clip: rect(0, 0, 0, 0);
    }
    
    .img-center {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0;
    }
    
    .no-margin {
      margin: 0;
    }
    
    .book-thumb {
      padding: 0;
    }
    
    .fg-gray {
      color: #999;
    }
    
    .button {
      background: none repeat scroll 0% 0% rgb(91, 192, 222);
      color: rgb(255, 255, 255);
      padding: 6px 12px;
      line-height: 1.42857;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      -moz-user-select: none;
      border-radius: 4px;
      text-decoration: none;
    }
    /*GENERAL*/
    
    html {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-family: LibreBaskerville;
      height: 100%;
      /*position: relative;*/
      /*background: #ddd;*/
    }
    
    *,
    *:before,
    *:after {
      -moz-box-sizing: inherit;
      box-sizing: inherit;
    }
    
    * {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    
    body {
      /*background: #FFFDDF;
      color: #333;
      overflow:hidden;*/
      position: relative;
    }
    
    @media (max-width: 30em) {
      body {
        font-size: 14px;
      }
    }
    
    #body-wrapper {
      background: #FFFDDF;
      color: #333;
      overflow: hidden;
      position: relative;
      height: 100vh;
    }
    
    .container {
      height: 100vh;
      padding-top: 3rem;
      width: 100%;
      position: absolute;
      will-change: transform;
      -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
      transition: -webkit-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
      transition: transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
      -moz-transition: -moz-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
    }
    
    .content-wrapper {
      padding: 1em 0.7em 2em;
      height: inherit;
      width: 100%;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    }
    
    @media (min-width: 30em) and (max-width: 1200px) {
      .content-wrapper {
        padding-left: 15%;
        padding-right: 15%;
      }
    }
    
    @media (min-width: 1200px) {
      .content-wrapper {
        padding-left: 20%;
{'fraction_non_alphanumeric': 0.15283191928456777, 'fraction_numerical': 0.05147901857372162, 'mean_word_length': 1.9429824561403508, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 41, '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': '1238621', 'n_tokens_mistral': 3556, 'n_tokens_neox': 3146, 'n_words': 608}