diff --git a/_config.yml b/_config.yml
index f313f10e..b1905a96 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,5 +1,5 @@
-name:          Code Guide by @mdo
-description:   Standards for developing flexible, durable, and sustainable HTML and CSS.
+name:          Code Guide by Food52
+description:   Standards for developing flexible, durable, and sustainable HTML, CSS and SCSS.
 url:           http://codeguide.co
 
 markdown:      rdiscount
diff --git a/_includes/footer.html b/_includes/footer.html
index 8f1858ca..48c4e444 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,22 +1,6 @@
 <footer class="footer">
   <p>&lt;3</p>
-  <p>Heavily inspired by <a href="https://github.com/necolas/idiomatic-css">Idiomatic CSS</a> and the <a href="http://github.com/styleguide">GitHub Styleguide</a>. Made with all the love in the world by <a href="https://twitter.com/mdo">@mdo</a>.</p>
-  <p>Open sourced under MIT. Copyright {{ site.time | date: '%Y' }} <a href="https://twitter.com/mdo">@mdo</a>.</p>
-
-  <ul class="quick-links">
-    <li>
-      <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=mdo&repo=code-guide&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="112px" height="20px"></iframe>
-    </li>
-    <li>
-      <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=mdo&repo=code-guide&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="98px" height="20px"></iframe>
-    </li>
-  </ul>
-  <ul class="quick-links">
-    <li class="follow-btn">
-      <a href="https://twitter.com/mdo" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @mdo</a>
-    </li>
-    <li class="tweet-btn">
-      <a href="https://twitter.com/share" class="twitter-share-button" data-url="{{ site.url }}" data-count="horizontal" data-via="mdo">Tweet</a>
-    </li>
-  </ul>
+  <p>Heavily inspired by <a href="https://github.com/necolas/idiomatic-css">Idiomatic CSS</a> and the
+    <a href="http://github.com/styleguide">GitHub Styleguide</a>. Forked from <a href="https://twitter.com/mdo">@mdo</a>.</p>
+  <p>Open sourced under MIT. Copyright {{ site.time | date: '%Y' }} .</p>
 </footer>
diff --git a/_includes/header.html b/_includes/header.html
index 20bfdc24..a136b77a 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -5,14 +5,13 @@ <h1>{{ site.name }}</h1>
     <p class="lead">{{ site.description }}</p>
 
     <p class="masthead-links">
-      <a href="https://github.com/mdo/code-guide">
+      <a href="">
         <span class="icon icon-github-circled"></span>
       </a>
-      <a href="https://twitter.com/mdo">
+      <a href="https://twitter.com/food52">
         <span class="icon icon-twitter"></span>
       </a>
     </p>
 
-    <script type="text/javascript" src="http://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=codeguide" id="_fusionads_js"></script>
   </div>
 </header>
diff --git a/_includes/js.html b/_includes/js.html
deleted file mode 100644
index 531643e3..00000000
--- a/_includes/js.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
-
-<script type="text/javascript">
-  var _gauges = _gauges || [];
-  (function() {
-    var t   = document.createElement('script');
-    t.type  = 'text/javascript';
-    t.async = true;
-    t.id    = 'gauges-tracker';
-    t.setAttribute('data-site-id', '4f6ac530613f5d32c2000037');
-    t.src = '//secure.gaug.es/track.js';
-    var s = document.getElementsByTagName('script')[0];
-    s.parentNode.insertBefore(t, s);
-  })();
-</script>
diff --git a/_includes/scss/nesting.scss b/_includes/scss/nesting.scss
new file mode 100644
index 00000000..51de205e
--- /dev/null
+++ b/_includes/scss/nesting.scss
@@ -0,0 +1,26 @@
+// Bad example
+.component {
+  color: #333;
+
+  .component-piece {
+    background: #fff;
+
+    .component-subpiece {
+      border: 5px solid #555;
+    }
+  }
+}
+
+
+// Good example
+.component {
+  color: #333;
+
+  .component-piece {
+    background: #fff;
+  }
+
+  .component-subpiece {
+    border: 5px solid #555;
+  }
+}
diff --git a/_layouts/default.html b/_layouts/default.html
index c6466296..a2ee1b16 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -12,15 +12,7 @@
 
     <link rel="stylesheet" href="http://github.com/code-guide.css">
     <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|PT+Mono&subset=latin,cyrillic">
-    
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-      ga('create', 'UA-146052-17', 'codeguide.co');
-      ga('send', 'pageview');
-    </script>
+
   </head>
   <body>
 
@@ -30,7 +22,5 @@
 
     {% include footer.html %}
 
-    {% include js.html %}
-
   </body>
 </html>
diff --git a/index.html b/index.html
index efa6b0b9..55e14d1d 100644
--- a/index.html
+++ b/index.html
@@ -40,13 +40,19 @@ <h4><a href="#css">CSS</a></h4>
       <li><a href="#css-organization">Organization</a></li>
     </ul>
   </div>
+  <div class="col">
+    <h4><a href="#scss">SCSS</a></h4>
+    <ul>
+      <li><a href="#scss-nesting">Nesting</a></li>
+    </ul>
+  </div>
 </div>
 
 
 <div class="section" id="golden-rule">
   <div class="col">
     <h2>Golden rule</h2>
-    <p>Enforce these, or your own, agreed upon guidelines at all times. Small or large, call out what's incorrect. For additions or contributions to this Code Guide, please <a href="https://github.com/mdo/code-guide/issues/new">open an issue on GitHub</a>.</p>
+    <p>Enforce these, or your own, agreed upon guidelines at all times. Small or large, call out what's incorrect.</p>
   </div>
   <div class="col">
     <blockquote>
@@ -394,6 +400,23 @@ <h3>Organization</h3>
   </div>
 </div>
 
+<div class="heading" id="scss">
+  <h2>SCSS</h2>
+</div>
+
+<div class="section" id="scss-nesting">
+  <div class="col">
+    <h3>Nesting</h3>
+    <ul>
+      <li>Avoid nesting selectors greater than 3 levels deep</li>
+    </ul>
+  </div>
+  <div class="col">
+    {% highlight scss %}{% include scss/nesting.scss %}{% endhighlight %}
+  </div>
+</div>
+
+
 <div class="section" id="css-editor-prefs">
   <div class="col">
     <h3>Editor preferences</h3>
@@ -407,3 +430,5 @@ <h3>Editor preferences</h3>
     <p>Consider documenting and applying these preferences to your project's <code>.editorconfig</code> file. For an example, see <a href="https://github.com/twbs/bootstrap/blob/master/.editorconfig">the one in Bootstrap</a>. Learn more <a href="http://editorconfig.org/">about EditorConfig</a>.</p>
   </div>
 </div>
+
+