<commit_before><!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>reveal.js - The HTML Presentation Framework</title>

		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="<NAME>">

		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">

		<link rel="stylesheet" href="css/reveal.min.css">
		<link rel="stylesheet" href="css/my-stuff.css">
		<link rel="stylesheet" href="css/theme/night.css" id="theme">

		<!-- For syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- If the query includes 'print-pdf', use the PDF print sheet -->
		<script>
			document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
		</script>

		<script>
			window.onload = function() {

				/********************************************************************/
				/*************** First slide ****************************************/
				/********************************************************************/
				var raphael = Raphael("holder");

				width_multiplier = 140;
				round_corners = 10;

				between_boxes = 10;

				type_width = 1 * width_multiplier;
				padding_width = 2 * width_multiplier;
				repeat_width = 4 * width_multiplier

				var recttype = raphael.rect(0, 0, type_width, width_multiplier, round_corners);
				var rectpadding = raphael.rect(type_width + between_boxes, 0, padding_width, width_multiplier, round_corners);
				var rectrepeat = raphael.rect(type_width + padding_width + between_boxes * 2, 0, repeat_width, width_multiplier, round_corners);

				var typetext = raphael.text(width_multiplier / 2, width_multiplier / 2, "request\ntype\n\n1 byte");
				var paddingtext = raphael.text(type_width + between_boxes + padding_width / 2, width_multiplier / 2, "heartbeat\nlength\n\n2 bytes");
				var repeattext = raphael.text(type_width + between_boxes * 2 + padding_width + repeat_width / 2, width_multiplier / 2, "heartbeat text...\n4 bytes");

				recttype.attr("fill", "#ccc").attr("stroke", "#fff");
				rectpadding.attr("fill", "#ccc").attr("stroke", "#fff");
				rectrepeat.attr("fill", "#ccc").attr("stroke", "#fff");

				typetext.attr("fill", "#000").attr("font-size", "32").attr("font-weight", "bold");
				paddingtext.attr("fill", "#000").attr("font-size", "32").attr("font-weight", "bold");
				repeattext.attr("fill", "#000").attr("font-size", "32").attr("font-weight", "bold");

				var already_run = false;
				var add_thing = function () {
					if (already_run) return;

					var goodtext = raphael.text(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2, "↑\n4");
					goodtext.attr("fill", "#0a0").attr("font-size", 32).attr("font-weight", "bold");

					var circle = raphael.circle(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2 + width_multiplier / 6, 20);
					circle.attr("stroke", "#fff").attr("stroke-width", 5);

					var path = raphael.path("M" + (type_width + between_boxes + padding_width / 2 + 20) + " " +
																				(width_multiplier + width_multiplier / 2 + width_multiplier / 6) +
																	"L" + (type_width + between_boxes * 2 + padding_width + repeat_width / 2 - 60) + " " +
																				(width_multiplier / 2 + 20));
					path.attr("stroke", "#fff").attr("stroke-width", 5);

					already_run = true;
				}

				rectpadding.click(add_thing);
				paddingtext.click(add_thing);


				/********************************************************************/
				/*************** Second slide ***************************************/
				/********************************************************************/
				var raphael2 = Raphael("holder2");

				width_multiplier = 140;
				round_corners = 10;

				between_boxes = 10;

				type_width = 1 * width_multiplier;
				padding_width = 2 * width_multiplier;
				repeat_width = 4 * width_multiplier

				var recttype2 = raphael2.rect(0, 0, type_width, width_multiplier, round_corners);
				var rectpadding2 = raphael2.rect(type_width + between_boxes, 0, padding_width, width_multiplier, round_corners);
				var rectrepeat2 = raphael2.rect(type_width + padding_width + between_boxes * 2, 0, repeat_width, width_multiplier, round_corners);

				var typetext2 = raphael2.text(width_multiplier / 2, width_multiplier / 2, "request\ntype\n\n1 byte");
				var paddingtext2 = raphael2.text(type_width + between_boxes + padding_width / 2, width_multiplier / 2, "heartbeat\nlength\n\n2 bytes");
				var repeattext2 = raphael2.text(type_width + between_boxes * 2 + padding_width + repeat_width / 2, width_multiplier / 2, "heartbeat text...\n4 bytes");
				var eviltext2 = raphael2.text(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2, "↑\n65536");

				recttype2.attr("fill", "#ccc").attr("stroke", "#fff");
				rectpadding2.attr("fill", "#ccc").attr("stroke", "#fff");
				rectrepeat2.attr("fill", "#ccc").attr("stroke", "#fff");

				typetext2.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");
				paddingtext2.attr("fill", "#00f").attr("font-size", 32).attr("font-weight", "bold");
				repeattext2.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");
				eviltext2.attr("fill", "#f00").attr("font-size", 32).attr("font-weight", "bold");

				/********************************************************************/
				/**************** Third slide ***************************************/
				/********************************************************************/
				var raphael3 = Raphael("holder3");

				width_multiplier = 140;
				round_corners = 10;

				between_boxes = 10;

				type_width = 1 * width_multiplier;
				padding_width = 2 * width_multiplier;
				repeat_width = 4 * width_multiplier

				var recttype3 = raphael3.rect(0, 0, type_width, width_multiplier, round_corners);
				var rectpadding3 = raphael3.rect(type_width + between_boxes, 0, padding_width, width_multiplier, round_corners);
				var rectrepeat3 = raphael3.rect(type_width + padding_width + between_boxes * 2, 0, repeat_width, width_multiplier, round_corners);

				var typetext3 = raphael3.text(width_multiplier / 2, width_multiplier / 2, "request\ntype\n\n1 byte");
				var paddingtext3 = raphael3.text(type_width + between_boxes + padding_width / 2, width_multiplier / 2, "heartbeat\nlength\n\n2 bytes");
				var repeattext3 = raphael3.text(type_width + between_boxes * 2 + padding_width + repeat_width / 2, width_multiplier / 2, "heartbeat text...\n4 bytes");

				var eviltext3 = raphael3.text(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2, "↑\n65536");

				recttype3.attr("fill", "#ccc").attr("stroke", "#fff");
				rectpadding3.attr("fill", "#ccc").attr("stroke", "#fff");
				rectrepeat3.attr("fill", "#ccc").attr("stroke", "#fff");

				typetext3.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");
				paddingtext3.attr("fill", "#00f").attr("font-size", 32).attr("font-weight", "bold");
				eviltext3.attr("fill", "#f00").attr("font-size", 32).attr("font-weight", "bold");
				repeattext3.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");

				/********************************************************************/
				/**************** Fourth slide **************************************/
				/********************************************************************/
				var raphael4 = Raphael("holder4");

				width_multiplier = 140;
				round_corners = 10;

				between_boxes = 10;

				type_width = 1 * width_multiplier;
				padding_width = 2 * width_multiplier;
				repeat_width = 4 * width_multiplier

				var recttype4 = raphael4.rect(0, 0, type_width, width_multiplier, round_corners);
				var rectpadding4 = raphael4.rect(type_width + between_boxes, 0, padding_width, width_multiplier, round_corners);
				var rectrepeat4 = raphael4.rect(type_width + padding_width + between_boxes * 2, 0, repeat_width, width_multiplier, round_corners);

				var typetext4 = raphael4.text(width_multiplier / 2, width_multiplier / 2, "request\ntype\n\n1 byte");
				var paddingtext4 = raphael4.text(type_width + between_boxes + padding_width / 2, width_multiplier / 2, "heartbeat\nlength\n\n2 bytes");
				var repeattext4 = raphael4.text(type_width + between_boxes * 2 + padding_width + repeat_width / 2, width_multiplier / 2, "heartbeat text...\n4 bytes");

				var eviltext4 = raphael4.text(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2, "↑\n65536");

				recttype4.attr("fill", "#ccc").attr("stroke", "#fff");
				rectpadding4.attr("fill", "#ccc").attr("stroke", "#fff");
				rectrepeat4.attr("fill", "#ccc").attr("stroke", "#fff");

				typetext4.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");
				paddingtext4.attr("fill", "#00f").attr("font-size", 32).attr("font-weight", "bold");
				eviltext4.attr("fill", "#f00").attr("font-size", 32).attr("font-weight", "bold");
				repeattext4.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");<commit_msg>Added index.<commit_after><!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>reveal.js - The HTML Presentation Framework</title>

		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="<NAME> Hattab">

		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">

		<link rel="stylesheet" href="css/reveal.min.css">
		<link rel="stylesheet" href="css/my-stuff.css">
		<link rel="stylesheet" href="css/theme/night.css" id="theme">

		<!-- For syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- If the query includes 'print-pdf', use the PDF print sheet -->
		<script>
			document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
		</script>

		<script>
			window.onload = function() {

				/********************************************************************/
				/*************** First slide ****************************************/
				/********************************************************************/
				var raphael = Raphael("holder", 960, 342);

				width_multiplier = 140;
				round_corners = 10;

				between_boxes = 10;

				type_width = 1 * width_multiplier;
				padding_width = 2 * width_multiplier;
				repeat_width = 4 * width_multiplier

				var recttype = raphael.rect(0, 0, type_width, width_multiplier, round_corners);
				var rectpadding = raphael.rect(type_width + between_boxes, 0, padding_width, width_multiplier, round_corners);
				var rectrepeat = raphael.rect(type_width + padding_width + between_boxes * 2, 0, repeat_width, width_multiplier, round_corners);

				var typetext = raphael.text(width_multiplier / 2, width_multiplier / 2, "request\ntype\n\n1 byte");
				var paddingtext = raphael.text(type_width + between_boxes + padding_width / 2, width_multiplier / 2, "heartbeat\nlength\n\n2 bytes");
				var repeattext = raphael.text(type_width + between_boxes * 2 + padding_width + repeat_width / 2, width_multiplier / 2, "heartbeat text...\n4 bytes");

				recttype.attr("fill", "#ccc").attr("stroke", "#fff");
				rectpadding.attr("fill", "#ccc").attr("stroke", "#fff");
				rectrepeat.attr("fill", "#ccc").attr("stroke", "#fff");

				typetext.attr("fill", "#000").attr("font-size", "32").attr("font-weight", "bold");
				paddingtext.attr("fill", "#000").attr("font-size", "32").attr("font-weight", "bold");
				repeattext.attr("fill", "#000").attr("font-size", "32").attr("font-weight", "bold");

				var already_run = false;
				var add_thing = function () {
					if (already_run) return;

					var goodtext = raphael.text(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2, "↑\n4");
					goodtext.attr("fill", "#0a0").attr("font-size", 32).attr("font-weight", "bold");

					var circle = raphael.circle(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2 + width_multiplier / 6, 20);
					circle.attr("stroke", "#fff").attr("stroke-width", 5);

					var path = raphael.path("M" + (type_width + between_boxes + padding_width / 2 + 20) + " " +
																				(width_multiplier + width_multiplier / 2 + width_multiplier / 6) +
																	"L" + (type_width + between_boxes * 2 + padding_width + repeat_width / 2 - 60) + " " +
																				(width_multiplier / 2 + 20));
					path.attr("stroke", "#fff").attr("stroke-width", 5);

					already_run = true;
				}

				rectpadding.click(add_thing);
				paddingtext.click(add_thing);


				/********************************************************************/
				/*************** Second slide ***************************************/
				/********************************************************************/
				var raphael2 = Raphael("holder2", 960, 342);

				width_multiplier = 140;
				round_corners = 10;

				between_boxes = 10;

				type_width = 1 * width_multiplier;
				padding_width = 2 * width_multiplier;
				repeat_width = 4 * width_multiplier

				var recttype2 = raphael2.rect(0, 0, type_width, width_multiplier, round_corners);
				var rectpadding2 = raphael2.rect(type_width + between_boxes, 0, padding_width, width_multiplier, round_corners);
				var rectrepeat2 = raphael2.rect(type_width + padding_width + between_boxes * 2, 0, repeat_width, width_multiplier, round_corners);

				var typetext2 = raphael2.text(width_multiplier / 2, width_multiplier / 2, "request\ntype\n\n1 byte");
				var paddingtext2 = raphael2.text(type_width + between_boxes + padding_width / 2, width_multiplier / 2, "heartbeat\nlength\n\n2 bytes");
				var repeattext2 = raphael2.text(type_width + between_boxes * 2 + padding_width + repeat_width / 2, width_multiplier / 2, "heartbeat text...\n4 bytes");
				var eviltext2 = raphael2.text(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2, "↑\n65536");

				recttype2.attr("fill", "#ccc").attr("stroke", "#fff");
				rectpadding2.attr("fill", "#ccc").attr("stroke", "#fff");
				rectrepeat2.attr("fill", "#ccc").attr("stroke", "#fff");

				typetext2.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");
				paddingtext2.attr("fill", "#00f").attr("font-size", 32).attr("font-weight", "bold");
				repeattext2.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");
				eviltext2.attr("fill", "#f00").attr("font-size", 32).attr("font-weight", "bold");

				/********************************************************************/
				/**************** Third slide ***************************************/
				/********************************************************************/
				var raphael3 = Raphael("holder3", 960, 342);

				width_multiplier = 140;
				round_corners = 10;

				between_boxes = 10;

				type_width = 1 * width_multiplier;
				padding_width = 2 * width_multiplier;
				repeat_width = 4 * width_multiplier

				var recttype3 = raphael3.rect(0, 0, type_width, width_multiplier, round_corners);
				var rectpadding3 = raphael3.rect(type_width + between_boxes, 0, padding_width, width_multiplier, round_corners);
				var rectrepeat3 = raphael3.rect(type_width + padding_width + between_boxes * 2, 0, repeat_width, width_multiplier, round_corners);

				var typetext3 = raphael3.text(width_multiplier / 2, width_multiplier / 2, "request\ntype\n\n1 byte");
				var paddingtext3 = raphael3.text(type_width + between_boxes + padding_width / 2, width_multiplier / 2, "heartbeat\nlength\n\n2 bytes");
				var repeattext3 = raphael3.text(type_width + between_boxes * 2 + padding_width + repeat_width / 2, width_multiplier / 2, "heartbeat text...\n4 bytes");

				var eviltext3 = raphael3.text(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2, "↑\n65536");

				recttype3.attr("fill", "#ccc").attr("stroke", "#fff");
				rectpadding3.attr("fill", "#ccc").attr("stroke", "#fff");
				rectrepeat3.attr("fill", "#ccc").attr("stroke", "#fff");

				typetext3.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");
				paddingtext3.attr("fill", "#00f").attr("font-size", 32).attr("font-weight", "bold");
				eviltext3.attr("fill", "#f00").attr("font-size", 32).attr("font-weight", "bold");
				repeattext3.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");

				/********************************************************************/
				/**************** Fourth slide **************************************/
				/********************************************************************/
				var raphael4 = Raphael("holder4", 960, 342);

				width_multiplier = 140;
				round_corners = 10;

				between_boxes = 10;

				type_width = 1 * width_multiplier;
				padding_width = 2 * width_multiplier;
				repeat_width = 4 * width_multiplier

				var recttype4 = raphael4.rect(0, 0, type_width, width_multiplier, round_corners);
				var rectpadding4 = raphael4.rect(type_width + between_boxes, 0, padding_width, width_multiplier, round_corners);
				var rectrepeat4 = raphael4.rect(type_width + padding_width + between_boxes * 2, 0, repeat_width, width_multiplier, round_corners);

				var typetext4 = raphael4.text(width_multiplier / 2, width_multiplier / 2, "request\ntype\n\n1 byte");
				var paddingtext4 = raphael4.text(type_width + between_boxes + padding_width / 2, width_multiplier / 2, "heartbeat\nlength\n\n2 bytes");
				var repeattext4 = raphael4.text(type_width + between_boxes * 2 + padding_width + repeat_width / 2, width_multiplier / 2, "heartbeat text...\n4 bytes");

				var eviltext4 = raphael4.text(type_width + between_boxes + padding_width / 2, width_multiplier + width_multiplier / 2, "↑\n65536");

				recttype4.attr("fill", "#ccc").attr("stroke", "#fff");
				rectpadding4.attr("fill", "#ccc").attr("stroke", "#fff");
				rectrepeat4.attr("fill", "#ccc").attr("stroke", "#fff");

				typetext4.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");
				paddingtext4.attr("fill", "#00f").attr("font-size", 32).attr("font-weight", "bold");
				eviltext4.attr("fill", "#f00").attr("font-size", 32).attr("font-weight", "bold");
				repeattext4.attr("fill", "#888").attr("font-size", 32).attr("font-weight", "bold");
{'fraction_non_alphanumeric': 0.2363126125172085, 'fraction_numerical': 0.03198136185534258, 'mean_word_length': 4.551734273956496, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, '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': '1109207', 'n_tokens_mistral': 7229, 'n_tokens_neox': 6014, 'n_words': 1167}