From 908848bfc752543a51a92457764ec72d120ad888 Mon Sep 17 00:00:00 2001
From: Lars Jung <lrsjng@gmail.com>
Date: Sun, 25 Mar 2012 00:45:32 +0100
Subject: [PATCH] Refactored info page assets.

---
 src/_h5ai/css/inc/splash.less    | 140 ++++++++++++++++++++++++++++++
 src/_h5ai/css/splash.less        | 141 -------------------------------
 src/_h5ai/css/styles.less        |   4 +
 src/_h5ai/index.html             |  13 +--
 src/_h5ai/js/inc/H5ai.js         |   4 +
 src/_h5ai/js/{ => inc}/splash.js |   8 +-
 src/_h5ai/js/scripts.js          |   4 +
 7 files changed, 162 insertions(+), 152 deletions(-)
 create mode 100644 src/_h5ai/css/inc/splash.less
 delete mode 100644 src/_h5ai/css/splash.less
 rename src/_h5ai/js/{ => inc}/splash.js (53%)

diff --git a/src/_h5ai/css/inc/splash.less b/src/_h5ai/css/inc/splash.less
new file mode 100644
index 00000000..19518c7d
--- /dev/null
+++ b/src/_h5ai/css/inc/splash.less
@@ -0,0 +1,140 @@
+
+
+html.h5ai-splash {
+	body {
+		position: relative;
+		font-family: Ubuntu, Arial, sans;
+		margin: 0 auto;
+		padding: 0 142px;
+		font-size: 20px;
+		color: #555;
+		max-width: 600px;
+
+		a, a:visited, a:active {
+			color: #2080ff;
+			text-decoration: none;
+			.transition(all 0.2s ease-in-out);
+
+			&:hover {
+				color: #68A9ff;
+			}
+		}
+
+		header {
+			color: #333;
+			text-align: center;
+			margin: 32px 0;
+
+			h1 {
+				margin: 0;
+				padding: 0;
+				font-size: 100px;
+				font-weight: normal;
+				height: 150px;
+				line-height: 150px;
+				font-family: 'Miltonian Tattoo';
+				font-size: 160px;
+				letter-spacing: -5px;
+				.logo-5 {
+					position: relative;
+					top: -14px;
+					img {
+						width: 128px;
+						height: 128px;
+					}
+				}
+				.logo-a {
+					margin-left: -9px;
+				}
+			}
+			h2 {
+				margin: 16px 0 0 0;
+				padding: 0;
+				font-size: 26px;
+				font-weight: normal;
+			}
+		}
+		section {
+			margin: 48px 0;
+
+			.h5ai {
+				font-family: 'Miltonian Tattoo';
+				font-weight: normal;
+			}
+			h2 {
+				font-size: 1.5em;
+				margin-top: 1.5em;
+				margin-bottom: 0.4em;
+				color: #555;
+			}
+			h3 {
+				font-size: 1.15em;
+				margin-top: 1.8em;
+				margin-bottom: 0.6em;
+				color: #555;
+			}
+			h4 {
+				font-size: 0.85em;
+				margin-top: 1.8em;
+				margin-bottom: 0.1em;
+				color: #333;
+			}
+			p {
+				line-height: 1.6em;
+			}
+			p + p {
+				margin-top: 1.2em;
+			}
+			li {
+				margin-top: 0.6em;
+				line-height: 1.4em;
+			}
+			pre.prettyprint.nice, code.prettyprint.nice {
+				font-family: "Ubuntu Mono", Ubuntu, Arial, sans;
+				font-size: 0.95em;
+				a {
+					background-color: rgba(255,241,0,0.3);
+
+					&:hover {
+						background-color: rgba(255,241,0,0.7);
+					}
+				}
+
+				.com {
+					color: #aaa;
+				}
+				.since .com {
+					&:before {
+						content: "@since ";
+					}
+				}
+				.since.new .com {
+					font-weight: bold;
+					color: #17b31c;
+					&:after {
+						content: " NEW!";
+					}
+				}
+			}
+			pre.prettyprint {
+				border: none;
+				margin: 1em 0 1em 0.3em;
+				padding-left: 0.6em;
+				border-left: 2px solid rgba(0,0,0,0.15);
+			}
+			code.prettyprint {
+				border: 1px solid rgba(0,0,0,0.15);
+				padding: 2px 4px 2px 4px;
+			}
+			img.gravatar {
+				float: left;
+				width: 80px;
+				height: 80px;
+				margin: 8px 12px 20px 2px;
+				padding: 2px;
+				background-color: #ddd;
+				border: 1px solid #bbb;
+			}
+		}
+	}
+}
diff --git a/src/_h5ai/css/splash.less b/src/_h5ai/css/splash.less
deleted file mode 100644
index 39265f75..00000000
--- a/src/_h5ai/css/splash.less
+++ /dev/null
@@ -1,141 +0,0 @@
-
-@import "inc/h5bp-norm";
-@import "inc/mixins";
-
-
-body {
-	position: relative;
-	font-family: Ubuntu, Arial, sans;
-	margin: 0 auto;
-	padding: 0 142px;
-	font-size: 20px;
-	color: #555;
-	max-width: 600px;
-
-	a, a:visited, a:active {
-		color: #2080ff;
-		text-decoration: none;
-		.transition(all 0.2s ease-in-out);
-
-		&:hover {
-			color: #68A9ff;
-		}
-	}
-
-	header {
-		color: #333;
-		text-align: center;
-		margin: 32px 0;
-
-		h1 {
-			margin: 0;
-			padding: 0;
-			font-size: 100px;
-			font-weight: normal;
-			height: 150px;
-			line-height: 150px;
-			font-family: 'Miltonian Tattoo';
-			font-size: 160px;
-			letter-spacing: -5px;
-			.logo-5 {
-				position: relative;
-				top: -14px;
-				img {
-					width: 128px;
-					height: 128px;
-				}
-			}
-			.logo-a {
-				margin-left: -9px;
-			}
-		}
-		h2 {
-			margin: 16px 0 0 0;
-			padding: 0;
-			font-size: 26px;
-			font-weight: normal;
-		}
-	}
-	section {
-		margin: 48px 0;
-
-		.h5ai {
-			font-family: 'Miltonian Tattoo';
-			font-weight: normal;
-		}
-		h2 {
-			font-size: 1.5em;
-			margin-top: 1.5em;
-			margin-bottom: 0.4em;
-			color: #555;
-		}
-		h3 {
-			font-size: 1.15em;
-			margin-top: 1.8em;
-			margin-bottom: 0.6em;
-			color: #555;
-		}
-		h4 {
-			font-size: 0.85em;
-			margin-top: 1.8em;
-			margin-bottom: 0.1em;
-			color: #333;
-		}
-		p {
-			line-height: 1.6em;
-		}
-		p + p {
-			margin-top: 1.2em;
-		}
-		li {
-			margin-top: 0.6em;
-			line-height: 1.4em;
-		}
-		pre.prettyprint.nice, code.prettyprint.nice {
-			font-family: "Ubuntu Mono", Ubuntu, Arial, sans;
-			font-size: 0.95em;
-			a {
-				background-color: rgba(255,241,0,0.3);
-
-				&:hover {
-					background-color: rgba(255,241,0,0.7);
-				}
-			}
-
-			.com {
-				color: #aaa;
-			}
-			.since .com {
-				&:before {
-					content: "@since ";
-				}
-			}
-			.since.new .com {
-				font-weight: bold;
-				color: #17b31c;
-				&:after {
-					content: " NEW!";
-				}
-			}
-		}
-		pre.prettyprint {
-			border: none;
-			margin: 1em 0 1em 0.3em;
-			padding-left: 0.6em;
-			border-left: 2px solid rgba(0,0,0,0.15);
-		}
-		code.prettyprint {
-			border: 1px solid rgba(0,0,0,0.15);
-			padding: 2px 4px 2px 4px;
-		}
-		img.gravatar {
-			float: left;
-			width: 80px;
-			height: 80px;
-			margin: 8px 12px 20px 2px;
-			padding: 2px;
-			background-color: #ddd;
-			border: 1px solid #bbb;
-		}
-	}
-}
diff --git a/src/_h5ai/css/styles.less b/src/_h5ai/css/styles.less
index 8c9c9e8b..0fd957b1 100644
--- a/src/_h5ai/css/styles.less
+++ b/src/_h5ai/css/styles.less
@@ -64,3 +64,7 @@ html.oldie {
 		display: none !important;
 	}
 }
+
+
+@import "inc/splash";
+
diff --git a/src/_h5ai/index.html b/src/_h5ai/index.html
index a1eef60b..8399f13c 100644
--- a/src/_h5ai/index.html
+++ b/src/_h5ai/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
-<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
-<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<!--[if lt IE 7]> <html class="h5ai-splash no-js ie6 oldie" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="h5ai-splash no-js ie7 oldie" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="h5ai-splash no-js ie8 oldie" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="h5ai-splash no-js" lang="en"> <!--<![endif]-->
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@@ -14,7 +14,7 @@
 	<link rel="apple-touch-icon" type="image/png" href="/_h5ai/images/h5ai-48x48.png">
 	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold">
 	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Miltonian+Tattoo:regular">
-	<link rel="stylesheet" href="/_h5ai/css/splash.css">
+	<link rel="stylesheet" href="/_h5ai/css/styles.css">
 	<script src="/_h5ai/js/modernizr.min.js"></script>
 	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 </head>
@@ -43,6 +43,7 @@
 			<a target="_blank" href="http://twitter.com/lrsjng">@lrsjng</a>
 		</p>
 	</section>
-	<script src="/_h5ai/js/splash.js"></script>
+	<script src="/_h5ai/config.js"></script>
+	<script src="/_h5ai/js/scripts.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/_h5ai/js/inc/H5ai.js b/src/_h5ai/js/inc/H5ai.js
index 2d417616..b8d30320 100644
--- a/src/_h5ai/js/inc/H5ai.js
+++ b/src/_h5ai/js/inc/H5ai.js
@@ -48,6 +48,10 @@
 			h5ai.isJs = $html.hasClass('h5ai-js');
 			h5ai.isPhp = $html.hasClass('h5ai-php');
 
+			if (!h5ai.isJs && !h5ai.isPhp) {
+				return;
+			}
+
 			if (h5ai.isJs) {
 				h5ai.extended.init();
 			}
diff --git a/src/_h5ai/js/splash.js b/src/_h5ai/js/inc/splash.js
similarity index 53%
rename from src/_h5ai/js/splash.js
rename to src/_h5ai/js/inc/splash.js
index b5c8e98f..6fad503e 100644
--- a/src/_h5ai/js/splash.js
+++ b/src/_h5ai/js/inc/splash.js
@@ -1,6 +1,4 @@
 
-// @include "inc/lib/jquery-1.7.1.min.js"
-
 (function (window, $) {
 'use strict';
 /*jslint browser: true, confusion: true, white: true */
@@ -8,11 +6,11 @@
 
 	var deobfuscate = function () {
 
-			$(".obfusma").each(function () {
+			$('.obfusma').each(function () {
 
 				var $this = $(this),
-					add = $this.text().replace(/\s*/g, "").replace(/\[at\]/gi, "@").replace(/\[dot\]/gi, "."),
-					$a = $("<a/>").attr("href", "mailto:" + add).text(add).addClass("deobfusma");
+					add = $this.text().replace(/\s*/g, '').replace(/\[at\]/gi, '@').replace(/\[dot\]/gi, '.'),
+					$a = $('<a/>').attr('href', 'mailto:' + add).text(add).addClass('deobfusma');
 
 				$this.replaceWith($a);
 			});
diff --git a/src/_h5ai/js/scripts.js b/src/_h5ai/js/scripts.js
index 3482f896..2a89352f 100644
--- a/src/_h5ai/js/scripts.js
+++ b/src/_h5ai/js/scripts.js
@@ -17,3 +17,7 @@
 // h5ai
 // ----
 // @include "inc/H5ai.js"
+
+// info
+// ----
+// @include "inc/splash.js"