feat: customize testimonials & references sections

themes/positive/src/partials/testimonials.hbs

@@ -0,0 +1,16 @@
+{{#section "testimonials"}}
+<hr>
+<section id="testimonials">
+  {{#> header-testimonials }}
+    {{> header-icon _title="TESTIMONIALS" _section="testimonials" _hdricon=(lookup . '_icon') }}
+  {{/header-testimonials}}
+  {{#each r.testimonials}}
+    {{#> body-testimonials }}
+    <div>
+    <h3><em>{{ name }}</em>{{#if organization}}, {{ organization }}{{/if}}</h3>
+    <p>{{{ quote }}}</p>
+    </div>
+    {{/body-testimonials}}
+  {{/each}}
+</section>
+{{/section}}

themes/positive/src/positive-html.css

@@ -6,6 +6,19 @@ html, body, main, section, header, ul, p, h1, h2, h3 {
   display: block;
 }
 
+::selection {
+  color: #fff;
+  background: #e48a8a; /* WebKit/Blink Browsers */
+}
+::-moz-selection {
+  color: #fff;
+  background: #e48a8a; /* Gecko Browsers */
+}
+
+p::selection {
+  color: #fff;
+}
+
 a {
   color: #{{color 'hyperlink'}};
   text-decoration: none;
@@ -172,7 +185,7 @@ header > span.fa {
   margin-right: 3px;
   position: absolute;
   width: 40px;
-  top: 10px;
+  top: 14px;
   font-size: 30px;
   /*transform: translateX(-110%); PDF no likey */
   margin-left: -50px;
@@ -194,3 +207,12 @@ header > span.fa {
   padding-top: 7px;
   padding-bottom: 7px;
 }
+
+#references > p, #references > p > a {
+  color: #961e1e;
+  text-align: center;
+  margin: 30px;
+  font-weight: bold;
+  letter-spacing: 2px;
+  text-transform: uppercase;
+}

themes/positive/src/positive-html.html

@@ -68,10 +68,20 @@
       {{> section/speaking _icon="icon-speaking"}}
 
       {{#*inline "icon-testimonials"}}<span class="fa fa-lg fa-quote-left"></span>{{/inline}}
-      {{> section/testimonials _icon="icon-testimonials"}}
+      {{> testimonials _icon="icon-testimonials"}}
+
+      {{#if r.references}}
+      {{#section "references"}}
+      <section id="references">
+        {{#if r.contact.email}}
+        <p><a href="mailto:{{{ r.contact.email }}}">References available on request</a></p>
+        {{else}}
+        <p>References available on request</p>
+        {{/if}}
+      </section>
+      {{/section}}
+      {{/if}}
 
-      {{#*inline "icon-references"}}<span class="fa fa-lg fa-thumbs-o-up"></span>{{/inline}}
-      {{> section/references _icon="icon-references"}}
 
     </main>
   </body>