From 24ec15d01eb48a840cd9332f74d6a8a26afe3a33 Mon Sep 17 00:00:00 2001
From: Alex Wolfe <thewolfe@gmail.com>
Date: Sat, 28 Feb 2015 08:11:13 -0800
Subject: [PATCH] add code example

---
 public/index.jade                         | 8 ++++----
 public/resources/css/main.scss            | 1 +
 public/resources/css/module/_code.scss    | 4 ++++
 public/resources/css/module/_top-nav.scss | 2 +-
 4 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 public/resources/css/module/_code.scss

diff --git a/public/index.jade b/public/index.jade
index 641424338e..590a2f44b3 100644
--- a/public/index.jade
+++ b/public/index.jade
@@ -7,9 +7,12 @@
 
 
 .grid-fluid.l-space-bottom-6
-  .c8.a4
+  .c5
     h3.text-headline  Start Quick, Build Fast
     p.text-body Express your ideas with clean, understandable code. Angular is simple to build on, easy to change, and friendly to the way UX designers work. Create a UI that is beautiful by default, with material design and support for web components.
+  .c7
+    p(data-height="256" data-theme-id="12714" data-slug-hash="pvKKQa" data-default-tab="html" data-user="alexwolfe" class='codepen')
+    script(async src="//assets.codepen.io/assets/embed/ei.js")
 
 .grid-fluid.l-space-bottom-6
   .c8
@@ -26,7 +29,4 @@
     p.text-body But don’t take our word for it. Ramp up in minutes, and build an app today.
 
 
-
-
-
 != partial("/_includes/_cta-bar")
\ No newline at end of file
diff --git a/public/resources/css/main.scss b/public/resources/css/main.scss
index 1918983c1e..eb3805f481 100644
--- a/public/resources/css/main.scss
+++ b/public/resources/css/main.scss
@@ -23,4 +23,5 @@
 @import 'module/banner';
 @import 'module/cta-bar';
 @import 'module/buttons';
+@import 'module/code';
 @import 'module/sticker';
\ No newline at end of file
diff --git a/public/resources/css/module/_code.scss b/public/resources/css/module/_code.scss
new file mode 100644
index 0000000000..10d1406516
--- /dev/null
+++ b/public/resources/css/module/_code.scss
@@ -0,0 +1,4 @@
+.cp_embed {
+  border-radius: 4px;
+  overflow: hidden;
+}
\ No newline at end of file
diff --git a/public/resources/css/module/_top-nav.scss b/public/resources/css/module/_top-nav.scss
index 22110bfcda..49512affcd 100644
--- a/public/resources/css/module/_top-nav.scss
+++ b/public/resources/css/module/_top-nav.scss
@@ -8,7 +8,7 @@
     margin: 0px ($unit * 9) 0px 0px;
     padding: 0px;
     height: 36px;
-    width: 135px;
+    width: 136px;
     float: left;
 
     a {