Add team page

_includes/team.html

@@ -0,0 +1,44 @@
+<div class="col-12 col-sm-8 col-md-6 col-lg-4 col-xl-3">
+  <div class="card mb-3" itemscope itemtype="http://schema.org/Person">
+    <img src="{{ site.baseurl }}/assets/img/team/{{ include.avatar }}" class="card-img-top" itemprop="image" alt="{% if include.nick %}{{ include.nick }}{% else %}{{ include.name }}{% endif %}">
+    <div class="card-body">
+
+      <h5 class="card-title mt-0" itemprop="name">
+      {% if include.nick %}
+        {{ include.nick }}</h5>
+      <meta itemprop="alternateName" content="{{ include.name }}" />
+      {% else %}
+        {{ include.name }}</h5>
+      {% endif %}
+
+      <meta itemprop="affiliation" content="PrivacyTools" />
+      <h6 class="card-subtitle mb-2 text-muted" itemprop="jobTitle">{{ include.role | default: "Contributor" }}</h6>
+      <p class="card-text" {% if include.bio %}itemprop="description"{% endif %}>{{ include.bio | default: "<i>Hmm, this user hasn't written a bio quite yet :(</i>" }}</p>
+      {% if include.email %}
+      <a href="mailto:{{ include.email }}" aria-label="Email" class="card-link" itemprop="email">
+        <i class="fas fa-envelope" aria-hidden="true" title="{{ include.email }}"></i>
+      </a>
+      {% endif %}
+      {% if include.website %}
+      <a href="{{ include.website }}" aria-label="Website" class="card-link" itemprop="url">
+        <i class="fas fa-link" aria-hidden="true" title="Website"></i>
+      </a>
+      {% endif %}
+      {% if include.mastodon %}
+      <a href="{{ include.mastodon }}" aria-label="Mastodon" class="card-link" itemprop="sameAs">
+        <i class="fab fa-mastodon" aria-hidden="true" title="Mastodon Profile"></i>
+      </a>
+      {% endif %}
+      {% if include.twitter %}
+      <a href="https://twitter.com/{{ include.twitter }}" aria-label="Twitter" class="card-link" itemprop="sameAs">
+        <i class="fab fa-twitter" aria-hidden="true" title="Twitter Profile"></i>
+      </a>
+      {% endif %}
+      {% if include.blog %}
+      <a href="https://blog.privacytools.io/author/{{ include.blog }}" aria-label="Blog" class="card-link" itemprop="sameAs">
+        <i class="fas fa-pen-nib" aria-hidden="true" title="PrivacyTools Blog Author"></i>
+      </a>
+      {% endif %}
+    </div>
+  </div>
+</div>

pages/team.html

@@ -0,0 +1,106 @@
+---
+layout: page
+permalink: /team/
+title: "The Privacy​Tools Team"
+description: "Core contributors to the Privacy​Tools website, communities, and services."
+---
+
+<div class="row">
+
+{% include team.html
+avatar="burung.jpg"
+name="Burung Hantu"
+role="Founder"
+bio="I founded PrivacyTools in 2015 to share resources and tools, allowing users to avoid international mass-surveillance programs."
+email="dude@privacytools.io"
+mastodon="https://social.privacytools.io/@BurungHantu"
+twitter="privacytoolsIO"
+%}
+
+{% include team.html
+avatar="jonah.png"
+name="Jonah Aragon"
+nick="Jonah"
+role="Administrator"
+bio="I run the website and services for PrivacyTools. My goal is to spread the word about data privacy as widely as possible."
+email="jonah@privacytools.io"
+website="https://www.jonaharagon.com"
+mastodon="https://social.privacytools.io/@jonah"
+twitter="JonahAragon"
+blog="jonah"
+%}
+
+{% include team.html
+avatar="blacklight447.png"
+name="blacklight447"
+bio="I research new privacy recommendations and moderate our communities. My expertise is endpoint security and networking."
+role="Community Manager"
+email="blacklight447@privacytools.io"
+mastodon="https://social.privacytools.io/@blacklight447"
+%}
+
+{% include team.html
+avatar="danarel.jpg"
+name="Dan Arel"
+role="ThinkPrivacy Editor"
+bio="I'm an author, columnist, and privacy advocate whose work has appeared in Time, Huff Post, OpenSource, and more. I am editing ThinkPrivacy, a PrivacyTools resource for everyday users."
+website="https://www.danarel.com"
+twitter="danarel"
+mastodon="https://mastodon.technology/@danarel"
+%}
+
+{% include team.html
+avatar="dawid.png"
+name="Dawid Potocki"
+role="Developer"
+bio=""
+mastodon="https://social.privacytools.io/@dawidpotocki"
+%}
+
+{% include team.html
+avatar="dngray.png"
+name="dngray"
+nick="Daniel Gray"
+bio=""
+email="dngray@privacytools.io"
+%}
+
+{% include team.html
+avatar="mikaela.png"
+name="Mikaela Suomalainen"
+nick="Mikaela"
+bio=""
+website="https://mikaela.info/"
+mastodon="https://mastodon.partipirate.org/@mikaela"
+%}
+
+{% include team.html
+avatar="nitrohorse.jpg"
+name="Andreas"
+nick="nitrohorse"
+role="Developer"
+bio=""
+website="https://nitrohorse.com/"
+mastodon="https://nitro.horse/@andreas"
+%}
+
+{% include team.html
+avatar="trai_dep.png"
+name="trai_dep"
+role="Subreddit Mod"
+bio="I'm a privacy advocate and moderator of Reddit's r/Privacy and r/privacytoolsIO communities."
+website="https://www.reddit.com/user/trai_dep"
+%}
+
+</div>
+<div class="row mt-4">
+  <div class="col">
+    <div class="card">
+      <div class="card-body">
+        <p class="card-text">Of course, we couldn't do any of this without our very generous <a href="https://opencollective.com/privacytoolsio/">financial contributors</a>, <a href="https://github.com/privacytoolsIO/privacytools.io/graphs/contributors">website contributors</a>, and the countless community members that help share new ideas and spread the word! Thank you.</p>
+        <a href="/index.html#participate" class="btn btn-primary"><i class="fas fa-hands-helping"></i> Get involved!</a>
+        <a href="/donate/" class="btn btn-outline-danger"><i class="fas fa-heart"></i> Donate</a>
+      </div>
+    </div>
+  </div>
+</div>