<commit_before><!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>全屏滚动</title>
		<link rel="shortcut icon" href="/public/img/favicon.png">
		<link rel="stylesheet" type="text/css" href="../public/cssreset-min.css">
		<style type="text/css">
			html,body{
				height:100%;
			}
			.slider{
				width:100%;
				height:100%;
				overflow:hidden;
			}
			.slider .content{
				width:100%;
			}
			.slider .content .header,.slider .content .footer{
				text-align: center;
				height: 100px;
				line-height: 100px;
				font-size: 20px;
			}
			.slider .content .page{
				position:relative;
				height:1000px;
			}
			.slider .page1{
				background:#ccc;
			}
			.slider .page2{
				background:#c66;
			}
			.slider .page3{
				background:#66c;
			}
			.slider .nav{
				position:absolute;
				top:300px;
				left:40px;
			}
			.slider .nav li{
				width:16px;
				height:16px;
				margin-bottom:12px;
				background:#fff;
			}
			.slider .nav li.active{
				background:#ff0;
			}
			.slider .tag1{
				position:absolute;
				top:240px;
				left:500px;
				opacity: 0;
				font-size:32px;
			}
			.slider .active .tag1{
				-webkit-animation: Xminus40 1000ms ease 500ms both; 
				-moz-animation: Xminus40 1000ms ease 500ms both; 
				-ms-animation: Xminus40 1000ms ease 500ms both; 
				-o-animation: Xminus40 1000ms ease 500ms both; 
				animation: Xminus40 1000ms ease 500ms both; 
			}
			@-webkit-keyframes Xminus40{
	0%{
		opacity: 0;
		-webkit-transform:translateX(-40px);
	}
	100%{
		opacity: 1;
		-webkit-transform:translateX(0);
	}
}

	@-moz-keyframes Xminus40{
		0%{
			opacity: 0;
			-moz-transform:translateX(-40px);
		}
		100%{
			opacity: 1;
			-moz-transform:translateX(0);
		}
	}

	@-ms-keyframes Xminus40{
		0%{
			opacity: 0;
			-ms-transform:translateX(-40px);
		}
		100%{
			opacity: 1;
			-ms-transform:translateX(0);
		}
	}

	@-o-keyframes Xminus40{
		0%{
			opacity: 0;
			-o-transform:translateX(-40px);
		}
		100%{
			opacity: 1;
			-o-transform:translateX(0);
		}
	}

	@keyframes Xminus40{
		0%{
			opacity: 0;
			transform:translateX(-100px);
		}
		100%{
			opacity: 1;
			transform:translateX(0);
		}
	}
		</style>
		<script type="text/javascript" src="../public/jquery.min.js"></script>
		<script type="text/javascript" src="../code/jquery.slider.js"></script>
	</head>
	<body>
		<div class="slider">
			<div class="content">
				<div class="header">
					<div><p>这里是头部</p></div>
				</div>
				<div class="page page1">
					<div class="tag1">
						<p>分页一</p>
						<p>这里是演示，效果怎么样？</p>
					</div>
				</div>
				<div class="page page2">
					<div class="tag1">
						<p>分页二</p>
						<p>翻滚吧，少年！</p>
					</div>
				</div>
				<div class="page page3">
					<div class="tag1">
						<p>分页三</p>
						<p>哎呦，不错哦~</p>
					</div>
				</div>
				<div class="footer">
					<div><p>这里是底部</p></div>
				</div>
			</div>
			<ul class="nav">
				<li style="display:none;"></li>
				<li></li>
				<li></li>
				<li></li>
				<li style="display:none;"></li>
			</ul>
		</div>
		<script type="text/javascript">
			(function(){
				var $pages = $('.slider .content > div');
				$('.slider').slider({
					direction: "y",
					scrollable:true,
					activeIndex:1,
					keyboardAble:true,
					duration:800,
					afterEvent:function(status){
						$pages.eq(status.index).addClass('active').siblings().removeClass('active');
					}
				});			
			})();
		</script>
	</body>
</html><commit_msg>updated 时间间隔小调<commit_after><!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>全屏滚动</title>
		<link rel="shortcut icon" href="/public/img/favicon.png">
		<link rel="stylesheet" type="text/css" href="../public/cssreset-min.css">
		<style type="text/css">
			html,body{
				height:100%;
			}
			.slider{
				width:100%;
				height:100%;
				overflow:hidden;
			}
			.slider .content{
				width:100%;
			}
			.slider .content .header,.slider .content .footer{
				text-align: center;
				height: 100px;
				line-height: 100px;
				font-size: 20px;
			}
			.slider .content .page{
				position:relative;
				height:1000px;
			}
			.slider .page1{
				background:#ccc;
			}
			.slider .page2{
				background:#c66;
			}
			.slider .page3{
				background:#66c;
			}
			.slider .nav{
				position:absolute;
				top:300px;
				left:40px;
			}
			.slider .nav li{
				width:16px;
				height:16px;
				margin-bottom:12px;
				background:#fff;
			}
			.slider .nav li.active{
				background:#ff0;
			}
			.slider .tag1{
				position:absolute;
				top:240px;
				left:500px;
				opacity: 0;
				font-size:32px;
			}
			.slider .active .tag1{
				-webkit-animation: Xminus40 1000ms ease 500ms both; 
				-moz-animation: Xminus40 1000ms ease 500ms both; 
				-ms-animation: Xminus40 1000ms ease 500ms both; 
				-o-animation: Xminus40 1000ms ease 500ms both; 
				animation: Xminus40 1000ms ease 500ms both; 
			}
			@-webkit-keyframes Xminus40{
	0%{
		opacity: 0;
		-webkit-transform:translateX(-40px);
	}
	100%{
		opacity: 1;
		-webkit-transform:translateX(0);
	}
}

	@-moz-keyframes Xminus40{
		0%{
			opacity: 0;
			-moz-transform:translateX(-40px);
		}
		100%{
			opacity: 1;
			-moz-transform:translateX(0);
		}
	}

	@-ms-keyframes Xminus40{
		0%{
			opacity: 0;
			-ms-transform:translateX(-40px);
		}
		100%{
			opacity: 1;
			-ms-transform:translateX(0);
		}
	}

	@-o-keyframes Xminus40{
		0%{
			opacity: 0;
			-o-transform:translateX(-40px);
		}
		100%{
			opacity: 1;
			-o-transform:translateX(0);
		}
	}

	@keyframes Xminus40{
		0%{
			opacity: 0;
			transform:translateX(-100px);
		}
		100%{
			opacity: 1;
			transform:translateX(0);
		}
	}
		</style>
		<script type="text/javascript" src="../public/jquery.min.js"></script>
		<script type="text/javascript" src="../code/jquery.slider.js"></script>
	</head>
	<body>
		<div class="slider">
			<div class="content">
				<div class="header">
					<div><p>这里是头部</p></div>
				</div>
				<div class="page page1">
					<div class="tag1">
						<p>分页一</p>
						<p>这里是演示，效果怎么样？</p>
					</div>
				</div>
				<div class="page page2">
					<div class="tag1">
						<p>分页二</p>
						<p>翻滚吧，少年！</p>
					</div>
				</div>
				<div class="page page3">
					<div class="tag1">
						<p>分页三</p>
						<p>哎呦，不错哦~</p>
					</div>
				</div>
				<div class="footer">
					<div><p>这里是底部</p></div>
				</div>
			</div>
			<ul class="nav">
				<li style="display:none;"></li>
				<li></li>
				<li></li>
				<li></li>
				<li style="display:none;"></li>
			</ul>
		</div>
		<script type="text/javascript">
			(function(){
				var $pages = $('.slider .content > div');
				$('.slider').slider({
					direction: "y",
					scrollable:true,
					activeIndex:1,
					keyboardAble:true,
					afterEvent:function(status){
						$pages.eq(status.index).addClass('active').siblings().removeClass('active');
					}
				});			
			})();
		</script>
	</body>
</html>
{'fraction_non_alphanumeric': 0.18779342723004694, 'fraction_numerical': 0.04826877934272301, 'mean_word_length': 2.517543859649123, 'pattern_counts': {'":': 0, '<': 147, '<?xml version=': 0, '>': 149, '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': '2849407', 'n_tokens_mistral': 3721, 'n_tokens_neox': 2754, 'n_words': 479}