WIP

archive-team-member.php

@@ -2,12 +2,12 @@
 
 get_header();
 
-echo site()->render("team-members", [
+echo site()->render("team-memberss", [
     "headline" => get_field("team_members_top_headline", "options"),
     "intro" => get_field("team_members_intro_text", "options"),
     "linkedin_logo" => site()->getAssetURL("linkedin-logo.png"),
     "members" => site()->getDefaultPosts([
-        "title",
+        "name",
         "excerpt",
         "thumbnail",
         "acf.title",

dist/app.css

@@ -11986,4 +11986,6 @@ img {
 .team-members .team-members-wrapper .team-member {
   border: 1px solid #C5C5C5;
   border-radius: 10px;
+  max-width: 593px;
+  padding: 1rem;
 }

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=5edcfa4b365c7c0c568d5945036c2b1f"
+    "/app.css": "/app.css?id=d3522f18c4becc291c645ceb6b266f85"
 }

src/scss/team-members.scss

@@ -11,6 +11,8 @@
         .team-member {
             border: 1px solid $c-borderGrey;
             border-radius: 10px;
+            max-width: 593px;
+            padding: 1rem;
         }
     }
 }

tpl/team-members.tpl

@@ -31,6 +31,12 @@
                                     <a href="{{ linkedin_url }}"><img src="{{ linkedin_logo }}" alt="Follow me on LinkedIn" /></a>
                                 {{#endif}}
                             </div>
+
+                            <div class="right">
+                                <p class="name">{{ name }}</p>
+                                <p class="position">{{ title }}</p>
+                                <p>{{ excerpt }}</p>
+                            </div>
                         </div>
                     </div>
                     {{/each}}