WIP

archive-team-member.php

@@ -10,6 +10,7 @@ echo site()->render("team-members", [
         "name",
         "excerpt",
         "thumbnail",
+        "permalink",
         "acf.title",
         "acf.linkedin_url",
         "acf.email",

dist/app.css

@@ -11992,3 +11992,6 @@ img {
 .team-members .team-members-wrapper .team-member .left {
   width: calc(33% - 0.5rem);
 }
+.team-members .team-members-wrapper .team-member .left a {
+  display: block;
+}

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=37fe92af97c6dda3ca06617ebe23315a"
+    "/app.css": "/app.css?id=2870fd5e334d4e194cc431791bd83711"
 }

src/scss/team-members.scss

@@ -16,6 +16,10 @@
 
             .left {
                 width: calc(33% - 0.5rem);
+
+                a {
+                    display: block;
+                }
             }
         }
     }

tpl/team-members.tpl

@@ -28,14 +28,14 @@
                                     <a href="tel:{{ phone_2 }}">{{ phone_2 }}</a>
                                 {{#endif}}
                                 {{#if linkedin_url}}
-                                    <a href="{{ linkedin_url }}"><img src="{{ ../linkedin_logo }}" alt="Follow me on LinkedIn" /></a>
+                                    <a href="{{ linkedin_url }}"><img src="{{ ../linkedin_logo }}" alt="Follow me on LinkedIn" style="width: 39px" /></a>
                                 {{#endif}}
                             </div>
 
                             <div class="right">
                                 <p class="name">{{ name }}</p>
                                 <p class="position">{{ title }}</p>
-                                <p>{{{ excerpt }}}</p>
+                                <p>{{{ excerpt }}} <a href="{{ permalink }}">Read more &gt;</a></p>
                             </div>
                         </div>
                     </div>