<commit_before><!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>Mass Media</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<!-- Update this description -->
		<meta name="description" content="">
		<meta name="author" content="<NAME>">
		<!-- Favicon
			<link rel="shortcut icon" href="img/favicon.png" type="image/png" />-->
		<!-- Fonts -->
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;lang=en" rel="stylesheet">
		<!-- CSS styles -->
		<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
		<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
		<!--[if lt IE 9]>
		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<link href="css/custom.css" rel="stylesheet">
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>

	</head>


	<body>

			<div id="tay-packery-archive">
				<div id="mm1" class="item w1">
					<img src="img/mm_01.jpg">
				</div>
				<div id="mm2" class="item w2">
					<img src="img/mm_02.jpg">
				</div>
				<div id="mms1" class="item w4">
					<img src="img/mms_01.JPG">
				</div>
				<div id="mms2" class="item w4">
					<img src="img/mms_02.JPG">
				</div>
				<div id="mms3" class="item w4">
					<img src="img/mms_03.JPG">
				</div>
				<div id="mms4" class="item w4">
					<img src="img/mms_04.JPG">
				</div>
				<div id="mm3" class="item w2">
					<img src="img/mm_03.jpg">
				</div>
				<div id="mm1a" class="item w1">
					<img src="img/mm_01.jpg">
				</div>
				<div id="mm2a" class="item w2">
					<img src="img/mm_02.jpg">
				</div>
				<div id="mms1a" class="item w4">
					<img src="img/mms_01.JPG">
				</div>
				<div id="mms2a" class="item w4">
					<img src="img/mms_02.JPG">
				</div>
				<div id="mm3a" class="item w1">
					<img src="img/mm_03.jpg">
				</div>
			</div>
		</div>

	    <div class="footer">
			<div class="container">
				<div class="row">
					<div class="col-sm-2 text-center">
						<a href="index.html"><i class="fa fa-long-arrow-left fa-1x"></i></a>
					</div>
					<div class="col-sm-8 text-center">
						<span class="dates text-center">ARCHIVE 18/10/2014</span>
					</div>
					<div class="col-sm-2 text-center">
						<a id ="zoom" href="" data-toggle="tooltip" title="Click and drag images to zoom."><i class="fa fa-search fa-1x"></i></a>
					</div>
				</div>
			</div>
	    </div>



		<!-- Bootstrap core JavaScript
			================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
		<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
		
		<script src="js/packery.pkgd.min.js"></script>
		<script>

		var container = document.querySelector('#tay-packery-archive');
		var archive = new Packery( container, {
		  // options
		  itemSelector: '.item',
		  gutter: 0
		});
<commit_msg>Added zoom functionality<commit_after><!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>Mass Media</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<!-- Update this description -->
		<meta name="description" content="">
		<meta name="author" content="<NAME>">
		<!-- Favicon
			<link rel="shortcut icon" href="img/favicon.png" type="image/png" />-->
		<!-- Fonts -->
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;lang=en" rel="stylesheet">
		<!-- CSS styles -->
		<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
		<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
		<!--[if lt IE 9]>
		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<link href="css/custom.css" rel="stylesheet">
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>

	</head>


	<body class="stream">

			<div id="tay-packery-archive">
				<div id="mm1" class="item w1">
					<img src="img/mm_01.jpg">
				</div>
				<div id="mm2" class="item w2">
					<img src="img/mm_02.jpg">
				</div>
				<div id="mms1" class="item w4">
					<img src="img/mms_01.JPG">
				</div>
				<div id="mms2" class="item w4">
					<img src="img/mms_02.JPG">
				</div>
				<div id="mms3" class="item w4">
					<img src="img/mms_03.JPG">
				</div>
				<div id="mms4" class="item w4">
					<img src="img/mms_04.JPG">
				</div>
				<div id="mm3" class="item w2">
					<img src="img/mm_03.jpg">
				</div>
				<div id="mm1a" class="item w1">
					<img src="img/mm_01.jpg">
				</div>
				<div id="mm2a" class="item w2">
					<img src="img/mm_02.jpg">
				</div>
				<div id="mms1a" class="item w4">
					<img src="img/mms_01.JPG">
				</div>
				<div id="mms2a" class="item w4">
					<img src="img/mms_02.JPG">
				</div>
				<div id="mm3a" class="item w1">
					<img src="img/mm_03.jpg">
				</div>
			</div>
		</div>

	    <div class="footer">
			<div class="container">
				<div class="row">
					<div class="col-sm-2 text-center">
						<a href="index.html"><i class="fa fa-long-arrow-left fa-1x"></i></a>
					</div>
					<div class="col-sm-8 text-center">
						<span class="dates text-center">ARCHIVE 18/10/2014</span>
					</div>
					<div class="col-sm-2 text-center">
						<a id ="zoom" data-toggle="tooltip" title="Click and drag images to zoom."><i class="fa fa-search fa-1x"></i></a>
					</div>
				</div>
			</div>
	    </div>



		<!-- Bootstrap core JavaScript
			================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
		<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
		
		<script src="js/packery.pkgd.min.js"></script>
		<script>

		var container = document.querySelector('#tay-packery-archive');
		var archive = new Packery( container, {
		  // options
		  itemSelector: '.item',
		  gutter: 0
		});

{'fraction_non_alphanumeric': 0.22720566538802006, 'fraction_numerical': 0.029212156978459723, 'mean_word_length': 3.161448741559239, 'pattern_counts': {'":': 0, '<': 211, '<?xml version=': 0, '>': 211, 'https://': 10, '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': '2790288', 'n_tokens_mistral': 3112, 'n_tokens_neox': 2553, 'n_words': 494}