<commit_before><!--

 _______       _ _   _                                   _ _           _   _             
 |__   __|     (_) | | |                /\               | (_)         | | (_)            
    | |_      ___| |_| |_ ___ _ __     /  \   _ __  _ __ | |_  ___ __ _| |_ _  ___  _ __  
    | \ \ /\ / / | __| __/ _ \ '__|   / /\ \ | '_ \| '_ \| | |/ __/ _` | __| |/ _ \| '_ \ 
    | |\ V  V /| | |_| ||  __/ |     / ____ \| |_) | |_) | | | (_| (_| | |_| | (_) | | | |
   _|_|_\_/\_/ |_|\__|\__\___|_|    /_/_  _\_\ .__/| .__/|_|_|\___\__,_|\__|_|\___/|_| |_|
  / ____|                            |  \/  || |   | |                                    
 | |     ___  _ __ ___  _ __ ___     | \  / ||_| _ |_|_   __ _  __ _  ___ _ __            
 | |    / _ \| '_ ` _ \| '_ ` _ \    | |\/| |/ _` | '_ \ / _` |/ _` |/ _ \ '__|           
 | |___| (_) | | | | | | | | | | |_  | |  | | (_| | | | | (_| | (_| |  __/ |              
  \_____\___/|_| |_| |_|_| |_| |_(_) |_|  |_|\__,_|_| |_|\__,_|\__, |\___|_|              
                                                                __/ |                     
                                                               |___/ 
 
-->


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" media="screen">
body {
  color: white;
  font-family: 'Lucida Grande', Verdana, Arial;
  font-size: 12px;
}

body, html {
    height: 100%;
    margin: 0;
    overflow: hidden;
}
body.clickable {
    cursor:pointer;
}

.background {
    z-index: -1;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
}

#container {
    -webkit-perspective: 800; /* For compatibility with iPhone 3.0, we leave off the units here */
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#stage {
      -webkit-transition: -webkit-transform 2s;
      -webkit-transform-style: preserve-3d;
      position:absolute;
      top:50%;
      left:50%;
      background:yellow;
      height:1px;
      width:1px;
}

.as { width:3000px;border:1px solid white;}
.as.x { border-color:red;-webkit-transform: rotateX(0deg) translate3d(-1500px,0,0); }
.as.y { border-color:pink;-webkit-transform: rotate(90deg) translate3d(0,1500px,0); }
.as.z { border-color:orange;-webkit-transform:rotateY(90deg) rotate(0deg)translate3d(0,0,-1500px) }


.backpanel { 
    -webkit-transform:translate3d(-750px, -350px, -300px); 
    background:url("templates/background.png");
    height:600px;
    width:1500px;
}


#shape {
  height: 100px;
  width: 200px;
  -webkit-transform-style: preserve-3d;
}

.floatable { 
    -webkit-transform-style: preserve-3d;
    position:absolute;
    -webkit-transition: -webkit-transform 2s;
}


.plane {
  position: absolute;
  height: 100px;
  width: 200px;
  /*-webkit-border-radius: 12px;*/
  -webkit-box-sizing: border-box;
  /*background:url("http://25.media.tumblr.com/ffc4973cf14a4e39cdbe80deb4f6f35d/tumblr_mffv80NP5d1rdgqpho1_250.gif");*/
  /*background:url("http://25.media.tumblr.com/742067762a82304b8ad79dabef817e01/tumblr_mfi1lgMcWs1rdgqpho1_250.gif") -50px -135px;*/
  /*background:#99CC33 url("http://24.media.tumblr.com/61c332d26c671bf12156a61821c80b45/tumblr_mfohovY7mn1rdgqpho1_250.gif");*/
  background:url("templates/plates.png");
  -webkit-transition: -webkit-transform 2s, opacity 2s;
}
/*.plane:nth-child(odd){
    background:#0066CC url("http://25.media.tumblr.com/742067762a82304b8ad79dabef817e01/tumblr_mfi1lgMcWs1rdgqpho1_250.gif");
}*/

#shape .side { 
    position: absolute;
    height: 620px;
    width: 620px;
    background: url("templates/side.png");
    -webkit-transform-style: preserve-3d;
    border-radius:290px;
}

#shape.backfaces .plane {
  -webkit-backface-visibility: visible;
}

#shape {
    -webkit-transition: -webkit-transform 5s ease;
    -webkit-transform:translatex(-100px); 
}
#shape.spinning { 
    -webkit-animation: spin 5s infinite linear;
}

@-webkit-keyframes spin {
  from { -webkit-transform: rotateX(0) translateX(-100px); }
  to   { -webkit-transform: rotateX(-360deg) translateX(-100px); }
}

.triangle { position:absolute; width: 0;height: 0;border-left: 310px solid blue; border-top: 50px solid green; border-bottom: 50px solid green;-webkit-transform: rotateY(90deg) translate3d(-165px, 00px, 50px);}

.h1 { 
    height:600px;
    width:400px;
    background:url("templates/holder.png") no-repeat;
    -webkit-transform:rotateY(90deg) translate3d(-000px, -200px,-260px);
}
.h1.left { -webkit-transform:rotateY(90deg) translate3d(0, -200px,-318px); }
.h1.right { -webkit-transform:rotateY(90deg) translate3d(0, -200px,-80px); }
.h1l { border:1px solid black; height:600px;width:20px; background:yellow; }
/*.h1l.left { -webkit-transform:rotateY(0) translate3d(-130px,-200px,150px); }
.h1l.right { -webkit-transform:rotateY(0) translate3d(110px,-200px,150px); }*/
/*.h2 { height:640px; width:360px; background:black; }
.h2.left { -webkit-transform:rotateY(90deg) translate3d(00px, -230px,-310px); }
.h2.right { -webkit-transform:rotateY(90deg) translate3d(0, -200px,-50px); }*/

.s1 { height:600px;width:550px;background:url("templates/holder.png") no-repeat -490px 20px; }

.s1.left { -webkit-transform:rotateY(180deg) translate3d(672px, -222px,-20px); }
.s1.right { -webkit-transform:rotateY(0deg) translate3d(123px, -200px,20px); }

.lights { width:1000px;height:20px;background:url("lights.gif");}

.base { 
    width: 1500px;
    height: 400px;
    background: url("dark-metal-texture.jpg");
    -webkit-transform:rotateX(90deg) translate3d(-750px,00px,-180px);
}

.front { background:url("lit.png") 0 -1116px; width:749px;height:429px;-webkit-transform:translate3d(-389.5px, -200px, 10px)}
.back { background:url("lit.png") 0 -1571px; width:749px;height:429px;-webkit-transform:translate3d(-389.5px, -200px, -10px) rotateY(180deg);}
.katie { background:url("lit.png") 2px -48px;width:453px;height:63px;margin:160px auto;}
.amsterdam { background:url("lit.png") 2px 0px;width:453px;height:36px;margin:125px auto 0;-webkit-transform:rotateX(180deg) translateZ(3px);}

.lit { background:url("lit.png") 0 -160px; width:750px;height:413px;-webkit-transform:translate3d(-391px, -406px, -12px) rotateY(180deg) rotateX(-180deg); }
.lit.open { background-position:0 -619px;-webkit-transform:translate3d(-391px, -405px, -12px) rotateY(180deg) rotateX(0deg);}

.envelope { background:url("lit.png") no-repeat 0 -2458px; width:750px;height:798px;-webkit-transform:translate3d(-391px, -204px, -11px) rotateY(180deg) rotateX(0deg); }
.envelope.open { -webkit-transform:translate3d(-391px, -204px, -11px) rotateY(180deg) rotateX(-180deg);}

.back .amsterdam { -webkit-transform:rotateX(0) translateZ(0px);margin-top:40px;}

.letter { 
    width:525px; 
    height:270px; 
    background:white;-webkit-transform:translateZ(0px); 
    margin: 30px 107px; 
    box-shadow: 0 3px 30px 0 rgba(0,0,0,0.5), inset 0 0 50px rgba(0,0,0,0.3);
    -webkit-transition:height 1.6s, -webkit-transform 1.6s;
    display:none;
}

.back.open .letter { display:block; }
.letter .text { opacity:0.0025;-webkit-transition:opacity 1s; }
.letter.open { height:580px;-webkit-transform:translateZ(14px); }
.letter.read .text { opacity:1.0 }

.letter .text {
    margin: 30px auto;
    font-size: 16px;
    text-align: left;
    color:black;
    line-height: 140%;
    font-family: "Adobe Garamond Pro", "palatino", "georgia", "times";
    font-style: italic;
    padding-left:35px;
}

a {
    text-decoration:none;
}<commit_msg>changed letter width for different browsers<commit_after><!--

 _______       _ _   _                                   _ _           _   _             
 |__   __|     (_) | | |                /\               | (_)         | | (_)            
    | |_      ___| |_| |_ ___ _ __     /  \   _ __  _ __ | |_  ___ __ _| |_ _  ___  _ __  
    | \ \ /\ / / | __| __/ _ \ '__|   / /\ \ | '_ \| '_ \| | |/ __/ _` | __| |/ _ \| '_ \ 
    | |\ V  V /| | |_| ||  __/ |     / ____ \| |_) | |_) | | | (_| (_| | |_| | (_) | | | |
   _|_|_\_/\_/ |_|\__|\__\___|_|    /_/_  _\_\ .__/| .__/|_|_|\___\__,_|\__|_|\___/|_| |_|
  / ____|                            |  \/  || |   | |                                    
 | |     ___  _ __ ___  _ __ ___     | \  / ||_| _ |_|_   __ _  __ _  ___ _ __            
 | |    / _ \| '_ ` _ \| '_ ` _ \    | |\/| |/ _` | '_ \ / _` |/ _` |/ _ \ '__|           
 | |___| (_) | | | | | | | | | | |_  | |  | | (_| | | | | (_| | (_| |  __/ |              
  \_____\___/|_| |_| |_|_| |_| |_(_) |_|  |_|\__,_|_| |_|\__,_|\__, |\___|_|              
                                                                __/ |                     
                                                               |___/ 
 
-->


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" media="screen">
body {
  color: white;
  font-family: 'Lucida Grande', Verdana, Arial;
  font-size: 12px;
}

body, html {
    height: 100%;
    margin: 0;
    overflow: hidden;
}
body.clickable {
    cursor:pointer;
}

.background {
    z-index: -1;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
}

#container {
    -webkit-perspective: 800; /* For compatibility with iPhone 3.0, we leave off the units here */
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#stage {
      -webkit-transition: -webkit-transform 2s;
      -webkit-transform-style: preserve-3d;
      position:absolute;
      top:50%;
      left:50%;
      background:yellow;
      height:1px;
      width:1px;
}

.as { width:3000px;border:1px solid white;}
.as.x { border-color:red;-webkit-transform: rotateX(0deg) translate3d(-1500px,0,0); }
.as.y { border-color:pink;-webkit-transform: rotate(90deg) translate3d(0,1500px,0); }
.as.z { border-color:orange;-webkit-transform:rotateY(90deg) rotate(0deg)translate3d(0,0,-1500px) }


.backpanel { 
    -webkit-transform:translate3d(-750px, -350px, -300px); 
    background:url("templates/background.png");
    height:600px;
    width:1500px;
}


#shape {
  height: 100px;
  width: 200px;
  -webkit-transform-style: preserve-3d;
}

.floatable { 
    -webkit-transform-style: preserve-3d;
    position:absolute;
    -webkit-transition: -webkit-transform 2s;
}


.plane {
  position: absolute;
  height: 100px;
  width: 200px;
  /*-webkit-border-radius: 12px;*/
  -webkit-box-sizing: border-box;
  /*background:url("http://25.media.tumblr.com/ffc4973cf14a4e39cdbe80deb4f6f35d/tumblr_mffv80NP5d1rdgqpho1_250.gif");*/
  /*background:url("http://25.media.tumblr.com/742067762a82304b8ad79dabef817e01/tumblr_mfi1lgMcWs1rdgqpho1_250.gif") -50px -135px;*/
  /*background:#99CC33 url("http://24.media.tumblr.com/61c332d26c671bf12156a61821c80b45/tumblr_mfohovY7mn1rdgqpho1_250.gif");*/
  background:url("templates/plates.png");
  -webkit-transition: -webkit-transform 2s, opacity 2s;
}
/*.plane:nth-child(odd){
    background:#0066CC url("http://25.media.tumblr.com/742067762a82304b8ad79dabef817e01/tumblr_mfi1lgMcWs1rdgqpho1_250.gif");
}*/

#shape .side { 
    position: absolute;
    height: 620px;
    width: 620px;
    background: url("templates/side.png");
    -webkit-transform-style: preserve-3d;
    border-radius:290px;
}

#shape.backfaces .plane {
  -webkit-backface-visibility: visible;
}

#shape {
    -webkit-transition: -webkit-transform 5s ease;
    -webkit-transform:translatex(-100px); 
}
#shape.spinning { 
    -webkit-animation: spin 5s infinite linear;
}

@-webkit-keyframes spin {
  from { -webkit-transform: rotateX(0) translateX(-100px); }
  to   { -webkit-transform: rotateX(-360deg) translateX(-100px); }
}

.triangle { position:absolute; width: 0;height: 0;border-left: 310px solid blue; border-top: 50px solid green; border-bottom: 50px solid green;-webkit-transform: rotateY(90deg) translate3d(-165px, 00px, 50px);}

.h1 { 
    height:600px;
    width:400px;
    background:url("templates/holder.png") no-repeat;
    -webkit-transform:rotateY(90deg) translate3d(-000px, -200px,-260px);
}
.h1.left { -webkit-transform:rotateY(90deg) translate3d(0, -200px,-318px); }
.h1.right { -webkit-transform:rotateY(90deg) translate3d(0, -200px,-80px); }
.h1l { border:1px solid black; height:600px;width:20px; background:yellow; }
/*.h1l.left { -webkit-transform:rotateY(0) translate3d(-130px,-200px,150px); }
.h1l.right { -webkit-transform:rotateY(0) translate3d(110px,-200px,150px); }*/
/*.h2 { height:640px; width:360px; background:black; }
.h2.left { -webkit-transform:rotateY(90deg) translate3d(00px, -230px,-310px); }
.h2.right { -webkit-transform:rotateY(90deg) translate3d(0, -200px,-50px); }*/

.s1 { height:600px;width:550px;background:url("templates/holder.png") no-repeat -490px 20px; }

.s1.left { -webkit-transform:rotateY(180deg) translate3d(672px, -222px,-20px); }
.s1.right { -webkit-transform:rotateY(0deg) translate3d(123px, -200px,20px); }

.lights { width:1000px;height:20px;background:url("lights.gif");}

.base { 
    width: 1500px;
    height: 400px;
    background: url("dark-metal-texture.jpg");
    -webkit-transform:rotateX(90deg) translate3d(-750px,00px,-180px);
}

.front { background:url("lit.png") 0 -1116px; width:749px;height:429px;-webkit-transform:translate3d(-389.5px, -200px, 10px)}
.back { background:url("lit.png") 0 -1571px; width:749px;height:429px;-webkit-transform:translate3d(-389.5px, -200px, -10px) rotateY(180deg);}
.katie { background:url("lit.png") 2px -48px;width:453px;height:63px;margin:160px auto;}
.amsterdam { background:url("lit.png") 2px 0px;width:453px;height:36px;margin:125px auto 0;-webkit-transform:rotateX(180deg) translateZ(3px);}

.lit { background:url("lit.png") 0 -160px; width:750px;height:413px;-webkit-transform:translate3d(-391px, -406px, -12px) rotateY(180deg) rotateX(-180deg); }
.lit.open { background-position:0 -619px;-webkit-transform:translate3d(-391px, -405px, -12px) rotateY(180deg) rotateX(0deg);}

.envelope { background:url("lit.png") no-repeat 0 -2458px; width:750px;height:798px;-webkit-transform:translate3d(-391px, -204px, -11px) rotateY(180deg) rotateX(0deg); }
.envelope.open { -webkit-transform:translate3d(-391px, -204px, -11px) rotateY(180deg) rotateX(-180deg);}

.back .amsterdam { -webkit-transform:rotateX(0) translateZ(0px);margin-top:40px;}

.letter { 
    width:575px; 
    height:270px; 
    background:white;-webkit-transform:translateZ(0px); 
    margin: 30px 107px; 
    box-shadow: 0 3px 30px 0 rgba(0,0,0,0.5), inset 0 0 50px rgba(0,0,0,0.3);
    -webkit-transition:height 1.6s, -webkit-transform 1.6s;
    display:none;
}

.back.open .letter { display:block; }
.letter .text { opacity:0.0025;-webkit-transition:opacity 1s; }
.letter.open { height:580px;-webkit-transform:translateZ(14px); }
.letter.read .text { opacity:1.0 }

.letter .text {
    margin: 30px auto;
    font-size: 16px;
    text-align: left;
    color:black;
    line-height: 140%;
    font-family: "Adobe Garamond Pro", "palatino", "georgia", "times";
    font-style: italic;
    padding-left:35px;
}

a {
    text-decoration:none;
}
{'fraction_non_alphanumeric': 0.1797222949960702, 'fraction_numerical': 0.08566937385381189, 'mean_word_length': 2.8892002037697404, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 2, 'word_list_counts': {'cursed_substrings.json': 32, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7358405', 'n_tokens_mistral': 6839, 'n_tokens_neox': 5776, 'n_words': 791}