<commit_before><html>

<link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" type="text/css" href="/static/css/custom.css">

<head>
</head>

<body class = "body">

	<nav class="navbar navbar-inverse">
	  <div class="container-fluid">
	    <!-- Brand and toggle get grouped for better mobile display -->
	    <div class="navbar-header">
	    <p class="navbar-text">ASCVD Risk Estimator</p>
	  </div>
	</nav>
	<div class="btn-group no-space btn-group-justified" role="group" aria-label="...">
	  <div class="btn-group" role="group">
	    <button type="button" class="btn btn-default">Clinician Version</button>
	  </div>
	  <div class="btn-group" role="group">
	    <button type="button" class="btn btn-default">Patient Version</button>
	  </div>
	</div>

<div class = "container">
	<body>
		<p>{{ description }}</p>

		<div class="btn-toolbar spaced-bar">
			<span class="btn-group text">Ethnicity</span>

			<div class="btn-group pull-right" role="group">
				<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">Dropdown
					<span class="caret"></span>
				 </button>

			    <ul class="dropdown-menu">
			      <li><a href="#">African American</a></li>
			      <li><a href="#">Caucasian</a></li>
			      <li><a href="#">Other</a></li>
			    </ul>
	    	</div>
		</div>

		<div class="btn-toolbar spaced-bar">
			<span class="btn-group text">Smoker?</span>
		  <span class="btn-group pull-right">
		    <button type="button" class="btn btn-default">Yes</button>
		    <button type="button" class="btn btn-default">No</button>
		  </span>
		</div>

		<div class="btn-toolbar spaced-bar">
			<span class="btn-group text">Diabetes?</span>
		  <span class="btn-group pull-right">
		    <button type="button" class="btn btn-default">Yes</button>
		    <button type="button" class="btn btn-default">No</button>
		  </span><commit_msg>Test and add slider input + Add js library for slider + Move css reference to header<commit_after><html>

<head>
<link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="/static/css/custom.css" rel="stylesheet" type="text/css">
<link href="/static/css/slider.css" rel="stylesheet" type="text/css">

<!-- bin/jquery.slider.min.css -->
<link rel="stylesheet" href="/static/css/jslider.css" type="text/css">
<link rel="stylesheet" href="/static/css/jslider.plastic.css" type="text/css">
<link rel="stylesheet" href="/static/css/jslider.round.css" type="text/css">
<link rel="stylesheet" href="/static/css/jslider.round.plastic.css" type="text/css">
<!-- end -->

<script type="text/javascript" src="/static/js/jslider/jquery-1.7.1.js"></script>

<!-- bin/jquery.slider.min.js -->
<script type="text/javascript" src="/static/js/jslider/jshashtable-2.1_src.js"></script>
<script type="text/javascript" src="/static/js/jslider/jquery.numberformatter-1.2.3.js"></script>
<script type="text/javascript" src="/static/js/jslider/tmpl.js"></script>
<script type="text/javascript" src="/static/js/jslider/jquery.dependClass-0.1.js"></script>
<script type="text/javascript" src="/static/js/jslider/draggable-0.1.js"></script>
<script type="text/javascript" src="/static/js/jslider/jquery.slider.js"></script>
<!-- end -->
</head>

<body class = "body">

	<nav class="navbar navbar-inverse">
	  <div class="container-fluid">
	    <!-- Brand and toggle get grouped for better mobile display -->
	    <div class="navbar-header">
	    <p class="navbar-text">ASCVD Risk Estimator</p>
	  </div>
	</nav>
	<div class="btn-group no-space btn-group-justified" role="group" aria-label="...">
	  <div class="btn-group" role="group">
	    <button type="button" class="btn btn-default">Clinician Version</button>
	  </div>
	  <div class="btn-group" role="group">
	    <button type="button" class="btn btn-default">Patient Version</button>
	  </div>
	</div>

<div class = "container">
	<body>
		<p>{{ description }}</p>

		<div class="btn-toolbar spaced-bar">
			<span class="btn-group text">Age</span>
			<div class="btn-group pull-right">
			    <div class="layout-slider" style="width: 100%">
			    	<span style="display: inline-block; width: 140px; padding: 5px 5px;"><input id="Slider1" type="slider" name="age" value="50" /></span>
			    </div>
			    <script type="text/javascript" charset="utf-8">
			      jQuery("#Slider1").slider({
			        from: 0,
			        to: 100, 
			        step: 1, 
			        dimension: '',
			        skin: 'plastic',
			        });
			    </script>
			</div>
		</div>

		<div class="btn-toolbar spaced-bar">
			<span class="btn-group text">Ethnicity</span>
			<div class="btn-group pull-right" role="group">
				<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">Dropdown
					<span class="caret"></span>
				 </button>

			    <ul class="dropdown-menu">
			      <li><a href="#">African American</a></li>
			      <li><a href="#">Caucasian</a></li>
			      <li><a href="#">Other</a></li>
			    </ul>
	    	</div>
		</div>

		<div class="btn-toolbar spaced-bar">
			<span class="btn-group text">Smoker?</span>
		  <span class="btn-group pull-right">
		    <button type="button" class="btn btn-default">Yes</button>
		    <button type="button" class="btn btn-default">No</button>
		  </span>
		</div>

		<div class="btn-toolbar spaced-bar">
			<span class="btn-group text">Diabetes?</span>
		  <span class="btn-group pull-right">
		    <button type="button" class="btn btn-default">Yes</button>
		    <button type="button" class="btn btn-default">No</button>
		  </span>
{'fraction_non_alphanumeric': 0.20501578393546124, 'fraction_numerical': 0.0056120659417748155, 'mean_word_length': 3.7485428809325563, 'pattern_counts': {'":': 0, '<': 181, '<?xml version=': 0, '>': 181, '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': '3786983', 'n_tokens_mistral': 2121, 'n_tokens_neox': 1865, 'n_words': 381}