Added disqus.

rishabh-ink · May 21, 2012 · 50c2996 · 50c2996
1 parent e2d7ee3
commit 50c2996
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -82,7 +82,6 @@
 						</li>
 					</ul>
 				</div>
-				<!--/.nav-collapse -->
 			</div>
 		</div>
 	</div>
@@ -95,7 +94,6 @@
 						<div class="alert alert-error">
 							<h4 class="alert-heading">Oh snap! You don't have JavaScript enabled on your browser.</h4>
 							<p>You need to enable JavaScript in your browser to experience this application.</p>
-
 							<a href="http://www.enable-javascript.com/" class="btn btn-info" title="Shows you instructions on how to enable JavaScript on your browser.">
 								<i class="icon-white icon-info-sign"></i> Get help
 							</a>
@@ -157,7 +155,6 @@ <h4 class="alert-heading">Holy guacamole! We're out of memory!</h4>
 
 	<div class="container hide" id="pageContainer">
 		<div class="container-fluid">
-			<!-- Main hero unit for a primary marketing message or call to action -->
 			<div class="hero-unit">
 				<div class="row-fluid">
 					<div class="span2">
@@ -190,19 +187,22 @@ <h6>
 								<div class="row-fluid">
 									<div class="span12">
 										<div id="fb-root"></div>
-							<script>
-								(function(d, s, id) {
-									var js, fjs = d.getElementsByTagName(s)[0];
-									if (d.getElementById(id)) {
-										return;
-									}
-									js = d.createElement(s);
-									js.id = id;
-									js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
-									fjs.parentNode.insertBefore(js, fjs);
-								}(document, 'script', 'facebook-jssdk'));
-							</script>
-							<div class="fb-like" data-href="http://rishabhsrao.github.com/notebook/p/index.html?v=2" data-send="false" data-width="450" data-show-faces="true" data-font="arial"></div>
+										<script>
+											(function(d, s, id) {
+												var js, fjs = d
+														.getElementsByTagName(s)[0];
+												if (d.getElementById(id)) {
+													return;
+												}
+												js = d.createElement(s);
+												js.id = id;
+												js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
+												fjs.parentNode.insertBefore(js,
+														fjs);
+											}(document, 'script',
+													'facebook-jssdk'));
+										</script>
+										<div class="fb-like" data-href="http://rishabhsrao.github.com/notebook/p/index.html?v=2" data-send="false" data-width="450" data-show-faces="true" data-font="arial"></div>
 									</div>
 								</div>
 							</div>
@@ -211,7 +211,6 @@ <h6>
 				</div>
 			</div>
 
-			<!-- Example row of columns -->
 			<div class="row-fluid">
 				<div class="span4">
 					<div class="thumbnail">
@@ -241,7 +240,29 @@ <h4>Moving out?</h4>
 						<p>No problem, simply export your notes and you're good to go.</p>
 						<h6>Currently JSON format is supported.</h6>
 					</div>
-
+				</div>
+			</div>
+
+			<div class="row-fluid">
+				<div class="span12">
+					<div class="well comments-panel">
+						<div id="disqus_thread"></div>
+						<script type="text/javascript">
+							var disqus_shortname = 'rishabhsrao-notebookapp';
+
+							(function() {
+								var dsq = document.createElement('script');
+								dsq.type = 'text/javascript';
+								dsq.async = true;
+								dsq.src = 'http://' + disqus_shortname
+										+ '.disqus.com/embed.js';
+								(document.getElementsByTagName('head')[0] || document
+										.getElementsByTagName('body')[0])
+										.appendChild(dsq);
+							})();
+						</script>
+						<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
+					</div>
 				</div>
 			</div>
 		</div>

diff --git a/less/style.css b/less/style.css
@@ -8206,6 +8206,9 @@ div.welcome-text {
   width: 69px;
   background-position: -643px 0px;
 }
+div.comments-panel {
+  margin-top: 30px;
+}
 /* Override width */
 @media (max-width: 767px) {
   [class*="span"],

diff --git a/less/style.less b/less/style.less
@@ -112,6 +112,10 @@ div.welcome-text {
     }
 }
 
+div.comments-panel {
+    margin-top: 30px;
+}
+
 /* Override width */
 @media (max-width: 767px) {
     [class*="span"],