A few more cute watercolor illustrations

_includes/footer.html

@@ -2,11 +2,16 @@
 <div class="footer">
   <div class="container">
     <div class="grid">
-      <div class="unit one-fourth">
-        <span style="font-weight:400; padding-right:7px; font-size:25px; display:inline-block; float:left;">Nylas</span>
-        <span style="font-weight:300; font-size:25px; display:inline-block;">N1</span>
-        <br>
-        <span style="color:#aaa;">&copy; 2014-2015 Nylas, Inc.</span>
+      <div class="unit half">
+        <div>
+          <span style="font-weight:400; padding-right:7px; font-size:25px; display:inline-block;">Nylas</span>
+          <span style="font-weight:300; font-size:25px; display:inline-block;">N1</span>
+        </div>
+      </div>
+      <div class="unit half" style="text-align: right;">
+        <div style="color:#aaa;">
+          Made with <img style="width:30px; vertical-align: middle; display:inline-block;" src="{{ site.baseurl }}/images/watercolor_heart.png"/> in San Francisco
+        </div>
       </div>
     </div>
   </div>

_sass/_main.scss

@@ -203,6 +203,13 @@ h1 {
   margin:20px;
   padding:0;
 }
+h2 {
+  font-weight: 200;
+  font-size:60px;
+  line-height:60px;
+  margin-bottom:20px;
+  margin-top:20px;
+}
 h3 {
   font-weight: 200;
   font-size: 45px;
@@ -281,7 +288,7 @@ p {
 .footer {
   padding-top:15px;
   padding-bottom:15px;
-  box-shadow: 0 1px -1px rgba(0,0,0,0.35);
+  box-shadow: 0 -1px 1px rgba(0,0,0,0.35);
 }
 .nav {
   line-height: 50px;

examples/index.html

@@ -7,7 +7,12 @@ title: Examples
 
   <div class="grid">
     <div class="whole unit" style="margin-top:100px;">
-      <h1 style="font-size:80px; line-height:80px; text-align:center;">Featured examples</h1>
+      <img src="/N1/images/watercolor_package.png" style="
+          width: 200px;
+          margin: auto;
+          display: block;
+      ">
+      <h2 style="text-align:center;">Example Plugins</h2>
     </div>
   </div>