From d1526d7c05c5baf49f21e92148c11ab69cd7569d Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Tue, 6 May 2025 11:08:51 -0700
Subject: [PATCH] WIP

---
 archive-team-member.php |  1 +
 tpl/team-members.tpl    | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 tpl/team-members.tpl

diff --git a/archive-team-member.php b/archive-team-member.php
index 9e3c918..567146b 100644
--- a/archive-team-member.php
+++ b/archive-team-member.php
@@ -5,6 +5,7 @@ get_header();
 echo site()->render("team-members", [
     "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",
         "excerpt",
diff --git a/tpl/team-members.tpl b/tpl/team-members.tpl
new file mode 100644
index 0000000..5846dbc
--- /dev/null
+++ b/tpl/team-members.tpl
@@ -0,0 +1,41 @@
+<section class="team-members-top">
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <h1>{{ headline }}</h1>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="team-members">
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <h2>{{ intro }}</h2>
+
+                <div class="team-members-wrapper">
+                    {{#each members}}
+                    <div class="team-member">
+                        <div class="d-flex gap-3">
+                            <div class="left">
+                                <img src="{{ thumbnail }}" alt="{{ title }}" />
+                                <a href="mailto:{{ email }}">{{ email }}</a>
+                                {{#if phone_1}}
+                                    <a href="tel:{{ phone_1 }}">{{ phone_1 }}</a>
+                                {{#endif}}
+                                {{#if phone_2}}
+                                    <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>
+                                {{#endif}}
+                            </div>
+                        </div>
+                    </div>
+                    {{/each}}
+                </div>
+            </div>
+        </div>
+    </div>
+</section>