<commit_before>html, body { height: 100%; }

body {
	font-family: 'Libre Baskerville', georgia, "times new roman", times, serif;
	margin: 0;
	background-color: #f2f2f2;
}

article.narrative-sections {
	padding-top: 15px;
}

section.horizontal {
	width: 600px;
	height: 230px;
	margin: 0 auto;
}

div.background-strip {
	position: absolute;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	background-color: #dbdbda;
	height: 100%;
	z-index: -1;
}

section.narrative-section {
	float: left;
	display: inline-block;
	background-color: white;
	width: 530px;
	margin-left: 20px;
	border-radius: 3px;
	padding: 15px;
	margin-bottom: 20px;

	opacity: 0.5;

	&.center {
		opacity: 1.0;
	}

	div.size-icons {
		height: 0;
		position: relative;

		div.size-icon {
			float: right;
			margin-top: -15px;
			margin-right: -10px;
			cursor: pointer;
			&.hidden {
				display: none;
			}
		}
	}

	div.title {
		text-align: center;
	}

	div.content {
		height: 100%;
		margin-top: 10px;
		height: 150px;
		overflow-y: scroll;
		&.minimized {
			height: 0;
			display: none;
		}
	}

	div.connector {
		width: 10px;
		background-color: white;
		margin: 0 auto;
	}
}<commit_msg>Adding styling<commit_after>html, body { height: 100%; }

body {
	font-family: 'Libre Baskerville', georgia, "times new roman", times, serif;
	margin: 0;
	background-color: #ababac;
}

header {
	background-color: #1C1D1D;
	color: #F2F2F0;
	padding: 10px;
}

div.vertical-narrative {
	position: absolute;
	width: 600px;
}

div.horizontal-context {
	position: absolute;
	width: 600px;
	left: 800px;
}

section.narrative-section {
	background-color: #f3f3f2;
	// background-color: #C7C4C1;

	float: left;
	display: inline-block;
	background-color: white;
	width: 530px;
	margin-left: 20px;
	border-radius: 3px;
	padding: 15px;
	margin-bottom: 20px;

	div.title, div.content {
		pointer-events: none;
	}

	div.size-icons {
		height: 0;
		position: relative;

		div.size-icon {
			float: right;
			margin-top: -15px;
			margin-right: -10px;
			cursor: pointer;
			&.hidden {
				display: none;
			}
		}
	}
}


// article.narrative-sections {
// 	padding-top: 15px;
// 	width: 600px;
// }

// div.background-strip {
// 	position: absolute;
// 	width: 600px;
// 	left: 50%;
// 	margin-left: -300px;
// 	background-color: #dbdbda;
// 	height: 100%;
// 	z-index: -1;
// }

// section.narrative-section {
// 	float: left;
// 	display: inline-block;
// 	background-color: white;
// 	width: 530px;
// 	margin-left: 20px;
// 	border-radius: 3px;
// 	padding: 15px;
// 	margin-bottom: 20px;

// 	opacity: 0.5;

// 	&.center {
// 		opacity: 1.0;
// 	}

// 	div.size-icons {
// 		height: 0;
// 		position: relative;

// 		div.size-icon {
// 			float: right;
// 			margin-top: -15px;
// 			margin-right: -10px;
// 			cursor: pointer;
// 			&.hidden {
// 				display: none;
// 			}
// 		}
// 	}

// 	div.title {
// 		text-align: center;
// 	}

// 	div.content {
// 		height: 100%;
// 		margin-top: 10px;
// 		height: 150px;
// 		overflow-y: scroll;
// 		&.minimized {
// 			height: 0;
// 			display: none;
// 		}
// 	}

// 	div.connector {
// 		width: 10px;
// 		background-color: white;
// 		margin: 0 auto;
// 	}
// }
{'fraction_non_alphanumeric': 0.17604298356510745, 'fraction_numerical': 0.04709228824273072, 'mean_word_length': 2.5601799775028122, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5902404', 'n_tokens_mistral': 1570, 'n_tokens_neox': 1355, 'n_words': 272}