From 020550d8319b5c9ad3b33a1705b8abbb1e430fdd Mon Sep 17 00:00:00 2001
From: 0xfff <0xfff@protonmail.com>
Date: Sat, 5 Nov 2016 19:56:34 +0100
Subject: [PATCH] [WIP] Team: Start member module

---
 src/scss/_member.scss | 33 +++++++++++++++++++++++++++++
 src/scss/main.scss    |  1 +
 team/index.html       | 49 ++++++++++++++++++++++++-------------------
 3 files changed, 61 insertions(+), 22 deletions(-)
 create mode 100644 src/scss/_member.scss

diff --git a/src/scss/_member.scss b/src/scss/_member.scss
new file mode 100644
index 0000000..928b70f
--- /dev/null
+++ b/src/scss/_member.scss
@@ -0,0 +1,33 @@
+$m: 'member';
+
+.#{$m} {
+
+
+	&__image-wrapper {
+
+	}
+
+	&__image {
+
+	}
+
+	&__name {
+
+	}
+
+	&__title {
+
+	}
+
+	&__description {
+
+	}
+
+	&__detail {
+
+	}
+
+	&-list {
+
+	}
+}
diff --git a/src/scss/main.scss b/src/scss/main.scss
index 444425d..ac0d93a 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -38,6 +38,7 @@
 @import "pages/home";
 @import "interior";
 @import "post";
+@import "member";
 @import "junk-drawer";
 @import "pages/styleguide";
 @import "code-highlight";
diff --git a/team/index.html b/team/index.html
index 7e3f994..45de97e 100644
--- a/team/index.html
+++ b/team/index.html
@@ -9,33 +9,38 @@ description: pages.team.description
 <div class="content">
 
 
-    {% for member in site.data.team %}
-    <div>
+	<ul class="member-list">
+		{% for member in site.data.team %}
+		<li class="member">
 
-        {% if member.image %}
-            <div><img src="/assets/img/team/{{ member.image }}" alt="{{ member.name }}"></div>
-        {% else %}
-            <div><img src="/assets/img/team/anon.png" alt="{{ member.name }}"></div>
-        {% endif %}
+			{% if member.image %}
+				<div class="member__image-wrapper">
+					<img class="member__image" src="/assets/img/team/{{ member.image }}" alt="{{ member.name }}">
+				</div>
+			{% else %}
+				<div class="member__image-wrapper">
+					<img class="member__image" src="/assets/img/team/anon.png" alt="{{ member.name }}">
+				</div>
+			{% endif %}
 
-        <div>{{ member.name }}</div>
-        <div>{{ member.title }}</div>
-        <div>{{ member.description }}</div>
+			<div class="member__name">{{ member.name }}</div>
+			<div class="member__title">{{ member.title }}</div>
+			<div class="member__description">{{ member.description }}</div>
 
-        {% if member.email %}
-            <div><a href="mailto:{{ member.email }}">{{ member.email }}</a></div>
-        {% endif %}
+			{% if member.email %}
+				<div class="member__detail member__detail--email"><a href="mailto:{{ member.email }}">{{ member.email }}</a></div>
+			{% endif %}
 
-        {% if member.pgp %}
-            <div><a href="{{ member.pgp }}">PGP Key</a></div>
-        {% endif %}
+			{% if member.pgp %}
+				<div class="member__detail member__detail--pgp"><a href="{{ member.pgp }}">PGP Key</a></div>
+			{% endif %}
 
-        {% if member.twitter %}
-            <div>{{ member.twitter }}</div>
-        {% endif %}
-
-    </div>
-    {% endfor %}
+			{% if member.twitter %}
+				<div class="member__detail member__detail--twitter">{{ member.twitter }}</div>
+			{% endif %}
 
+		</li>
+		{% endfor %}
+	</ul>
 
 </div>