added ibookstore banner

rrmodi88 · May 15, 2012 · 90ac210 · 90ac210
1 parent 277d310
commit 90ac210
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 5 deletions.
diff --git a/buy-ibook/index.html b/buy-ibook/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<meta http-equiv="Refresh" content="1; url=http://itunes.apple.com/us/book/the-node-beginner-book/id520235047?mt=11" />
+		<script type="text/javascript">
+			var _gaq = _gaq || [];
+			_gaq.push(['_setAccount', 'UA-2127388-6']);
+			_gaq.push(['_trackPageview']);
+
+			(function() {
+				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+			})();
+		</script>
+	</head>
+	<body>
+		You are being redirected to <a href="http://itunes.apple.com/us/book/the-node-beginner-book/id520235047?mt=11">the iBookstore</a>...
+	</body>
+</html>
diff --git a/default.css b/default.css
@@ -12,6 +12,18 @@ body {
     border: 0;
 }
 
+#ibookstore-banner {
+    display: none;
+    margin: -10px;
+    margin-bottom: 0;
+}
+
+@media only screen and (max-width: 1024px) {
+    #ibookstore-banner {
+        display: block;
+    }
+}
+
 #book, #disqus_thread, #footer {
     width: 640px;
     margin: 0 auto;
@@ -511,7 +523,7 @@ li.L1, li.L3, li.L5, li.L7, li.L9 {
 
     h1 {
         font-size: 250%;
-        margin-left: -53px;
+        margin-left: -33px;
     }
 
     #book, #disqus_thread, #footer {
@@ -527,10 +539,7 @@ li.L1, li.L3, li.L5, li.L7, li.L9 {
     }
 
     #translations {
-        font-size: 150%;
-        width: 90%;
-        padding-bottom: 32px;
-        padding-left: 48px;
+        display: none;
     }
 
     #translations td {

diff --git a/ibookstore-banner.jpg b/ibookstore-banner.jpg
diff --git a/index.html b/index.html
@@ -15,6 +15,10 @@
             <a href="https://github.com/ManuelKiessling/NodeBeginnerBook"><img src="fork_me_on_github.png" width="149" height="149" alt="Fork me on GitHub" /></a>
         </div>
 
+        <div id="ibookstore-banner">
+            <a href="buy-ibook/index.html"><img src="ibookstore-banner.jpg" width="100%" /></a>
+        </div>
+
         <div id="translations">
             <table>
                 <tr>