<commit_before><%- include header.html %>

<div class="uk-container">
	<div class="uk-grid uk-grid-preserve">

		<div class="uk-width-small-1-1 uk-width-medium-6-10 uk-width-large-7-10">
			<div id="welcome">
				<h1>Welcome to OpenBI</h1>
				The easiest way to create interactive dashboard.
				<a href="/openbi.pdf">User's Guide</a>
				<img src="/images/carousel.png" style="width:100%;" />
			</div>
		</div>

		<div class="uk-width-small-1-1 uk-width-medium-4-10 uk-width-large-3-10">
			<form class="uk-form" id='login-form' method="post">
				<span class="center">
					<h2>Log In</h2>
				</span>

				<input type="text" name="username"
					autofocus placeholder="User Name" />
				<input type="password" name="password"
					placeholder="Password"/>

				<span class="center">
					<input type="submit" value="Log In" class="uk-button" />
				</span>
				<!-- TODO forget password -->
			</form>
		</div>

	</div>
</div>

<script src="/js/d3.js"></script>
<script src="/js/trianglify.js"></script>
<script>
$(document).ready(function() {
	var t = new Trianglify({
		cellsize: 60,
		// x_gradient: Trianglify.colorbrewer.BuGn[0],
		noiseIntensity: 0
	});
	// var p = t.generate(document.body.clientWidth,document.body.clientHeight);
	var p = t.generate(800, 600);
	$('body').css('background-image', p.dataUrl);
});
</script>

<%- include footer.html %><commit_msg>Add error for login page<commit_after><%- include header.html %>

<div class="uk-container">
	<div class="uk-grid uk-grid-preserve">

		<div class="uk-width-small-1-1 uk-width-medium-6-10 uk-width-large-7-10">
			<div id="welcome">
				<h1>Welcome to OpenBI</h1>
				The easiest way to create interactive dashboard.
				<a href="/openbi.pdf">User's Guide</a>
				<img src="/images/carousel.png" style="width:100%;" />
			</div>
		</div>

		<div class="uk-width-small-1-1 uk-width-medium-4-10 uk-width-large-3-10">
			<form class="uk-form" id='login-form' method="post">
				<span class="center">
					<h2>Log In</h2>
				</span>

				<input type="text" name="username"
					autofocus placeholder="<NAME>" />
				<input type="password" name="password"
					placeholder="Password"/>

				<span class="center">
					<input type="submit" value="Log In" class="uk-button" />
				</span>
				<!-- TODO forgot password
				&nbsp;
				<a href='#'>Forgot Password ?</a>
				-->
				
				<div id='error' style='display:none; margin: -4px 0 6px 0;'>
				</div>

			</form>
		</div>

	</div>
</div>

<script src="/js/d3.js"></script>
<script src="/js/trianglify.js"></script>
<script>
$(document).ready(function() {
	var t = new Trianglify({
		cellsize: 60,
		// x_gradient: Trianglify.colorbrewer.BuGn[0],
		noiseIntensity: 0
	});
	// var p = t.generate(document.body.clientWidth,document.body.clientHeight);
	var p = t.generate(800, 600);
	$('body').css('background-image', p.dataUrl);

	var query = location.href.split('?');
	if (query.length > 1) {
		var pair = query[1].split('&');
		for (var i = 0; i < pair.length; i++) {
			var p = unescape(pair[i]).split('=');
			if (p[0] === "error") {
				// console.log(p[1]);
				$('#error').html(p[1]).fadeIn();
			}
		}
	}
});
</script>

<%- include footer.html %>
{'fraction_non_alphanumeric': 0.21354330708661418, 'fraction_numerical': 0.024566929133858266, 'mean_word_length': 3.3566529492455417, 'pattern_counts': {'":': 0, '<': 79, '<?xml version=': 0, '>': 79, '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': '868735', 'n_tokens_mistral': 1399, 'n_tokens_neox': 1168, 'n_words': 237}