<!DOCTYPE html>
<html>
	<head>
		<title>
			Nick Tucker Photo Blog &mdash; Coming Soon		</title>
				<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
				<style type='text/css'>
			body {
				background-color: #2D2A25;
				background-image: url( https://www.nicktuckerphoto.com/blog/wp-content/plugins/mojo-marketplace-wp-plugin/images/cs-mojo-bg.jpg );
				background-position: top right;
				background-repeat: no-repeat;
				font-family: 'Montserrat', sans-serif;
				color: #fff;
			}

			a {
				color: #fff;
				text-decoration: none;
			}

			#wrap {
				max-width: 900px;
				margin: 0 auto;
			}

			#logo {
				height: auto;
				width: 204px;
				padding: 30px 10px 10px 10px;
				max-width: 90%;
			}

			.cta {
				background-color: #93C933;
				color: #35393A;
				padding: 10px 20px;
				text-decoration: none;
				margin: 10px 0;
				display: inline-block;
				border-radius: 3px;
			}

			.cta:hover {
				color: #fff;
			}

			.content {
				margin: 5rem 0;
				font-size: 1.2rem;
				padding: 0 15px;
			}

			.powered-by {
				text-align: right;
				padding: 50px;
				font-size: 12px;
			}

			h1 span {
				color: #93C933;
			}

			footer {
				border-top: 1px solid #333;
			}

			footer a:hover {
				color: #ccc;
			}

			footer .col {
				padding: 10px 4%;
				display: inline-block;
				vertical-align: top;
				max-width: 100%;
			}

			footer h2, footer h2 a {
				color: #93C933;
				font-size: 1rem;
				text-decoration: none;
			}

			footer ul {
				list-style: none;
				padding: 0;
			}

			footer li {
				height: 26px;
			}

			#what-is-this-content {
				display: none;
				position: fixed;
				top: 50%;
				left: 50%;
				margin-top: -200px;
				margin-left: -200px;
				width: 300px;
				height: 200px;
				background-color: #fff;
				color: #aaa;
				padding: 50px;
			}

			.btn {
				display: inline-block;
				margin-top: 50px;
				text-align: center;
				padding: 10px 50px;
				border-radius: 3px;
			}

			.green {
				color: #343537;
				background: #92c835; /* Old browsers */
				background: -moz-linear-gradient(top, #92c835 0%, #6d9628 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92c835), color-stop(100%, #6d9628)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #92c835 0%, #6d9628 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #92c835 0%, #6d9628 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #92c835 0%, #6d9628 100%); /* IE10+ */
				background: linear-gradient(to bottom, #92c835 0%, #6d9628 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c835', endColorstr='#6d9628', GradientType=0); /* IE6-9 */
			}

			#what-is-this-content a {
				width: 50%;
				display: inline-block;
				color: #666;
				text-align: center;
			}

			.footer-actions a {
				width: 50%;
				text-align: center;
				display: inline-block;
			}

			.split-content > div:first-of-type {
				padding-right: 10%;
			}

			.split-content > div {
				width: 40%;
				display: inline-block;
				vertical-align: top;
				padding: 50px 80px 0 0;
				font-family: Arial;
				font-weight: lighter;
				line-height: 1.8rem;
			}

			#wrap .highlight {
				color: #90C534;
			}

			@media (max-width: 859px) {
				.split-content > div {
					width: 100%;
					box-sizing: border-box;
					padding: 5% 20%;
				}

				.btn {
					width: 122px;
					display: block;
					margin: 50px auto;
				}

				footer .col {
					width: 100%;
					box-sizing: border-box;
					padding: 5%;
					text-align: center;
				}
			}
		</style>
	</head>
	<body>
		<div id='wrap'>
			<div class='content'>
				<h1>Website Coming Soon</h1>
				<a class='btn green' href='https://www.nicktuckerphoto.com/blog/wp-login.php'>
					Admin Login				</a>
				<div class='split-content'>
					<div>
						<h3>Just visiting?</h3>
						<p>
							The owner of this website is working on making this site awesome. Why not <a class="highlight" href="#" onclick="bookmark();">bookmark it</a> and come back again later. We are sure you will not be disappointed.						</p>
					</div>
					<div>
						<h3>Are you the Site Owner?</h3>
						<p>
							You should <a class="highlight" href="https://www.nicktuckerphoto.com/blog/wp-login.php">login</a> to your WordPress installation and prepare your site for launch.						</p>
						<p>
							To launch your site just click the link in the banner at the top of the scre   en.						</p>
					</div>
				</div>
			</div>
			<footer>
				<div class='footer-actions'>
					<a href='https://www.nicktuckerphoto.com/blog/wp-login.php'>
						Login					</a>
					<a href='#' id='what-is-this' onClick='what_is_this_show()'>
						What is this?					</a>
				</div>
			</footer>
		</div>
		<div id='what-is-this-content'>
			<p>This is the default coming soon page for this site because it was installed via MOJO Marketplace.</p>
			<p>If you are the site owner and are finished building the site you can click the link in the banner of the administration panel to disable it.</p>
			<div>
				<a href='#' onClick='what_is_this_hide()'>close</a>
				<a
					href='https://www.nicktuckerphoto.com/blog/wp-login.php'>login</a>
			</div>
		</div>
		<script type='text/javascript'>
			function what_is_this_show() {
				document.getElementById('what-is-this-content').style.display = 'block';
			}

			function what_is_this_hide() {
				document.getElementById('what-is-this-content').style.display = 'none';
			}

			function bookmark() {
				var title = 'Nick Tucker Photo Blog';
				var url = 'https://www.nicktuckerphoto.com/blog';
				if (window.sidebar && window.sidebar.addPanel) {
					window.sidebar.addPanel(title, href, '');
				} else if (window.external && ('AddFavorite' in window.external)) {
					window.external.AddFavorite(href, title);
				} else if (window.opera && window.print) {
					this.title = title;
					return true;
				} else {
					alert('Press ' + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL') + ' + D to bookmark this page.');
				}
			}
		</script>
	</body>
</html>
