Update newsletter

Author: csswizardry

_includes/css/csswizardry.min.css

@@ -43,7 +43,12 @@
       </ul>
     </li>
 
-    <li class=site-nav__item><a href=/contact/ class="site-nav__link site-nav__contact">Contact</a></li>
+    <li class="site-nav__item  has-sub-menu">
+      <a href=/contact/ class="site-nav__link site-nav__contact">Contact</a>
+      <ul class=site-nav__sub-menu>
+        <li class=site-nav__item><a href=/newsletter/ class="site-nav__sub-link site-nav__newsletter">Newsletter</a></li>
+      </ul>
+    </li>
 
   </ul>
 

_includes/nav.html

@@ -432,7 +432,7 @@ $_logo-height:   64px;
 
         }
 
-        @each $page in supporters, workshops, code-reviews, consultancy, downloads, sentinel, masterclasses {
+        @each $page in newsletter, testimonials, supporters, workshops, code-reviews, consultancy, downloads, sentinel, masterclasses {
           .page--#{$page} .site-nav__#{$page} {
             @extend %site-nav__current--sub;
           }

css/_components.site-nav.scss

@@ -1,7 +1,7 @@
 ---
 layout: page
 title: Nearly There…
-page-class: page--newsletter
+page-class: page--contact  page--newsletter
 meta: "Last step before signing up fully!"
 permalink: /newsletter/nearly-there/
 ---
@@ -11,13 +11,9 @@ need to click the link in the email I just sent you.
 
 There are also a couple of other things you might need to do:
 
-1. **Check your spam or Promotions folders** because the first email(s) might
-   end up in there.
+1. **Check your spam folder** because the first email(s) might end up in there.
 2. **Add `harry@csswizardry.com` as a contact** so that CSS Wizardry emails get
-   whitelisted. I’m sending from a personal account, so you’re not adding
-anything corporate or spammy.
+   allowlisted.
 
-I really wish there weren’t so many hoops for you to jump through. I’m sorry.
-
-See you soon!  
+Speak soon!  
 _Harry_

newsletter-nearly-there.md

@@ -1,30 +1,25 @@
 ---
 layout: page
 title: Thank You!
-page-class: page--newsletter
+page-class: page--contact  page--newsletter
 meta: "You’re on board!"
 permalink: /newsletter/thank-you/
 ---
 
 You made it! Welcome aboard.
 
-From now on, you can expect infrequent updates about
+From now on, you can expect infrequent updates about:
 
-* upcoming conferences,
-* discounts for events,
-* insights and findings,
-* interesting resources,
-* and exclusive content.
-
-Here are all of the previous newsletters that you may have missed:
-
-{% include newsletter-previous.html %}
+* upcoming conferences and workshops,
+* discounts codes for events,
+* first-look insights and findings,
+* interesting resources and articles,
+* thoughts on work and the industry, and
+* exclusive content.
 
 Right now though, here’s a screencast showing you how to troubleshoot rendering
 performance:
 
 <figure class="c-video">
   <iframe class="c-video__media" src="https://www.youtube.com/embed/2vFrZXWiwIc" frameborder="0" allowfullscreen></iframe>
 </figure>
-
-[Head back to the homepage](/)

newsletter-thank-you.md

@@ -1,49 +1,18 @@
 ---
 layout: page
 title: CSS Wizardry Newsletter
-page-class: page--newsletter
+page-class: page--contact  page--newsletter
 meta: "Join the club!"
 permalink: /newsletter/
 ---
 
 I maintain a small and infrequent newsletter in order to share more detailed and
-exclusive content with those who want it the most.
+exclusive content with those who want it the most. Join over 4,000 performance
+enthusiasts who know how to stay in the know.
 
-<ul class="c-nav-secondary" id="section:subscribers">
-  <li class="c-nav-secondary__item"><a href="#section:subscribers" class="c-nav-secondary__link  is-current">For Subscribers</a></li>
-  <li class="c-nav-secondary__item"><a href="#section:sponsors" class="c-nav-secondary__link">For Sponsors</a></li>
-</ul>
+<a href="https://csswizardry.us14.list-manage.com/subscribe?u=95f3f41085f5f957a07ba5efd&id=ba05b5418d" class="btn  btn--full">Sign up</a>
 
-The format of the newsletter will evolve over time, but for now you should
-expect:
-
-* Exclusive content, screencasts, demos.
-* Members-only discounts for upcoming events and workshops.
-* Links to interesting articles and resources from around the web.
-
-And you should not expect:
-
-* Spam. Honestly, it’s the worst.
-* Updates for the sake of updates. I will only publish when there’s something
-  worth sharing.
-
-<a href="https://csswizardry.us14.list-manage2.com/subscribe?u=95f3f41085f5f957a07ba5efd&id=ba05b5418d" class="btn  btn--full">Sign up</a>
-
-Not that fussed about email? You can still catch me [on
-Twitter](https://twitter.com/csswizardry) instead.
-
-## Previous Issues
-
-{% include newsletter-previous.html %}
-
-
-
-
-
-<ul class="c-nav-secondary  mt++" id="section:sponsors">
-  <li class="c-nav-secondary__item"><a href="#section:subscribers" class="c-nav-secondary__link">For Subscribers</a></li>
-  <li class="c-nav-secondary__item"><a href="#section:sponsors" class="c-nav-secondary__link  is-current">For Sponsors</a></li>
-</ul>
+## Sponsors
 
 If you’re a product, company, or event who would like to sponsor issues of the
-newsletter, please do [get in touch](/contact/).
+newsletter, please [get in touch](/contact/).