<commit_before><!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><NAME></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body onload="draw();">
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
        
		<div style="z-index: 4;position:absolute;margin-left: 25%; margin-top: 10%; color:#3CBCFC;  letter-spacing:4px; text-shadow:
		    5px 8px 4px #0000A8,  
		    5px 8px 4px #0000A8,
		    5px 8px 4px #0000A8,
		    5px 8px 4px #0000A8;">
			<span style="font-family: tlpsmb; font-size:90px; padding-left:170px;"><NAME></span>
			<br/>
			<span style="font-family: tlpsmb; font-size:90px;"><NAME></span>
		</div>

        <canvas id="background" style="float:left; z-index: -2; position:absolute;">
	    	<p>This example requires a browser that supports the
	    	<a href="http://www.w3.org/html/wg/html5/">HTML5</a> 
	    	&lt;canvas&gt; feature.</p>
	   	</canvas>
	   	
	   	<canvas id="foliage" style="float:left;z-index: -1;position:absolute;">
	   	</canvas>
	   	
	   	<canvas id="curtain" tyle="float:left;z-index: 2;position:absolute;">
	   	</canvas>

	   	<canvas id="sprites" style="float:left;z-index: 3;position:absolute;">
	   	</canvas>

		
		
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
        
        <script type="application/x-javascript">
		    function draw() {

		      var sources = {
		        koopaTroopa: './img/ani_smb3_koopatroopag.gif'
		      };

		      var background = document.getElementById("background");
			  var curtain = document.getElementById("curtain");
			  var foliage = document.getElementById("foliage");
			  var sprites = document.getElementById('sprites');

			  if (curtain.getContext) {
				  
				var ctx = curtain.getContext("2d");

				ctx.canvas.width = window.innerWidth;
				ctx.canvas.height = window.innerHeight;

				var curtainShadowLocation = 20;
				var curtainRadius = 40; 
				var maxWidth = window.innerWidth;

				// curtain shadow
				ctx.fillStyle = 'black';
				ctx.beginPath();
				ctx.moveTo(0,0);
				ctx.lineTo(0,70);
				while(curtainShadowLocation < maxWidth) {
					ctx.arc(curtainShadowLocation,70,20, Math.PI, Math.PI*2,true);
					curtainShadowLocation += curtainRadius;
				}
				ctx.lineTo(curtainShadowLocation,0)
				ctx.lineTo(0,0)
				ctx.fill();

				// curtain
				ctx.fillStyle = "rgb(190,58,0)";
				ctx.beginPath();
				ctx.moveTo(0,0);
				ctx.lineTo(0,60);
				ctx.arc(0,40,20, Math.PI/2, Math.PI*2,true);



				ctx.arc(40,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(80,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(120,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(160,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(200,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(240,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(280,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(320,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(360,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(400,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(440,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(480,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(520,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(560,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(600,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(640,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(680,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(720,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(760,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(800,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(840,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(880,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(920,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(960,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1000,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1040,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1080,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1120,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1160,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1200,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1240,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1280,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1320,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1360,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1400,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1440,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1480,40,20, Math.PI, Math.PI*2,true);
				ctx.arc(1520,40,20, Math.PI, Math.PI/2,true);
				ctx.lineTo(1520,0)
				ctx.lineTo(0,0)
				ctx.fill();
				
			  }
		      
		      if (foliage.getContext) {
		      	
		      	var ctx = foliage.getContext("2d");

				ctx.canvas.width = window.innerWidth;
				ctx.canvas.height = window.innerHeight;
		      	
		      	var leaves = new Image();
		      	leaves.onload = function() {
		      		
			      	
			      	var leavesPattern = ctx.createPattern(leaves, 'repeat');
			      	
					ctx.lineWidth = 5;
			      	
			      	ctx.fillStyle = "black";
			      	ctx.beginPath();
			      	ctx.moveTo(300, 440);
			      	ctx.lineTo(300, 620);<commit_msg>made curtain dynamic<commit_after><!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><NAME></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body onload="draw();">
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
        
		<div style="z-index: 4;position:absolute;margin-left: 25%; margin-top: 10%; color:#3CBCFC;  letter-spacing:4px; text-shadow:
		    5px 8px 4px #0000A8,  
		    5px 8px 4px #0000A8,
		    5px 8px 4px #0000A8,
		    5px 8px 4px #0000A8;">
			<span style="font-family: tlpsmb; font-size:90px; padding-left:170px;"><NAME></span>
			<br/>
			<span style="font-family: tlpsmb; font-size:90px;"><NAME></span>
		</div>

        <canvas id="background" style="float:left; z-index: -2; position:absolute;">
	    	<p>This example requires a browser that supports the
	    	<a href="http://www.w3.org/html/wg/html5/">HTML5</a> 
	    	&lt;canvas&gt; feature.</p>
	   	</canvas>
	   	
	   	<canvas id="foliage" style="float:left;z-index: -1;position:absolute;">
	   	</canvas>
	   	
	   	<canvas id="curtain" tyle="float:left;z-index: 2;position:absolute;">
	   	</canvas>

	   	<canvas id="sprites" style="float:left;z-index: 3;position:absolute;">
	   	</canvas>

		
		
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
        
        <script type="application/x-javascript">
		    function draw() {

		      var sources = {
		        koopaTroopa: './img/ani_smb3_koopatroopag.gif'
		      };

		      var background = document.getElementById("background");
			  var curtain = document.getElementById("curtain");
			  var foliage = document.getElementById("foliage");
			  var sprites = document.getElementById('sprites');

			  if (curtain.getContext) {
				  
				var ctx = curtain.getContext("2d");

				ctx.canvas.width = window.innerWidth;
				ctx.canvas.height = window.innerHeight;

				var curtainShadowLocation = 20;
				var curtainLocation = 40;
				var curtainRadius = 40; 
				var maxWidth = window.innerWidth;

				// curtain shadow
				ctx.fillStyle = 'black';
				ctx.beginPath();
				ctx.moveTo(0,0);
				ctx.lineTo(0,70);
				while(curtainShadowLocation < maxWidth) {
					ctx.arc(curtainShadowLocation,70,20, Math.PI, Math.PI*2,true);
					curtainShadowLocation += curtainRadius;
				}
				ctx.lineTo(curtainShadowLocation,0)
				ctx.lineTo(0,0)
				ctx.fill();

				// curtain
				ctx.fillStyle = "rgb(190,58,0)";
				ctx.beginPath();
				ctx.moveTo(0,0);
				ctx.lineTo(0,60);
				ctx.arc(0,40,20, Math.PI/2, Math.PI*2,true);

				while(curtainLocation < maxWidth) {
					ctx.arc(curtainLocation,40,20, Math.PI, Math.PI*2,true);
					curtainLocation += curtainRadius;
				}

				// ctx.arc(40,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(80,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(120,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(160,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(200,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(240,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(280,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(320,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(360,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(400,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(440,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(480,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(520,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(560,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(600,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(640,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(680,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(720,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(760,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(800,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(840,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(880,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(920,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(960,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1000,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1040,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1080,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1120,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1160,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1200,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1240,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1280,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1320,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1360,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1400,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1440,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1480,40,20, Math.PI, Math.PI*2,true);
				// ctx.arc(1520,40,20, Math.PI, Math.PI/2,true);
				
				ctx.lineTo(curtainLocation-curtainRadius,0)
				ctx.lineTo(0,0)
				ctx.fill();
				
			  }
		      
		      if (foliage.getContext) {
		      	
		      	var ctx = foliage.getContext("2d");

				ctx.canvas.width = window.innerWidth;
				ctx.canvas.height = window.innerHeight;
		      	
		      	var leaves = new Image();
		      	leaves.onload = function() {
		      		
			      	
			      	var leavesPattern = ctx.createPattern(leaves, 'repeat');
			      	
					ctx.lineWidth = 5;
			      	
			      	ctx.fillStyle = "black";
			      	ctx.beginPath();
			      	ctx.moveTo(300, 440);
			      	ctx.lineTo(300, 620);
{'fraction_non_alphanumeric': 0.20101213068393242, 'fraction_numerical': 0.06720250055816031, 'mean_word_length': 2.7939017504234895, 'pattern_counts': {'":': 0, '<': 156, '<?xml version=': 0, '>': 151, 'https://': 0, 'lorem ipsum': 0, 'www.': 6, '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': '2786538', 'n_tokens_mistral': 6330, 'n_tokens_neox': 5111, 'n_words': 807}