updated a bunch of stuff

bhargavshah · Aug 14, 2013 · 8bac6fc · 8bac6fc
1 parent bb1a8ed
commit 8bac6fc
Show file tree

Hide file tree

Showing 26 changed files with 841 additions and 399 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -49,16 +49,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="#">Backbone Tutorials</a>
+          <a class="navbar-brand" href="/">Backbone Tutorials</a>
           <div class="nav-collapse collapse navbar-responsive-collapse">
             <ul class="nav navbar-nav">
-              <li class="active"><a href="#">Home</a></li>
-              <li><a href="#">Link</a></li>
+              <li class="active"><a href="/">Home</a></li>
 
             </ul>
             <ul class="nav navbar-nav pull-right">
-              <li><a href="#">Subscribe</a></li>
-              <li><a href="#">Download eBook (.pdf, .MOBI, .ePub)</a></li>
+              <li><a href="http://feeds.feedburner.com/BackboneTutorials">Subscribe</a></li>
+              <li><a href="https://www.google.com.au/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ved=0CC4QFjAA&url=https%3A%2F%2Fleanpub.com%2Fbackbonetutorials&ei=dC8LUvm0O-LtiwLWroDwDA&usg=AFQjCNFuPoy4DzhISX8MR65TDHBhhtKoKw&sig2=hZuDQxF1XDTsnardyQpd0A&bvm=bv.50723672,d.cGE">Download eBook (.pdf, .MOBI, .ePub)</a></li>
             </ul>
           </div><!-- /.nav-collapse -->
         </div><!-- /.container -->
@@ -72,11 +71,28 @@
 
 <div style=""></div>
 <div class="container">
-
+<div class="row">
+  <div class="col-lg-4">
+<div class="panel panel-primary">
+      <div class="panel-heading">
+        <h3 class="panel-title">About</h3>
+      </div>
+
+    <p>Backbone Tutorials is a collection of tutorials written by <a href="http://thomasdav.is">Thomas Davis</a>. Everything is open source and I try my best to keep the tutorials updated. Though I am busy and only work on this is my spare time so many <a href="https://github.com/thomasdavis/backbonetutorials/graphs/contributors">contributors</a> have also help me put this resource together.</p>
+    </div>
+  </div>
+  <div class="col-lg-8">
+        <h3 >Backbone.js Beginner Video Tutorial</h3>
+      <img src="/backbone.png" style="float: left;" /><p>I have put extra effort into making a very easy to understand Backbone.js video which is also free.   It is 70mins long and covers everything you need to know when getting started.</p>
+      <a href="http://gum.co/backbone-beginner-screencast" class="btn btn-primary">Watch Video</a>
+  </div>
+</div>
   <div class="container">
       {{ content }}
   </div>
+
 </div>
+
 <script src="//static.getclicky.com/js" type="text/javascript"></script>
 <script type="text/javascript">try{ clicky.init(66406579); }catch(e){}</script>
 <noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/66406579ns.gif" /></p></noscript>

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,30 +1,42 @@
 ---
 layout: default
 ---
+
+<div class="panel">
+      <div class="panel-heading">
+        <h3 class="panel-title">Tutorial</h3>
+      </div>
+
+
+
 <div id="post">
 {{ content }}
 </div>
+  </div>
 
-<div style="border: 1px solid #ccc; box-shadow: 0 0 10px #ccc; margin-top: 15px; margin-bottom: 20px;padding: 15px;">
-<h3 style="margin-bottom:15 px;">Backbone.js Beginner Video Tutorial</h3><img src="/backbone.png" style="float: left;" /><p>I have put extra effort into making a very easy to understand Backbone.js video which is also free.   It is 70mins long and covers everything you need to know when getting started.</p>
-<a href="http://gum.co/backbone-beginner-screencast" class="btn btn-primary">Watch Video</a>
-<div style="clear: both;"></div>
-</div>
 
+<div class="panel panel-success">
+      <div class="panel-heading">
+        <h3 class="panel-title">Share</h3>
+      </div>
+
+             <a class="FlattrButton" style="display:none;" href="http://backbonetutorials.com/"></a>
+        <noscript><a href="http://flattr.com/thing/176986/Backbone-js-Tutorials" target="_blank">
+        <img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
 
-     <a class="FlattrButton" style="display:none;" href="http://backbonetutorials.com/"></a>
-<noscript><a href="http://flattr.com/thing/176986/Backbone-js-Tutorials" target="_blank">
-<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
 
-
-<span class='st_facebook_vcount' displayText='Facebook'></span>
-<span class='st_twitter_vcount' displayText='Tweet'></span>
-<span class='st_email_vcount' displayText='Reddit'></span>
-<span class='st_email_vcount' displayText='Google +1'></span>
-<script type="text/javascript">var switchTo5x=false;</script>
-<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
-<script type="text/javascript">stLight.options({publisher: "bdee6d8c-ed9a-4867-90f6-011704c29ee3"}); </script>
-<hr />
+        <span class='st_facebook_vcount' displayText='Facebook'></span>
+        <span class='st_twitter_vcount' displayText='Tweet'></span>
+        <span class='st_reddit_vcount' displayText='Reddit'></span>
+        <span class='st_googleplus_vcount' displayText='Google +1'></span>
+        <script type="text/javascript">var switchTo5x=false;</script>
+        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
+        <script type="text/javascript">stLight.options({publisher: "bdee6d8c-ed9a-4867-90f6-011704c29ee3"}); </script>
+</div>
+<div class="panel panel-info">
+      <div class="panel-heading">
+        <h3 class="panel-title">Comments</h3>
+      </div>
 <div id="disqus_thread"></div>
 <script type="text/javascript">
     /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
@@ -37,3 +49,4 @@ <h3 style="margin-bottom:15 px;">Backbone.js Beginner Video Tutorial</h3><img sr
         (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
     })();
 </script>
+</div>
diff --git a/_site/2011-12-12-cross-domain-backbone-apps.html b/_site/2011-12-12-cross-domain-backbone-apps.html
@@ -49,16 +49,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="#">Backbone Tutorials</a>
+          <a class="navbar-brand" href="/">Backbone Tutorials</a>
           <div class="nav-collapse collapse navbar-responsive-collapse">
             <ul class="nav navbar-nav">
-              <li class="active"><a href="#">Home</a></li>
-              <li><a href="#">Link</a></li>
+              <li class="active"><a href="/">Home</a></li>
 
             </ul>
             <ul class="nav navbar-nav pull-right">
-              <li><a href="#">Subscribe</a></li>
-              <li><a href="#">Download eBook (.pdf, .MOBI, .ePub)</a></li>
+              <li><a href="http://feeds.feedburner.com/BackboneTutorials">Subscribe</a></li>
+              <li><a href="https://www.google.com.au/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ved=0CC4QFjAA&url=https%3A%2F%2Fleanpub.com%2Fbackbonetutorials&ei=dC8LUvm0O-LtiwLWroDwDA&usg=AFQjCNFuPoy4DzhISX8MR65TDHBhhtKoKw&sig2=hZuDQxF1XDTsnardyQpd0A&bvm=bv.50723672,d.cGE">Download eBook (.pdf, .MOBI, .ePub)</a></li>
             </ul>
           </div><!-- /.nav-collapse -->
         </div><!-- /.container -->
@@ -72,9 +71,31 @@
 
 <div style=""></div>
 <div class="container">
-
+<div class="row">
+  <div class="col-lg-4">
+<div class="panel panel-primary">
+      <div class="panel-heading">
+        <h3 class="panel-title">About</h3>
+      </div>
+
+    <p>Backbone Tutorials is a collection of tutorials written by <a href="http://thomasdav.is">Thomas Davis</a>. Everything is open source and I try my best to keep the tutorials updated. Though I am busy and only work on this is my spare time so many <a href="https://github.com/thomasdavis/backbonetutorials/graphs/contributors">contributors</a> have also help me put this resource together.</p>
+    </div>
+  </div>
+  <div class="col-lg-8">
+        <h3 >Backbone.js Beginner Video Tutorial</h3>
+      <img src="/backbone.png" style="float: left;" /><p>I have put extra effort into making a very easy to understand Backbone.js video which is also free.   It is 70mins long and covers everything you need to know when getting started.</p>
+      <a href="http://gum.co/backbone-beginner-screencast" class="btn btn-primary">Watch Video</a>
+  </div>
+</div>
   <div class="container">
-      <div id="post">
+      <div class="panel">
+      <div class="panel-heading">
+        <h3 class="panel-title">Tutorial</h3>
+      </div>
+
+
+
+<div id="post">
 <h2>Cross Browser problems when consuming your own <span class="caps">API</span></h2>
 <p>This tutorial aims to help those who have separated their front-end completely from their back-end by building a restful interface as the mediator between the two.</p>
 <p>Consuming your own public api has great benefits and sites such as foursquare have <a href="http://engineering.foursquare.com/2011/12/08/web-sites-are-clients-too/">recently</a> converted.</p>
@@ -405,27 +426,31 @@ <h3>Contributors</h3>
 	<li><a href="https://github.com/dzejkej">Jakub Kozisek</a> (created modular-backbone-updated containing updated libs with <span class="caps">AMD</span> support)</li>
 </ul>
 </div>
-
-<div style="border: 1px solid #ccc; box-shadow: 0 0 10px #ccc; margin-top: 15px; margin-bottom: 20px;padding: 15px;">
-<h3 style="margin-bottom:15 px;">Backbone.js Beginner Video Tutorial</h3><img src="/backbone.png" style="float: left;" /><p>I have put extra effort into making a very easy to understand Backbone.js video which is also free.   It is 70mins long and covers everything you need to know when getting started.</p>
-<a href="http://gum.co/backbone-beginner-screencast" class="btn btn-primary">Watch Video</a>
-<div style="clear: both;"></div>
-</div>
+  </div>
 
 
-     <a class="FlattrButton" style="display:none;" href="http://backbonetutorials.com/"></a>
-<noscript><a href="http://flattr.com/thing/176986/Backbone-js-Tutorials" target="_blank">
-<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
+<div class="panel panel-success">
+      <div class="panel-heading">
+        <h3 class="panel-title">Share</h3>
+      </div>
+
+             <a class="FlattrButton" style="display:none;" href="http://backbonetutorials.com/"></a>
+        <noscript><a href="http://flattr.com/thing/176986/Backbone-js-Tutorials" target="_blank">
+        <img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
 
 
-<span class='st_facebook_vcount' displayText='Facebook'></span>
-<span class='st_twitter_vcount' displayText='Tweet'></span>
-<span class='st_email_vcount' displayText='Reddit'></span>
-<span class='st_email_vcount' displayText='Google +1'></span>
-<script type="text/javascript">var switchTo5x=false;</script>
-<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
-<script type="text/javascript">stLight.options({publisher: "bdee6d8c-ed9a-4867-90f6-011704c29ee3"}); </script>
-<hr />
+        <span class='st_facebook_vcount' displayText='Facebook'></span>
+        <span class='st_twitter_vcount' displayText='Tweet'></span>
+        <span class='st_reddit_vcount' displayText='Reddit'></span>
+        <span class='st_googleplus_vcount' displayText='Google +1'></span>
+        <script type="text/javascript">var switchTo5x=false;</script>
+        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
+        <script type="text/javascript">stLight.options({publisher: "bdee6d8c-ed9a-4867-90f6-011704c29ee3"}); </script>
+</div>
+<div class="panel panel-info">
+      <div class="panel-heading">
+        <h3 class="panel-title">Comments</h3>
+      </div>
 <div id="disqus_thread"></div>
 <script type="text/javascript">
     /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
@@ -438,9 +463,12 @@ <h3 style="margin-bottom:15 px;">Backbone.js Beginner Video Tutorial</h3><img sr
         (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
     })();
 </script>
+</div>
 
   </div>
+
 </div>
+
 <script src="//static.getclicky.com/js" type="text/javascript"></script>
 <script type="text/javascript">try{ clicky.init(66406579); }catch(e){}</script>
 <noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/66406579ns.gif" /></p></noscript>

diff --git a/_site/about.html b/_site/about.html
@@ -49,16 +49,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="#">Backbone Tutorials</a>
+          <a class="navbar-brand" href="/">Backbone Tutorials</a>
           <div class="nav-collapse collapse navbar-responsive-collapse">
             <ul class="nav navbar-nav">
-              <li class="active"><a href="#">Home</a></li>
-              <li><a href="#">Link</a></li>
+              <li class="active"><a href="/">Home</a></li>
 
             </ul>
             <ul class="nav navbar-nav pull-right">
-              <li><a href="#">Subscribe</a></li>
-              <li><a href="#">Download eBook (.pdf, .MOBI, .ePub)</a></li>
+              <li><a href="http://feeds.feedburner.com/BackboneTutorials">Subscribe</a></li>
+              <li><a href="https://www.google.com.au/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ved=0CC4QFjAA&url=https%3A%2F%2Fleanpub.com%2Fbackbonetutorials&ei=dC8LUvm0O-LtiwLWroDwDA&usg=AFQjCNFuPoy4DzhISX8MR65TDHBhhtKoKw&sig2=hZuDQxF1XDTsnardyQpd0A&bvm=bv.50723672,d.cGE">Download eBook (.pdf, .MOBI, .ePub)</a></li>
             </ul>
           </div><!-- /.nav-collapse -->
         </div><!-- /.container -->
@@ -72,15 +71,32 @@
 
 <div style=""></div>
 <div class="container">
-
+<div class="row">
+  <div class="col-lg-4">
+<div class="panel panel-primary">
+      <div class="panel-heading">
+        <h3 class="panel-title">About</h3>
+      </div>
+
+    <p>Backbone Tutorials is a collection of tutorials written by <a href="http://thomasdav.is">Thomas Davis</a>. Everything is open source and I try my best to keep the tutorials updated. Though I am busy and only work on this is my spare time so many <a href="https://github.com/thomasdavis/backbonetutorials/graphs/contributors">contributors</a> have also help me put this resource together.</p>
+    </div>
+  </div>
+  <div class="col-lg-8">
+        <h3 >Backbone.js Beginner Video Tutorial</h3>
+      <img src="/backbone.png" style="float: left;" /><p>I have put extra effort into making a very easy to understand Backbone.js video which is also free.   It is 70mins long and covers everything you need to know when getting started.</p>
+      <a href="http://gum.co/backbone-beginner-screencast" class="btn btn-primary">Watch Video</a>
+  </div>
+</div>
   <div class="container">
       <h2>About Backbone Tutorials</h2>
 <p>As single page apps and large scale javascript applications become more prominent on the web, useful resources for those developers who are jumping the ship are crucial.</p>
 <p>I started this site to not only consolidate my understanding of backbone.js but to also document what I have learned thus far for myself and others.</p>
 <p>You can contact the original owner of this site through <a href="https://github.com/thomasdavis">github</a> or via twitter(<a href="http://twitter.com/neutralthoughts">@neutralthoughts</a>).   You can also find me at #cdnjs on freenode.net.</p>
 <p>[email protected]</p>
   </div>
+
 </div>
+
 <script src="//static.getclicky.com/js" type="text/javascript"></script>
 <script type="text/javascript">try{ clicky.init(66406579); }catch(e){}</script>
 <noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/66406579ns.gif" /></p></noscript>

diff --git a/_site/atom.xml b/_site/atom.xml
@@ -4,7 +4,7 @@
  <title>Backbone Tutorials</title>
  <link href="http://backbonetutorials.com/atom.xml" rel="self"/>
  <link href="http://backbonetutorials.com/"/>
- <updated>2013-08-14T16:56:48+10:00</updated>
+ <updated>2013-08-14T17:30:36+10:00</updated>
  <id>http://backbonetutorials.com/</id>
  <author>
    <name>Thomas Davis</name>

diff --git a/_site/chat.html b/_site/chat.html
@@ -49,16 +49,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="#">Backbone Tutorials</a>
+          <a class="navbar-brand" href="/">Backbone Tutorials</a>
           <div class="nav-collapse collapse navbar-responsive-collapse">
             <ul class="nav navbar-nav">
-              <li class="active"><a href="#">Home</a></li>
-              <li><a href="#">Link</a></li>
+              <li class="active"><a href="/">Home</a></li>
 
             </ul>
             <ul class="nav navbar-nav pull-right">
-              <li><a href="#">Subscribe</a></li>
-              <li><a href="#">Download eBook (.pdf, .MOBI, .ePub)</a></li>
+              <li><a href="http://feeds.feedburner.com/BackboneTutorials">Subscribe</a></li>
+              <li><a href="https://www.google.com.au/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ved=0CC4QFjAA&url=https%3A%2F%2Fleanpub.com%2Fbackbonetutorials&ei=dC8LUvm0O-LtiwLWroDwDA&usg=AFQjCNFuPoy4DzhISX8MR65TDHBhhtKoKw&sig2=hZuDQxF1XDTsnardyQpd0A&bvm=bv.50723672,d.cGE">Download eBook (.pdf, .MOBI, .ePub)</a></li>
             </ul>
           </div><!-- /.nav-collapse -->
         </div><!-- /.container -->
@@ -72,13 +71,30 @@
 
 <div style=""></div>
 <div class="container">
-
+<div class="row">
+  <div class="col-lg-4">
+<div class="panel panel-primary">
+      <div class="panel-heading">
+        <h3 class="panel-title">About</h3>
+      </div>
+
+    <p>Backbone Tutorials is a collection of tutorials written by <a href="http://thomasdav.is">Thomas Davis</a>. Everything is open source and I try my best to keep the tutorials updated. Though I am busy and only work on this is my spare time so many <a href="https://github.com/thomasdavis/backbonetutorials/graphs/contributors">contributors</a> have also help me put this resource together.</p>
+    </div>
+  </div>
+  <div class="col-lg-8">
+        <h3 >Backbone.js Beginner Video Tutorial</h3>
+      <img src="/backbone.png" style="float: left;" /><p>I have put extra effort into making a very easy to understand Backbone.js video which is also free.   It is 70mins long and covers everything you need to know when getting started.</p>
+      <a href="http://gum.co/backbone-beginner-screencast" class="btn btn-primary">Watch Video</a>
+  </div>
+</div>
   <div class="container">
       <p>
 <p>#cdnjs on irc.freenode.net, don&#8217;t forget to follow me on <a href="http://twitter.com/neutralthoughts" target="_blank">twitter</a>.</p><br />
 <iframe src="http://webchat.freenode.net/?channels=cdnjs" width="100%" height="500px"></iframe></p>
   </div>
+
 </div>
+
 <script src="//static.getclicky.com/js" type="text/javascript"></script>
 <script type="text/javascript">try{ clicky.init(66406579); }catch(e){}</script>
 <noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/66406579ns.gif" /></p></noscript>