bitcoinops · jnewbery · Jul 12, 2018 · Jul 10, 2018 · Jul 10, 2018
diff --git a/_data/associates.yml b/_data/associates.yml
@@ -0,0 +1,41 @@
+## When putting either quotes or exposition into the same types of
+## slots, ensure quotations are displayed surrounded by quotes marks to
+## differentiate the two types of information
+associates:
+  -
+    name: John Newbery
+    role: Director & Engineer, Optech
+    other_affiliation: Developer, Chaincode Labs
+    github: jnewbery
+    avatar: https://avatars1.githubusercontent.com/u/1063656?s=400&v=4
+    quote: >-
+      "I started Optech because if Bitcoin is to be successful, then one of the fundamental challenges facing Bitcoin services and businesses will be how to maximize customer utility by making efficient use of the blockchain. Helping Bitcoin ecosystem players adopt scaling techniques and technologies is one of the most effective ways we can help Bitcoin scale today."
+  -
+    name: James O'Beirne
+    role: Engineer, Optech
+    other_affiliation: Developer, Chaincode Labs
+    github: jamesob
+    avatar: https://avatars1.githubusercontent.com/u/73197?s=400&v=4
+    quote: >-
+      "If Optech succeeds, the Bitcoin ecosystem will have higher rates of technical coordination and understanding; businesses will gain technical insight from the opensource community, and opensource engineers will understand the challenges that industrial users of Bitcoin face. This may benefit everyone working with and relying upon Bitcoin."
+  -
+    name: Steve Lee
+    role: Project Manager, Optech
+    github: moneyball
+    avatar: https://avatars0.githubusercontent.com/u/326147?s=400&v=4
+    quote: >-
+      "I am excited to help Bitcoin Optech Group make a meaningful contribution to Bitcoin. I’m looking forward to working with businesses to develop implementation best practices and to build a bridge between businesses and the open source community."
+  -
+    name: David A. Harding
+    role: Contributing Technical Writer, Optech
+    github: harding
+    avatar: https://avatars1.githubusercontent.com/u/61096?s=400&v=4
+    quote: >-
+      "The terrible thing about a consensus system like Bitcoin is that every on-chain action we perform affects every other user of the system. That makes all of us neighbors, so we're faced with the choice of either being the bad neighbors who complain endlessly about each other or the good neighbors who work together to solve problems and find ways to coexist in harmony."
+  -
+    name: Marcin Jachymiak
+    role: Engineer, Optech
+    github: marcinja
+    avatar: https://avatars1.githubusercontent.com/u/12243734?s=400&v=4
+    quote: >-
+      "I'm interested in helping make Bitcoin better, and an important step forward is getting the community to use Bitcoin more efficiently. I hope that Optech can help coordinate this effort, and others, to make it as great as possible."
diff --git a/_includes/associates.html b/_includes/associates.html
@@ -0,0 +1,20 @@
+{% assign associates = site.data.associates.associates %}
+
+<div id="associates">
+
+    <ul class="associates two-column-list">
+        {% for associate in associates %}
+        {% assign avatar=associate.avatar %}
+        {% unless associate.avatar contains 'https://' %}{% capture avatar %}/assets/images/team/{{associate.avatar}}{% endcapture %}{% endunless %}
+        <li>
+            <img src="{{ avatar }}" class="bio-photo" width="150" height="150" alt="{{ associate.name }}" title="{{ associate.name }}">
+            <h3 itemprop="name">{{ associate.name }}</h3>
+            <p class="author-role">{{ associate.role }} {% if associate.other_affiliation %}<br/>{{ associate.other_affiliation }}{% endif %}</p>
+            <i class="fa fa-lg fa-github-square" rel="nofollow"></i>&nbsp;<a href="https://github.com/{{ associate.github }}" class="author-github" target="_blank">GitHub</a>
+            {% if associate.quote %}<p class="sponsor-quote">{{ associate.quote }} </p>{% endif %}
+
+        </li>
+        {% endfor %}
+    </ul>
+
+</div>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,16 @@
+---
+layout: default
+---
+<link rel="stylesheet" href="/assets/css/main.css">
+
+<article class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title | escape }}</h1>
+  </header>
+
+  <div class="post-content">
+    {{ content }}
+  </div>
+
+</article>
diff --git a/about.md b/about.md
@@ -5,29 +5,4 @@ permalink: /about/
 ---
 Principles and associates of Optech:
 
-- **John Newbery**
-  <br>Director & Engineer, Optech
-  <br>Developer, Chaincode Labs
-  <br>[GitHub][jnewbery github]
-
-- **James O'Beirne**<br>Engineer, Optech
-  <br>Developer, Chaincode Labs
-  <br>[GitHub][jamesob github]
-
-- **Steve Lee**
-  <br>Project Manager, Optech
-  <br>[GitHub][moneyball github]
-
-- **David A. Harding**
-  <br>Contributing Technical Writer, Optech
-  <br>[GitHub][harding github]
-
-- **Marcin Jachymiak**
-  <br>Engineer, Optech
-  <br>[GitHub][marcinja github]
-
-[jnewbery github]: https://github.com/jnewbery
-[jamesob github]: https://github.com/jamesob
-[moneyball github]: https://github.com/moneyball
-[harding github]: https://github.com/harding
-[marcinja github]: https://github.com/marcinja
+{% include associates.html %}
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -54,3 +54,7 @@ p.sponsor-quote {
         max-width: 100%;
         box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
 }
+
+.author-role {
+        margin-bottom: 0;
+}