<commit_before><!DOCTYPE html>
<html>
 <head>
   <title>tilt</title>
   <meta charset="UTF-8"/>
   <style src="/reset.css"></style>
   <style>
     #filler {
       position: absolute;
       height: 300%;
       width: 300%;
     }
     #base {
       position: fixed;
       top: 0px;
       bottom: 0px;
       left: 0px;
       right: 0px;
       perspective: 1000px;
     }
     #board {
       border: 1px solid #000;
       height: 100%;
       width: 100%;
     }
   </style>
 </head>
 <body>
  <div id="filler"></div>
  <div id="base">
    <div id="board">TODO</div>
  </div>
  <script
	  src="https://code.jquery.com/jquery-2.2.3.min.js"
	  integrity="<KEY>
	  crossorigin="anonymous"></script>
  <script>
   $(function(){
     var $doc = $(document);
     $doc.scrollTop($doc.height() / 3);
     $doc.scrollLeft($doc.width() / 3);

     $(window).scroll(function(){
       var $filler = $('#filler');
       var $window = $(window);
       var x = $(window).scrollLeft() / ($filler.width() * 2 / 3) - 0.5;
       var y = $(window).scrollTop() / ($filler.height() * 2 / 3) - 0.5;
       $('#board').css({<commit_msg>make the scrollbar ratio a parameter.<commit_after><!DOCTYPE html>
<html>
 <head>
   <title>tilt</title>
   <meta charset="UTF-8"/>
   <style src="/reset.css"></style>
   <style>
     #filler {
       position: absolute;
     }
     #base {
       position: fixed;
       top: 0px;
       bottom: 0px;
       left: 0px;
       right: 0px;
       perspective: 1000px;
     }
     #board {
       border: 1px solid #000;
       height: 100%;
       width: 100%;
     }
   </style>
 </head>
 <body>
  <div id="filler"></div>
  <div id="base">
    <div id="board">TODO</div>
  </div>
  <script
	  src="https://code.jquery.com/jquery-2.2.3.min.js"
	  integrity="<KEY>
	  crossorigin="anonymous"></script>
  <script>
   $(function(){
     var mult = 2;
     var $filler = $('#filler');
     $filler.width(mult*100+'%');
     $filler.height(mult*100+'%');

     var $doc = $(document);
     var $window = $(window);
     $doc.scrollTop($window.height() * (mult-1) / 2);
     $doc.scrollLeft($window.width() * (mult-1) / 2);

     $(window).scroll(function(){
       var x = $window.scrollLeft() / ($window.width() * (mult-1)) - 0.5;
       var y = $window.scrollTop() / ($window.height() * (mult-1)) - 0.5;
       $('#board').css({
{'fraction_non_alphanumeric': 0.20893617021276595, 'fraction_numerical': 0.03276595744680851, 'mean_word_length': 2.216142270861833, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, 'https://': 2, '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': '6379702', 'n_tokens_mistral': 912, 'n_tokens_neox': 847, 'n_words': 173}