Merge pull request #435 from skylight-hq/updated-career-testimonials

Updated career testimonials

Author: cscairns

_sass/pages/_join.scss

@@ -12,13 +12,17 @@
   .quote-text {
     font-size: $font-size-x-large;
   }
+  .make-circle-image {
+    clip-path: circle();
+    width: 150%;
+    margin-left: -25%;
+  }
 
   .image-list {
     margin-top: 1rem;
   }
 
   .image-list__employee-img {
-    border-radius: 100%;
   }
 
   svg {

pages/careers/join/index.html

@@ -87,11 +87,11 @@ <h3>We’re just getting started</h3>
 
         <div class="image-list row">
           <div class="col-sm-4 col-lg-3">
-            <div class="employee-gradient employee-gradient__img">
+            <div class="make-circle-image">
               <img
                 class="image-list__employee-img"
-                src="{{ site.baseurl }}/img/people/tiffany-nieh.jpg"
-                alt="Tiffany Nieh"
+                src="{{ site.baseurl }}/img/people/miringu-kiarie.png"
+                alt="Miringu Kiarie"
               />
             </div>
           </div>
@@ -102,18 +102,18 @@ <h3>We’re just getting started</h3>
               which allows space for me to create products that both clients and users love.”
             </p>
             <p class="join-quote__byline">
-              – <b>Tiffany Nieh,</b> Product Designer
+              – <b>Miringu Kiarie,</b> User Researcher
             </p>
           </div>
         </div>
 
         <div class="image-list row">
           <div class="col-sm-4 col-lg-3">
-            <div class="employee-gradient employee-gradient__img">
+            <div class="make-circle-image">
               <img
                 class="image-list__employee-img"
-                src="{{ site.baseurl }}/img/people/karthik-patil.jpg"
-                alt="Karthik Patil"
+                src="{{ site.baseurl }}/img/people/nicole-campbell.png"
+                alt="Nicole Campbell"
               />
             </div>
           </div>
@@ -125,18 +125,18 @@ <h3>We’re just getting started</h3>
             </p>
 
             <p class="join-quote__byline">
-              – <b>Karthik Patil,</b> VP of Defense Services
+              – <b>Nicole Campbell,</b> Chief Operating Officer
             </p>
           </div>
         </div>
 
         <div class="image-list row">
           <div class="col-sm-4 col-lg-3">
-            <div class="employee-gradient employee-gradient__img">
+            <div class="make-circle-image">
               <img
                 class="image-list__employee-img"
-                src="{{ site.baseurl }}/img/people/laura-king.jpg"
-                alt="Laura King"
+                src="{{ site.baseurl }}/img/people/alex-bornkessel.png"
+                alt="Alex Bornkessel"
               />
             </div>
           </div>
@@ -147,7 +147,7 @@ <h3>We’re just getting started</h3>
             </p>
 
             <p class="join-quote__byline">
-              – <b>Laura King,</b> Service Designer
+              – <b>Alex Bornkessel,</b> Service Designer
             </p>
           </div>
         </div>