<cfscript>

	// Check cookies to see if the current request should bypass the maintenance page.
	// --
	// NOTE: We're not "securing" the active site - we simply hiding it from users while
	// it is undergoing some work. As such, this check here doesn't have to be very
	// effective - it just has to provide a nice user experience (UX).
	if ( ! compare( cookie?.earlyAccess, "PleaseToBeHavingEarlyAccess!" ) ) {

		exit;

	}

	// Google allows users to search for cached versions of pages. As a convenience, let's
	// link to the search results for the cached version of the requested page.
	searchUrl = "https://www.google.com/search?q=#encodeForUrl( "cache:https://www.bennadel.com#cgi.path_info#" )#";

</cfscript>
<!---
	Report to the browser that this page is not representative of the active application.
	And, that the client should check back in 30-min to see if the site is back online.
--->
<cfheader statusCode="503" statusText="Service Temporarily Unavailable" />
<cfheader name="Retry-After" value="#( 60 * 30 )#" />
<cfcontent type="text/html; charset=utf-8" />

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>
		Down for Maintenance - BenNadel.com
	</title>

	<link rel="shortcut icon" type="image/png" href="/favicon.png" />
	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" />
	<style type="text/css">
		body {
			color: #333333 ;
			font-family: "nunito sans", arial, helvetica, sans-serif ;
			font-size: 1.2rem ;
			font-weight: 400 ;
			line-height: 1.5 ;
			margin: 20px auto 20px auto ;
			max-width: 650px ;
			padding: 0px 20px 0px 20px ;
			text-align: center ;
		}
		h1:before,
		h1:after {
			content: "\1F6A7" ; /* Construction sign emoji. */
		}
		p {
			margin-bottom: 30px ;
		}
		p.cache {
			font-weight: 700 ;
		}
		p.cache strong {
			background-color: #ffe05a ;
			display: inline-block ;
			padding: 0px 4px 0px 4px ;
			text-decoration: inherit ;
		}
		a {
			color: inherit ;
		}
		strong {
			white-space: nowrap ;
		}
	</style>
</head>
<body>

	<h1>
		Down for Maintenance
	</h1>

	<p>
		<strong>So Sorry</strong> &mdash; I am currently applying updates to my site that
		cannot be performed while the site is online. This should only take a few minutes.
		Thank you for your patience. Please check back shortly.
	</p>

	<p class="cache">
		<a href="<cfoutput>#searchUrl#</cfoutput>" target="blank">
			Try viewing the <strong>cached version</strong> of this page on
			<strong>Google</strong>
		</a>
		&rarr;
	</p>

	<p>
		Maintenance window started at <strong>6:05 AM EST</strong>.
	</p>

</body>
</html>

<!--- Don't let anything else in the request get processed. --->
<cfabort />