init commit

includes/interact.js

@@ -0,0 +1,26 @@
+$(function() {
+
+	var tocWrapper = $("#toc .wrapper");
+
+	$("#mainContainer h1").each(function(i,item) {
+
+		$("<a />")
+			.text( $(item).text() )
+			.attr("href","#")
+			.data("scrollTo",item)
+			.appendTo(tocWrapper)
+
+	});
+
+});
+
+$("#toc a").live("click", function(e) {
+
+	$.scrollTo( $(this).data("scrollTo"), {
+		duration: 300,
+		easing: "swing"
+	});
+
+	e.preventDefault();
+
+});

includes/styles.css

@@ -0,0 +1,135 @@
+body {
+    font-family: 'GothamBookRegular', Arial, sans-serif;
+	background: url('../images/bg_tile.gif');
+	margin: 0;
+}
+
+@font-face {
+    font-family: 'TodaySHOP-BoldRegular';
+    src: url('fonts/todayshop-bold-webfont.eot');
+    src: url('fonts/todayshop-bold-webfont.eot?#iefix') format('eot'),
+         url('fonts/todayshop-bold-webfont.woff') format('woff'),
+         url('fonts/todayshop-bold-webfont.svg#webfont4Kksikqx') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'GothamBlackRegular';
+    src: url('fonts/gotham-black-webfont.eot');
+    src: url('fonts/gotham-black-webfont.eot?#iefix') format('eot'),
+         url('fonts/gotham-black-webfont.woff') format('woff'),
+         url('fonts/gotham-black-webfont.svg#webfontUCMzTaiD') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'GothamBookRegular';
+    src: url('fonts/gotham-book-webfont.eot');
+    src: url('fonts/gotham-book-webfont.eot?#iefix') format('eot'),
+         url('fonts/gotham-book-webfont.woff') format('woff'),
+         url('fonts/gotham-book-webfont.ttf') format('truetype'),
+         url('fonts/gotham-book-webfont.svg#webfonteMFh7whd') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+
+
+
+
+h1, h2, h3, h4, h5 {
+	/*font-family: 'TodaySHOP-BoldRegular';*/
+	font-family: 'GothamBlackRegular';
+	color: #23262d;
+	text-shadow: 0 1px 0 #FFF;
+}
+
+h1 {
+	margin: 0;
+	padding: 1em 0;
+	font-size: 3em;
+}
+
+h2 {
+	padding-bottom: 4px;
+	border-bottom: 2px solid #23262d;
+	font-size: 1.3em;
+}
+
+h3 {
+	text-transform: uppercase;
+	font-size: .9em;
+	margin: 1.2em 0;
+}
+
+p {
+	font-size: .95em;
+	margin: 1.3em 0;
+	line-height: 1.7em;
+}
+
+li {
+	line-height: 2em;
+}
+
+p code {
+	background: rgba(255,248,68,0.15);
+	padding: 0 2px;
+}
+
+#mainContainer {
+	width: 750px;
+	margin: 0 auto;
+}
+
+.syntaxhighlighter {
+	padding: 1em;
+}
+
+.entry {
+	margin-bottom: 5em;
+}
+
+#toc {
+	position: fixed;
+	top: 0;
+	right: 0;
+	width: 175px;
+	height: 100%;
+	background: #32383f;
+}
+#toc .wrapper {
+	padding: 0 15px;
+}
+#toc a {
+	font-family: "GothamBookRegular";
+	display: block;
+	margin-bottom: 1em;
+	color: #b1bcc9;
+	text-decoration: none;
+}
+#toc a:hover {
+	color: #e5ecf5;
+}
+#toc h1 {
+	margin-top: 1.6em;
+	font-size: 1.5em;
+	color: #f5faff;
+	text-shadow: 0 -1px 0 rgba(0,0,0,0.75);
+}
+
+/* === RESPONSIVE LAYOUT STUFF === */
+@media screen and (max-width: 950px){
+	#mainContainer {
+		width: auto !important;
+		margin: 0 225px 0 50px !important;
+	}
+}/*/mediaquery*/
+@media screen and (max-width: 1281px){
+	#mainContainer {
+		width: 50%;
+		margin: 0 0 0 200px;
+	}
+}/*/mediaquery*/