[WIP] Team: Start member module

src/scss/_member.scss

@@ -0,0 +1,33 @@
+$m: 'member';
+
+.#{$m} {
+
+
+	&__image-wrapper {
+
+	}
+
+	&__image {
+
+	}
+
+	&__name {
+
+	}
+
+	&__title {
+
+	}
+
+	&__description {
+
+	}
+
+	&__detail {
+
+	}
+
+	&-list {
+
+	}
+}

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";

team/index.html

@@ -9,33 +9,38 @@ description: pages.team.description
 <div class="content">
 
 
+	<ul class="member-list">
 		{% for member in site.data.team %}
-    <div>
+		<li class="member">
 
 			{% if member.image %}
-            <div><img src="/assets/img/team/{{ member.image }}" alt="{{ member.name }}"></div>
+				<div class="member__image-wrapper">
+					<img class="member__image" src="/assets/img/team/{{ member.image }}" alt="{{ member.name }}">
+				</div>
 			{% else %}
-            <div><img src="/assets/img/team/anon.png" alt="{{ member.name }}"></div>
+				<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 class="member__name">{{ member.name }}</div>
-        <div>{{ member.title }}</div>
+			<div class="member__title">{{ member.title }}</div>
-        <div>{{ member.description }}</div>
+			<div class="member__description">{{ member.description }}</div>
 
 			{% if member.email %}
-            <div><a href="mailto:{{ member.email }}">{{ member.email }}</a></div>
+				<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>
+				<div class="member__detail member__detail--pgp"><a href="{{ member.pgp }}">PGP Key</a></div>
 			{% endif %}
 
 			{% if member.twitter %}
-            <div>{{ member.twitter }}</div>
+				<div class="member__detail member__detail--twitter">{{ member.twitter }}</div>
 			{% endif %}
 
-    </div>
+		</li>
 		{% endfor %}
-
+	</ul>
 
 </div>