gitmad.github.io/about.html at master · git-mad/gitmad.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
---
layout: default
permalink: /about/
---

<head>
	<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
	<link rel="stylesheet" type="text/css" href="/assets/css/responsive.css">
	<script src="https://kit.fontawesome.com/42ad7e6248.js" crossorigin="anonymous"></script>
</head>

<div class="responsive-container-block container">
	<p class="text-blk team-head-text">
	  Our Team
	</p>
	<div class="responsive-container-block" style="width: 100%;">
	  {% for officer in site.data.officers limit:3 %}
		<div class="responsive-cell-block wk-desk-4 wk-ipadp-4 wk-tab-6 wk-mobile-12 card-container top-row">
		  <div class="card">
			<div class="exec-image-wrapper">
			  {% if officer.picture != null %}
				<img class="team-member-image" src="{{ officer.picture }}" alt="Picture of {{ officer.name }}">
			  {% else %}
				<img class="card-img-top" src="/assets/images/officers/default.png" alt="Picture of {{ officer.name }}">
			  {% endif %}
			</div>
			<p class="text-blk name">
			  {{ officer.name }}
			</p>
			<p class="text-blk position">
			  {{ officer.position }}
			</p>
			<p class="text-blk feature-text">
			  {{ officer.bio }}
			  <!--{% for _ in (1..officer.newline) %}
				<br>
			  {% endfor %}-->
			</p>
			<div class="social-icons">
			  <a href="mailto:{{ officer.email }}" target="_blank">
				<i class="fa-solid fa-envelope"></i>
			  </a>
			  {% if officer.website != null %}
			    <a href="{{ officer.website }}" target="_blank">
				  <i class="fa-brands fa-linkedin"></i>
			    </a>
			  {% endif %}
			</div>
		  </div>
		</div>
	  {% endfor %}

	  {% assign skipped_count = 0 %}
	  {% for officer in site.data.officers %}
		{% if skipped_count < 3 %}
		  {% assign skipped_count = skipped_count | plus: 1 %}
		{% else %}
		  <div class="responsive-cell-block wk-desk-2 wk-ipadp-2 wk-tab-4 wk-mobile-12 card-container">
			<div class="card">
			  <div class="team-image-wrapper">
				{% if officer.picture != null %}
				  <img class="team-member-image" src="{{ officer.picture }}" alt="Picture of {{ officer.name }}">
				{% else %}
				  <img class="card-img-top" src="/assets/images/officers/default.png" alt="Picture of {{ officer.name }}">
				{% endif %}
			  </div>
			  <p class="text-blk name">
				{{ officer.firstName }}<br>{{officer.lastName}}
			  </p>
			  <p class="text-blk position">
				{{ officer.position }}
			  </p>
			  <div class="social-icons">
				<a href="mailto:{{ officer.email }}" target="_blank">
				  <i class="fa-solid fa-envelope"></i>
				</a>
				{% if officer.website != null %}
				  <a href="{{ officer.website }}" target="_blank">
					<i class="fa-brands fa-linkedin"></i>
				  </a>
				{% endif %}
			  </div>
			</div>
		  </div>
		{% endif %}
	  {% endfor %}
	</div>
  </div>