<commit_before><!doctype html>

<html>
<head>
	<title>My Profile</title>	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<link href="/css/bootstrap.min.css" rel="stylesheet">
	<link href="/css/bootstrap-theme.min.css" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
	<link href="/css/gitfit.css" rel="stylesheet">
       
</head>

<body>
	{{> _navbar}}

	<div class="container">

		<div class="col-xs-12">
			<div class="img_wrapper">
				<img class="img" src={{imageURL}}></img>
			</div>
			
			<div class="center_div">

				<!-- Button trigger modal -->
				<button class="btn btn-custom" data-toggle="modal" data-target="#imgUpload"><span class="glyphicon glyphicon-camera"></span> Change Profile Picture</button>

				<!-- Modal -->
				<div class="modal fade" id="imgUpload">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								<h4 class="modal-title">Change Profile Picture</h4>
							</div>
							<div class="modal-body">
								<div class="form-group">
					                <label>Image URL:</label>
					                <input type="text" class="form-control" id="changeImageURL" name="changeImageURL" placeholder="http://lorempixel.com/technics/300/300">
					            </div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
								<button type="button" class="btn btn-custom" id="changePicBtn">Save</button>
							</div>
						</div><!-- /.modal-content -->
					</div><!-- /.modal-dialog -->
				</div><!-- /.modal -->
				<br>
			</div>

			<div class="panel panel-default">
				<div class="panel-heading">
					<b>Basic Info</b>
                </div>


			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<b>Gym and Activities</b>
                </div>
                

			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<b>Availability</b>
                </div>
                

			</div>

            <div class="userInfo">
                <h3 class="nameInfo">{{name}}, {{age}}</h3>
				<p class="profileInfo">
                    {{gym}} Gym</br>
                    {{location}}</br>
                    {{about_me}}
                </p>
            </div>
            <div>
                <p>Looking for a friend:
                    <input type="checkbox" name="find_friend_toggle" class="switch-small" checked data-animated="false">
                </p>
            </div>
			<div class="activities">
                <div class="row">
                    <div class="panel panel-default">
                        <div class="panel-heading">{{name}}'s Activities</div>
                        <ul class="list-group">
                            {{#each activities}}
                            	<li class="list-group-item">{{this}}</li><commit_msg>commented out in progress profile redesign stuff<commit_after><!doctype html>

<html>
<head>
	<title>My Profile</title>	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<link href="/css/bootstrap.min.css" rel="stylesheet">
	<link href="/css/bootstrap-theme.min.css" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
	<link href="/css/gitfit.css" rel="stylesheet">
       
</head>

<body>
	{{> _navbar}}

	<div class="container">

		<div class="col-xs-12">
			<div class="img_wrapper">
				<img class="img" src={{imageURL}}></img>
			</div>
			
			<div class="center_div">

				<!-- Button trigger modal -->
				<button class="btn btn-custom" data-toggle="modal" data-target="#imgUpload"><span class="glyphicon glyphicon-camera"></span> Change Profile Picture</button>

				<!-- Modal -->
				<div class="modal fade" id="imgUpload">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								<h4 class="modal-title">Change Profile Picture</h4>
							</div>
							<div class="modal-body">
								<div class="form-group">
					                <label>Image URL:</label>
					                <input type="text" class="form-control" id="changeImageURL" name="changeImageURL" placeholder="http://lorempixel.com/technics/300/300">
					            </div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
								<button type="button" class="btn btn-custom" id="changePicBtn">Save</button>
							</div>
						</div><!-- /.modal-content -->
					</div><!-- /.modal-dialog -->
				</div><!-- /.modal -->
				<br>
			</div>
			
<!-- 
			<div class="panel panel-default">
				<div class="panel-heading">
					<b>Basic Info</b>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					glyphicon glyphicon-pencil
                </div>


			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<b>Gym and Activities</b>
                </div>
                

			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<b>Availability</b>
                </div>
                

			</div> -->

            <div class="userInfo">
                <h3 class="nameInfo">{{name}}, {{age}}</h3>
				<p class="profileInfo">
                    {{gym}} Gym</br>
                    {{location}}</br>
                    {{about_me}}
                </p>
            </div>
            <div>
                <p>Looking for a friend:
                    <input type="checkbox" name="find_friend_toggle" class="switch-small" checked data-animated="false">
                </p>
            </div>
			<div class="activities">
                <div class="row">
                    <div class="panel panel-default">
                        <div class="panel-heading">{{name}}'s Activities</div>
                        <ul class="list-group">
                            {{#each activities}}
                            	<li class="list-group-item">{{this}}</li>
{'fraction_non_alphanumeric': 0.1856889414547605, 'fraction_numerical': 0.004435245416913069, 'mean_word_length': 2.198581560283688, 'pattern_counts': {'":': 0, '<': 198, '<?xml version=': 0, '>': 200, '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': '3587056', 'n_tokens_mistral': 2481, 'n_tokens_neox': 2015, 'n_words': 382}