
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name='robots' content='noindex,nofollow' />
	<title>Nibbleblog Installer</title>

	<script src="./admin/js/jquery/jquery.js"></script>
	<script src="./admin/js/functions.js"></script>

	<style type="text/css">
		body {
			font-family: arial,sans-serif;
			margin: 0;
			padding: 0;
			font-size: 62.5%;
			color: #555;
			background: url("admin/templates/easy4/css/img/grey.png") repeat rgba(0, 0, 0, 0);
		}

		#container {
			margin: 50px auto;
			max-width: 700px;
			padding: 20px 30px;
			width: 60%;
			box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.08);

			background: rgba(255, 255, 255, 0.6);
			border: 1px solid #CCC;
			border-radius: 3px 3px 3px 3px;
		}

		h1 {
			margin: 0 0 20px 0;
			text-align: center;
			font-size: 2.6em;
			font-weight: normal;
		}

		h2 {
			color: #6C7479;
			font-size: 2em;
		}

		p {
			font-size: 1.3em;
		}

		a {
			color: #2361D3;
			cursor: pointer;
			text-decoration: none;
		}

		a:hover {
			text-decoration: underline;
		}

		a.lang {
			display: inline-block;
		}

		div.dependency {
			background: #f1f1f1;
			padding: 10px;
			overflow: auto;
			margin-bottom: 5px;
			font-size: 1.3em;
		}

		div.status_pass {
			float:right;
			color: green;
		}

		div.status_fail {
			float:right;
			color: red;
		}

		#configuration,
		#dependencies,
		#complete {
			display: none;
		}

		input[type="text"],
		input[type="password"],
		textarea {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			width: 100%;
			border: 1px solid #ccc;
			border-radius: 2px;
			color: #858585;
			padding: 10px 8px 10px 8px;
			outline:none; /* not focus border on chrome */
			resize: none;
		}

		input[type="submit"] {
			border: 1px solid rgba(0, 0, 0, 0.1);
			border-radius: 2px 2px 2px 2px;
			box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
			color: #444444;
			cursor: pointer;
			display: inline-block;
			font-size: 1.3em;
			padding: 7px 33px;
			background: #F1F1F1;
			background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
			background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F1F1F1));
			margin-top: 20px;
		}

		input[type="submit"]:hover {
			background: #E1E1E1;
			background: -moz-linear-gradient(center top , #EFEFEF, #E1E1E1);
			background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#E1E1E1));
		}

		select {
			width: 100%;
			padding: 6px;
		}

		label {
			color: #333;
			margin-bottom:3px;
			display:block;
			font-size: 1.3em;
			margin-top: 16px;
		}

		footer {
			margin: 30px 0;
			border-top: 1px solid #f1f1f1;
			text-align: center;
		}

		#head {
			margin-bottom: 20px;
		}
</style>

</head>
<body>

	<div id="container">

		<header id="head">
			<h1 >Welcome to Nibbleblog</h1>		</header>

		<noscript>
		<section id="javascript_fail">
			<h2>Javascript</h2>
			<p>Please enable JavaScript in your browser</p>
		</section>
		</noscript>

		<section id="complete">
			<h2 >Installation complete</h2><p >Congratulations!</p><p >Your Nibbleblog installation is now complete.</p><p >To manage your blog go to the following address <a href="./admin.php">http://www.sportsfanexplorer.com/admin.php</a></p><p >or visit your new blog <a href="./">http://www.sportsfanexplorer.com/</a></p><p >If you need support please visit the forum <a href="http://forum.nibbleblog.com">http://forum.nibbleblog.com</a></p>		</section>

		<section id="dependencies">
			<h2>Dependencies</h2>
			<div class="dependency" ><a class="description" href="http://www.php.net" target="_blank" >PHP version > 5.2</a><div class="status_pass" >Pass</div></div><div class="dependency" ><a class="description" href="http://www.php.net/manual/en/book.dom.php" target="_blank" >PHP module - DOM</a><div class="status_pass" >Pass</div></div><div class="dependency" ><a class="description" href="http://www.php.net/manual/en/book.image.php" target="_blank" >PHP module - GD</a><div class="status_pass" >Pass</div></div><div class="dependency" ><a class="description" href="http://www.php.net/manual/en/book.simplexml.php" target="_blank" >PHP module - SimpleXML</a><div class="status_pass" >Pass</div></div><div class="dependency" ><a class="description" href="http://wiki.nibbleblog.com/doku.php?id=how_to_set_up_permissions" target="_blank" >Writing test on "content" directory</a><div class="status_pass" >Pass</div></div>		</section>

		<section id="configuration">

			<form id="js_form" name="form" method="post"  ><label class="blocked" >Language</label><select id="js_language" name="language" ><option value="de_DE" >Deutsch - Deutsch</option><option value="en_US" selected="selected">English - United States</option><option value="es_ES" >Español - Español</option><option value="fr_FR" >Français - Français</option><option value="it_IT" >Italiano - Italiano</option><option value="nl_NL" >Nederlands</option><option value="pl_PL" >Polski - Polski</option><option value="pt_PT" >Português - Português</option><option value="ru_RU" >Pyccĸий - Pyccĸий</option><option value="vi_VI" >Tiếng Việt - Tiếng Việt</option><option value="zh_CN" >简体中文</option><option value="zh_TW" >繁體中文</option></select><label >Blog title</label><input id="js_name" name="name" type="text" autocomplete="off" maxlength="254" value="" /><label >Blog slogan</label><input id="js_slogan" name="slogan" type="text" autocomplete="off" maxlength="254" value="" /><label >Administrator username*</label><input id="js_username" name="username" type="text" autocomplete="off" maxlength="254" value="" /><label >Administrator password*</label><input id="js_password" name="password" type="text" autocomplete="off" maxlength="254" value="" /><label >Administrator e-mail*</label><input id="js_email" name="email" type="text" autocomplete="off" value="" placeholder="Enter a valid e-mail address" /><div style="display:none" ><label >Blog address (URL)</label><input name="url" type="text" value="http://www.sportsfanexplorer.com/" autocomplete="off" /><label >Blog base path</label><input name="path" type="text" value="/" autocomplete="off" /></div><input type="submit" value="Install" /></form>		</section>

		<footer>
			<p><a href="http://nibbleblog.com">Nibbleblog 4.0.3 "Coffee"</a> ©2009 - 2014 | Developed by Diego Najar | <a href="./install.php?expert=true&language=en_US" >Expert mode</a></p>
		</footer>

	</div>

	<script>
	$(document).ready(function(){

		$("#configuration").show()
		$("#js_language").change(function () {
			var locale = $("#js_language option:selected").val();
			var url = location.pathname+"?language="+locale;
			console.log("Nibbleblog: Url="+url);
			location.replace(url);
		});

		$("form").submit(function(e){
			var username = $("#js_username");
			var password = $("#js_password");
			var email = $("#js_email");

			username.css("background-color", "");
			password.css("background-color", "");
			email.css("background-color", "");

			if(empty(username.val()))
			{
				username.css("background-color", "#D8F0F0");
				return false;
			}

			if(empty(password.val()))
			{
				password.css("background-color", "#D8F0F0");
				return false;
			}

			if(!validate_email(email.val()))
			{
				email.css("background-color", "#D8F0F0");
				return false;
			}

			return true;
		});

	});
	</script>

</body>
</html>