Update ad appearance

_data/carbon.yml

@@ -1,2 +1,2 @@
-enabled: true
+enabled: false
 src: //cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=ricostacruzcom

_data/codesponsor.yml

@@ -1,2 +1,2 @@
-enabled: false
+enabled: true
 id: R1EbPvY5DOvuC69kWMtpkA

_data/content.yml

@@ -3,7 +3,7 @@ home:
   tagline: "Hey! I'm <a href='https://ricostacruz.com'>@rstacruz</a> and this is a modest collection of cheatsheets I've written."
 
 top_nav:
-  title: "Rico's cheatsheets"
+  title: Devhints
   edit: Edit
   edit_on_github: Edit this page on GitHub
 

_includes/2017/code-sponsor.html

@@ -0,0 +1,6 @@
+<div class='code-sponsor'>
+  {% unless include.noprelude %}
+    <span class='prelude'>We recommend:</span>
+  {% endunless %}
+  <div id='code-sponsor-widget'></div><script src='https://app.codesponsor.io/scripts/{{ site.data.codesponsor.id }}?theme=light&image=hide&height=100&width=330'></script>
+</div>

_layouts/2017/home.html

@@ -22,7 +22,14 @@
     <p>
       {{ site.data.content.home.tagline }}
     </p>
+
     {% include 2017/search-form.html live=true %}
+
+    {% if site.data.codesponsor.enabled %}
+    <div class='adbox'>
+      {% include 2017/code-sponsor.html noprelude=true %}
+    </div>
+    {% endif %}
   </div>
 
   <div class='pages-list'>

_layouts/2017/sheet.html

@@ -8,9 +8,8 @@
 
     <div class='adbox'>
       {% if site.data.codesponsor.enabled %}
-      <div class='code-sponsor ad -codesponsor'>
+      <div class='ad -codesponsor'>
-        <span>Also recommended:</span>
+        {% include 2017/code-sponsor.html %}
-        <div id='code-sponsor-widget'></div><script src='https://app.codesponsor.io/scripts/{{ site.data.codesponsor.id }}?theme=light&image=hide&height=100&width=330'></script>
       </div>
       {% endif %}
 

_sass/2017/components/code-sponsor.scss

@@ -3,15 +3,14 @@
     text-align: center;
   }
 
-  & > span {
+  /* Prelude */
+  & > .prelude {
     display: block;
     @include font-size(-1);
     color: lighten($gray-text, 20%);
     text-align: center;
     margin-bottom: -8px;
-    text-transform: uppercase;
+    font-weight: normal;
-    letter-spacing: 0.05em;
-    font-weight: bold;
     user-select: none;
   }
 

_sass/2017/components/main-heading.scss

@@ -6,7 +6,7 @@
   @include heading-style;
 
   & {
-    margin-top: 32px;
+    margin-top: 0;
   }
 
   & > h1 {

_sass/2017/components/site-header.scss

@@ -13,7 +13,7 @@
   }
 
   & > h1 {
-    @include font-size(5);
+    @include font-size(7);
     margin: 0;
     padding: 0;
     color: $base-head;
@@ -28,4 +28,8 @@
   & > .action {
     margin-top: 32px;
   }
+
+  & > .adbox {
+    margin-top: 16px;
+  }
 }

_sass/2017/components/top-nav.scss

@@ -23,29 +23,6 @@
     }
   }
 
-  // Horiz line
-  @media (min-width: 481px) {
-    &::after {
-      content: '';
-      display: block;
-      position: absolute;
-      left: 40%;
-      right: 40%;
-      bottom: 0;
-      height: 1px;
-      background: linear-gradient(to right,
-        transparent,
-        $dark-line-color 20%,
-        $dark-line-color 80%,
-        transparent);
-
-      @media (max-width: 480px) {
-        left: 0;
-        right: 0;
-      }
-    }
-  }
-
   & > .container {
     @include gutter(padding-left);
     @include gutter(padding-right);