Massively simplify Contact page

Author: csswizardry

_includes/css/csswizardry.min.css

@@ -1 +1 @@
-<strong>Get started…</strong>
+Book a Free Call

_includes/cta.md

@@ -33,9 +33,9 @@ <h2 class=heading>Training</h2>
 
       <li class=layout__item>
         <p class=promo__links>
-          <a href=/services/ class="btn btn--secondary">Learn more <span class=hide>about my services</span></a>
+          <a href=/services/ class="btn btn--secondary">Learn More<span class=hide> about my web performance services</span></a>
           <span class=promo__links-spacer>or</span>
-          <a href=/contact/ class=btn>Hire me</a>
+          <a href=/contact/ class="btn  btn--positive">Contact Me<span class=hide> about a web performance project</span></a>
         </p>
 
     </ul>

_includes/promo-home.html

@@ -1,7 +1,9 @@
 <hr class=hide-desk>
 
+{% if page.page-class != "page--contact" %}
+
 <p class=text-banner>
-  <a href=/contact/ class="btn  btn--full btn--positive" id=cta data-sctrack=cta-sidebar elementtiming=cta-sidebar>{% include cta.md %}</a>
+  <a href=https://calendly.com/csswizardry/30min class="btn  btn--full btn--positive" id=cta data-sctrack=cta-sidebar elementtiming=cta-sidebar>{% include cta.md %}</a>
 </p>
 
 <script>
@@ -24,6 +26,8 @@
 
 <hr>
 
+{% endif %}
+
 {% if page.page-class != "page--home" and page.page-class != "page--about" %}
 <p>
   <img src=/img/css/masthead-small.jpg

_includes/sub-content.html

@@ -9,26 +9,15 @@ lux: "Contact"
 
 **Consultancy projects, speaking engagements, or just to say hi.**
 
-<a href="mailto:csswizardry@gmail.com" class="btn  btn--full" id="section:details">harry@csswizardry.com</a>
-
-* For **consulting engagements**, please [send me an
-  email](mailto:csswizardry@gmail.com).
-  * For **consultations**, [schedule an appointment](/consultancy/#consultations).
-* For **speaking engagements**, [see my speaking
-  page](/speaking/#section:request).
-* For **general questions** and advice, see [my AMA
-  repository](https://github.com/csswizardry/ama).
-* For **small questions**, or just to say hi, feel free to [fire me
-  a Tweet](https://twitter.com/csswizardry).
-* Interested in **software and tools**? See [my setup](/uses/).
-* To keep in **regular contact**, [join my newsletter](/newsletter/).
-* Still use **RSS**? [Subscribe](https://feeds.feedburner.com/csswizardry).
-* Am I **any good?** Read some [testimonials](/testimonials/).
-* Got **questions**? See [the FAQ](#frequently-asked-questions).
+<p class="text-banner">
 
+  <a href="mailto:csswizardry@gmail.com" class="btn  btn--secondary" id="section:details">Email Me</a>
 
+  <i>or</i>
 
+  <a href="https://calendly.com/csswizardry/30min" class="btn  btn--positive"><strong>Book a Call</strong></a>
 
+</p>
 
 ## Frequently Asked Questions
 

contact.md

@@ -11,6 +11,7 @@
     @include font-weight(bold);
     @include vendor(transition, 0.2s);
     position: relative;
+    @include font-weight(bold);
     will-change: transform; /* [1] */
     z-index: 1; /* [2] */
 
@@ -60,7 +61,6 @@
 }
 
 .btn--positive {
-    @include font-weight(regular);
 
     @include attention(self) {
         background-color: $color-positive;
@@ -70,7 +70,6 @@
 }
 
 .btn--negative {
-    @include font-weight(regular);
 
     @include attention(self) {
         background-color: $color-negative;