<commit_before>/*nav.css*/
body {
	height: 0px;
	font-family: "Consolas", "Menlo", "Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Hiragino Sans GB", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif"; 
}

.nav-container {
	position: fixed;
	z-index: -99; 
	right: 0; 
	top: 0; 
	height: 100%; 
	width: 320px; 
	padding: .5em; 
	box-sizing: border-box;
	transition: all .3s; 
	transform: translateX(100px);

	background-image: repeating-linear-gradient(
		-45deg, 
		#F9F9F9 0px,
		#F9F9F9 5px,
		transparent 0px,
		transparent 10px
	); 
}

.nav-btn {
	position: absolute;
	right: .4rem; 
	top: .4rem; 
}

.blog-container {
	/*position: fixed;*/
	width: 100%; 
	left: 0; 
	/*top: 0;*/
	z-index: 100; 
	background-color: white; 
	transition: all .3s; 
	
	box-shadow: 1px 0 16px rgba(0, 0, 0, .2);
	transform: translateX(0px);
}

.nav-active {
	transform: translateX(-320px);
}

.nav-active + .nav-container {
	transform: translateX(0px);
}

/**/

.nav-container {
	font-size: 0; 
}

.nav-container * {
	font: inherit;
}

.nav-container > * {
	font-size: .4rem; 
	display: inline-block; 
	width: 50%; 
	height: 4em; 
	line-height: 2em; 
	text-align: center; 

	background-image: linear-gradient(
		180deg, 
		rgba(0, 0, 0, .1),
		transparent,
		transparent
	); 
}

.nav-container .for-tab {
	position: absolute;	
	width: 50%; 
	height: 4em; 
	top: 0; 
	opacity: 0; 
	cursor: pointer; 
}

.for-about {
	left: 0; 
}

.for-list {
	left: 50%; 
}

.nav-container .tab {
	position: fixed;
	text-align: center;
	line-height: 1; 
	top: 4em; 
	width: 100%; 
	z-index: -98; 
	text-align: left; 
}

.transition-all {
	transition: all .3s; 
}

.nav-container .about {
	left: -95%; 
	opacity: .4;
}

.nav-container .list {
	left: 95%; 
	opacity: .4;
}

.for-tab:checked ~ .tab {
	left: 0; 
	opacity: 1; 
}

.for-tab-title {
	color: #FFF; 
	font-size: 20px; 
	transition: all .3s; 
}

[has-bg] {
	text-shadow: 0px 1px 1px #222, 0px 1px 1px #222; 
}

.for-tab:checked ~ .for-tab-title {
	color: #FFF; 
}

/*  */

.about {
	/*background-color: white; */
	/*height: 100%; */
}

.bg-container {
	position: relative;
	margin-top: -4em; 
	padding-top: 100%; 
	box-sizing: border-box;
	height: 240px; 
	background-image: url(
		"http://source.ijarvis.cn/blog/test/r.png?imageView2/2/w/9999/h/2000/q/100|imageslim"
	);

	background-repeat: no-repeat;
	background-position: center 23%;
	background-size: 100%;
}

.bg-container .name {
	font-size: 36px; 
	text-align: right; 
	color: #FFF; 
}

.bg-inner {
	position: absolute;
	bottom: 0;
	left: 0; 
	width: 100%; 
	box-sizing: border-box;
	padding: 10% 8%; 
}

.links {
	padding: 8% 10%; 
	box-sizing: border-box;
}

.link {
	display: block; 
	font-size: 0; 
	margin-bottom: 14px; 
}

.link::after {
	content: "<"; 

}

.link > img {
	width: 1.6em; 
	padding: 0 .4em; 
} 

.link > * {
	font-size: 20px; 
	display: inline-block;
	vertical-align: middle;
}<commit_msg>如果是 CSS , Reload 的时候不会刷新页面<commit_after>/*nav.css*/
body {
	height: 0px;
	font-family: "Consolas", "Menlo", "Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Hiragino Sans GB", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif"; 
}

.nav-container {
	position: fixed;
	z-index: -99; 
	right: 0; 
	top: 0; 
	height: 100%; 
	width: 320px; 
	padding: .5em; 
	box-sizing: border-box;
	transition: all .3s; 
	transform: translateX(100px);

	background-image: repeating-linear-gradient(
		-45deg, 
		#F9F9F9 0px,
		#F9F9F9 5px,
		transparent 0px,
		transparent 10px
	); 
}

.nav-btn {
	position: absolute;
	right: .4rem; 
	top: .4rem; 
}

.blog-container {
	/*position: fixed;*/
	width: 100%; 
	left: 0; 
	/*top: 0;*/
	z-index: 100; 
	background-color: white; 
	transition: all .3s; 
	
	box-shadow: 1px 0 16px rgba(0, 0, 0, .2);
	transform: translateX(0px);
}

.nav-active {
	transform: translateX(-320px);
}

.nav-active + .nav-container {
	transform: translateX(0px);
}

/**/

.nav-container {
	font-size: 0; 
}

.nav-container * {
	font: inherit;
}

.nav-container > * {
	font-size: .4rem; 
	display: inline-block; 
	width: 50%; 
	height: 4em; 
	line-height: 2em; 
	text-align: center; 

	background-image: linear-gradient(
		180deg, 
		rgba(0, 0, 0, .1),
		transparent,
		transparent
	); 
}

.nav-container .for-tab {
	position: absolute;	
	width: 50%; 
	height: 4em; 
	top: 0; 
	opacity: 0; 
	cursor: pointer; 
}

.for-about {
	left: 0; 
}

.for-list {
	left: 50%; 
}

.nav-container .tab {
	position: fixed;
	text-align: center;
	line-height: 1; 
	top: 4em; 
	width: 100%; 
	z-index: -98; 
	text-align: left; 
}

.transition-all {
	transition: all .3s; 
}

.nav-container .about {
	left: -95%; 
	opacity: .4;
}

.nav-container .list {
	left: 95%; 
	opacity: .4;
}

.for-tab:checked ~ .tab {
	left: 0; 
	opacity: 1; 
}

.for-tab-title {
	color: #FFF; 
	font-size: 20px; 
	transition: all .3s; 
}

[has-bg] {
	text-shadow: 0px 1px 1px #222, 0px 1px 1px #222; 
}

.for-tab:checked ~ .for-tab-title {
	color: #FFF; 
}

/*  */

.about {
	/*background-color: white; */
	/*height: 100%; */
}

.bg-container {
	position: relative;
	margin-top: -4em; 
	padding-top: 100%; 
	box-sizing: border-box;
	height: 240px; 
	background-image: url(
		"http://source.ijarvis.cn/blog/test/r.png?imageView2/2/w/9999/h/2000/q/100|imageslim"
	);

	background-repeat: no-repeat;
	background-position: center 23%;
	background-size: 100%;
}

.bg-container .name {
	font-size: 36px; 
	text-align: right; 
	color: #FFF; 
}

.bg-inner {
	position: absolute;
	bottom: 0;
	left: 0; 
	width: 100%; 
	box-sizing: border-box;
	padding: 10% 8%; 
}

.links {
	padding: 8% 10%; 
	box-sizing: border-box;
}

.link {
	position: relative;
	display: block; 
	font-size: 0; 
	margin-bottom: 14px; 
}

.link::after {
	content: ""; 
	position: absolute;
	display: block;
	right: 0; 
	top: 0; 
	height: 20px; 
	width: 20px; 
	background-image: url(/icon/left.svg);
	background-color: #000; 
}

.link > img {
	width: 1.6em; 
	padding: 0 .4em; 
} 

.link > * {
	font-size: 20px; 
	display: inline-block;
	vertical-align: middle;
}
{'fraction_non_alphanumeric': 0.18036339389898318, 'fraction_numerical': 0.053175529254875814, 'mean_word_length': 2.9814200398142003, 'pattern_counts': {'":': 0, '<': 4, '<?xml version=': 0, '>': 9, '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': '717809', 'n_tokens_mistral': 3017, 'n_tokens_neox': 2627, 'n_words': 581}