dev to master

about/card.php

@@ -0,0 +1,53 @@
+<?php
+/**
+ * @param string $name First and last name of individual
+ * @param string $title Their position or title in the org
+ * @param string $description The description paragraph about the individual
+ * @param string $picture_uri The URI of the individual's headshot
+ * @param string|null $email The position's contact email. E.g., president@untrobotics.com
+ * @param string|null $linkedin_url
+ * @param string|null $github_url
+ * @param string|null $twitter_url
+ * @return void
+ */
+function get_member_card(string $name, string $title, string $description, string $picture_uri, ?string $email = null, ?string $linkedin_url = null, ?string $github_url = null, ?string $twitter_url = null){
+
+    $contact_links_html = '';
+    if($email !== null){
+        $contact_links_html .= '<li>' .
+                                    "<a href='mailto:{$email}' class='icon icon-sm text-primary fa-envelope'></a>" .
+                                '</li>';
+    }
+    if($linkedin_url !== null){
+        $contact_links_html .= '<li>' .
+            "<a href='{$linkedin_url}' class='icon icon-sm text-primary fa-linkedin'></a>" .
+        '</li>';
+    }
+    if($github_url !== null){
+        $contact_links_html .=  '<li>' .
+                                        "<a href='{$github_url}' class='icon icon-sm text-primary fa-github'></a>" .
+                                '</li>';
+    }
+    if($twitter_url !== null){
+        $contact_links_html .=  '<li>' .
+            "<a href='{$twitter_url}' class='icon icon-sm text-primary fa-twitter'></a>" .
+            '</li>';
+    }
+
+    echo '<div class="cell-lg-12 bio-area">' .
+            '<div class="range range-sm-middle">' .
+                '<div class="cell-md-3">' .
+                    "<img src='{$picture_uri}' alt='' width='360' height='404' class='img-responsive' />" .
+                '</div>' .
+                '<div class="cell-md-6">' .
+                    '<div class="inset-xl-right-70 inset-xl-left-70 inset-left-15 inset-right-15">' .
+                        "<h6 class='h6-with-small'><p>{$name}</p><span class='small text-silver-chalice'>{$title}</span></h6>" .
+                        "<p>{$description}</p>" .
+                        '<ul class="list-inline-lg">' .
+                            $contact_links_html .
+                        '</ul>' .
+                    '</div>' .
+                '</div>' .
+            '</div>' .
+        '</div>';
+}

about/our-alumni.php

@@ -1,14 +1,51 @@
 <?php
 require('../template/top.php');
+require_once('card.php');
 head('Our Alumni', true);
+$members = array();
+$members[] = [
+    'name'=>'Nick Tindle',
+    'title'=>'1st President',
+    'description'=>"I am a Computer Engineering Student, The first president, and still an active member of the group",
+    'picture_uri'=>'/images/bio-pics/nick-tindle.jpg',
+];
+$members[] = [
+    'name'=>'Juan Ruiz',
+    'title'=>'2nd President',
+    'description'=>"I am a Computer Engineering Student, I.T. Support Technician, and Undergrad Research Assistant at The University of North Texas. I am an active member of The Alpha Tau Omega Fraternity, Society of Hispanic Professional Engineers, Engineers without Borders, IEEE, and National Society of Professional Engineers. I have also interned at NASA, U.S. Department of Energy, and iOLAP. My focus is Embedded Systems but I have a strong passion for robotics, automation, machine learning, and artificial intelligence.",
+    'picture_uri'=>'/images/bio-pics/juan-ruiz.jpg',
+];
+$members[] = [
+    'name'=>'Katie Lee',
+    'title'=>'Former Secretary',
+    'description'=>"I’m a transfer student from UH. I’m studying Computer Engineering because I want to be on the front of the newest technology development, and I’m the secretary for UNT Robotics.",
+    'picture_uri'=>'/images/bio-pics/katie-lee.jpg',
+];
+$members[] = [
+    'name'=>'Michelle Rosal Vargas',
+    'title'=>'Former Event Coordinator',
+    'description'=>"Mechanical Engineer | Event Coordinator at UNT Robotics",
+    'picture_uri'=>'/images/bio-pics/michelle-vargas.jpg',
+];
+$members[] = [
+    'name'=>'Andrew Jarrett',
+    'title'=>'Former Public Relations',
+    'description'=>"Mechanical Engineer | Public Relations at UNT Robotics",
+    'picture_uri'=>'/images/bio-pics/andrew-jarrett.jpg',
+];
+$members[] = [
+    'name'=>'Nicole Kohm',
+    'title'=>'Former Project Manager',
+    'description'=>"I am an adaptive problem-solver with a lifetime of scientific passion. I enjoy applying what I learn to make new ideas and possibilities come to fruition. I have a strong track record of careful attention to detail and thinking outside the box. I frequently invent new technologies and methods to quickly solve multidisciplinary problems.",
+    'picture_uri'=>'/images/bio-pics/nicole-kohm.jpg',
+];
+$members[] = [
+    'name'=>'Jesse Sullivan',
+    'title'=>'Former Aerospace Division Lead',
+    'description'=>"Jesse is a senior mechanical engineering student interested in all things that fly and go fast. He has 4 years of experience in amateur high-power rocketry and currently holds an L1 certification with the National Association of Rocketry. He founded the Aerospace Division with UNT Robotics in order to foster interest in the hobby and provide a learning experience for anyone to become a part of.",
+    'picture_uri'=>'/images/bio-pics/jesse-sullivan.jpg',
+];
 ?>
-    <style>
-        .bio-area {
-            border-top: 2px solid #ececec;
-            margin-top: 10px;
-            padding-top: 10px;
-        }
-    </style>
     <main class="page-content">
         <!-- Classic Breadcrumbs-->
         <section class="breadcrumb-classic">
@@ -33,101 +70,11 @@
                         <h6>These people are the ones responsible for building our organisation and getting us to where we are today.</h6>
                     </div>
                 </div>
-                <!-- 1st President -->
-                <div class="cell-lg-12 bio-area">
-                    <div class="range range-sm-middle">
-                        <div class="cell-md-3"><img src="/images/bio-pics/nick-tindle.jpg" alt="" width="360" height="404" class="img-responsive" />
-                        </div>
-                        <div class="cell-md-6">
-                            <div class="inset-xl-right-70 inset-xl-left-70 inset-left-15 inset-right-15">
-                                <h6 class="h6-with-small"><a href="#"> Nick Tindle</a><span class="small text-silver-chalice">1st President</span></h6>
-                                <p>I am a Computer Engineering Student, The first president, and still an active member of the group</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- 2nd President -->
-                <div class="cell-lg-12 bio-area">
-                    <div class="range range-sm-middle">
-                        <div class="cell-md-3"><img src="/images/bio-pics/juan-ruiz.jpg" alt="" width="360" height="404" class="img-responsive" />
-                        </div>
-                        <div class="cell-md-6">
-                            <div class="inset-xl-right-70 inset-xl-left-70 inset-left-15 inset-right-15">
-                                <h6 class="h6-with-small"><a href="#"> Juan Ruiz</a><span class="small text-silver-chalice">2nd President</span></h6>
-                                <p>I am a Computer Engineering Student, I.T. Support Technician, and Undergrad Research Assistant at The University of North Texas. I am an active member of The Alpha Tau Omega Fraternity, Society of Hispanic Professional Engineers, Engineers without Borders, IEEE, and National Society of Professional Engineers. I have also interned at NASA, U.S. Department of Energy, and iOLAP. My focus is Embedded Systems but I have a strong passion for robotics, automation, machine learning, and artificial intelligence.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Former Secretary -->
-                <div class="cell-lg-12 bio-area">
-                    <div class="range range-sm-middle">
-                        <div class="cell-md-3"><img src="/images/bio-pics/katie-lee.jpg" alt="" width="360" height="404" class="img-responsive" />
-                        </div>
-                        <div class="cell-md-6">
-                            <div class="inset-xl-right-70 inset-xl-left-70 inset-left-15 inset-right-15">
-                                <h6 class="h6-with-small"><a href="#"> Katie Lee</a><span class="small text-silver-chalice">Former Secretary</span></h6>
-                                <p>I’m a transfer student from UH. I’m studying Computer Engineering because I want to be on the front of the newest technology development, and I’m the secretary for UNT Robotics.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- Former Event Coordinator -->
-                <div class="cell-lg-12 bio-area">
-                    <div class="range range-sm-middle">
-                        <div class="cell-md-3"><img src="/images/bio-pics/michelle-vargas.jpg" alt="" width="360" height="404" class="img-responsive" />
-                        </div>
-                        <div class="cell-md-6">
-                            <div class="inset-xl-right-70 inset-xl-left-70 inset-left-15 inset-right-15">
-                                <h6 class="h6-with-small"><a href="#"> Michelle Rosal Vargas</a><span class="small text-silver-chalice">Former Event Coordinator</span></h6>
-                                <p>Mechanical Engineer | Event Coordinator at UNT Robotics</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- Former Public Relations -->
-                <div class="cell-lg-12 bio-area">
-                    <div class="range range-sm-middle">
-                        <div class="cell-md-3"><img src="/images/bio-pics/andrew-jarrett.jpg" alt="" width="360" height="404" class="img-responsive" />
-                        </div>
-                        <div class="cell-md-6">
-                            <div class="inset-xl-right-70 inset-xl-left-70 inset-left-15 inset-right-15">
-                                <h6 class="h6-with-small"><a href="#"> Andy Jarrett</a><span class="small text-silver-chalice">Former Public Relations</span></h6>
-                                <p>Mechanical Engineer | Public Relations at UNT Robotics</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- Former Project Manager -->
-                <div class="cell-lg-12 bio-area">
-                    <div class="range range-sm-middle">
-                        <div class="cell-md-3"><img src="/images/bio-pics/nicole-kohm.jpg" alt="" width="360" height="404" class="img-responsive" />
-                        </div>
-                        <div class="cell-md-6">
-                            <div class="inset-xl-right-70 inset-xl-left-70 inset-left-15 inset-right-15">
-                                <h6 class="h6-with-small"><a href="#">Nicole Kohm</a><span class="small text-silver-chalice">Former Project Manager</span></h6>
-                                <p>I am an adaptive problem-solver with a lifetime of scientific passion. I enjoy applying what I learn to make new ideas and possibilities come to fruition. I have a strong track record of careful attention to detail and thinking outside the box. I frequently invent new technologies and methods to quickly solve multidisciplinary problems.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- Former Aerospace Division Lead -->
-                <div class="cell-lg-12 bio-area">
-                    <div class="range range-sm-middle">
-                        <div class="cell-md-3"><img src="/images/bio-pics/jesse-sullivan.jpg" alt="" width="360" height="404" class="img-responsive" />
-                        </div>
-                        <div class="cell-md-6">
-                            <div class="inset-xl-right-70 inset-xl-left-70 inset-left-15 inset-right-15">
-                                <h6 class="h6-with-small"><a href="#"> Jesse Sullivan</a><span class="small text-silver-chalice">Former Aerospace Division Lead</span></h6>
-                                <p>Jesse is a senior mechanical engineering student interested in all things that fly and go fast. He has 4 years of experience in amateur high-power rocketry and currently holds an L1 certification with the National Association of Rocketry. He founded the Aerospace Division with UNT Robotics in order to foster interest in the hobby and provide a learning experience for anyone to become a part of. </p>
-                                <ul class="list-inline-lg">
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
+                <?php
+                foreach ($members as $member) {
+                    get_member_card($member['name'], $member['title'], $member['description'], $member['picture_uri'], $member['email']??null, $member['linkedin_url'] ?? null, $member['github_url'] ?? null, $member['twitter_url'] ?? null);
+                }
+                ?>
             </div>
         </section>
     </main>