/about/: Create a team partial.

This creates a template for the /team/ page that is currently just
embedded inside the /about/ page.  This includes the titles for core
team members with their pictures.

static/styles/portico.css

@@ -789,6 +789,89 @@ a.bottom-signup-button {
     box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
 }
 
+.team .team-profiles {
+    text-align: center;
+    margin: 20px 0px;
+}
+
+.team {
+    margin: 50px 0px;
+}
+
+.team .profile {
+    display: inline-block;
+    text-align: center;
+
+    margin: 10px 0px;
+}
+
+.team .profile .profile-picture {
+    display: block;
+
+    width: 130px;
+    height: 130px;
+    margin: 5px 5px;
+
+    border-radius: 50%;
+
+    background-color: #444;
+
+    pointer-events: none;
+
+    box-shadow: 1px 2px 2px hsla(217, 47%, 17%, 0.03), 2px 2px 12px hsla(217, 47%, 17%, 0.09);
+}
+
+.team .profile:not(.bdfl) .profile-picture {
+    margin: 5px 13px;
+}
+
+.team .profile.bdfl {
+    display: block;
+}
+
+.team .profile.bdfl .profile-information {
+    display: inline-block;
+    vertical-align: top;
+    text-align: left;
+    font-size: 1.4em;
+
+    width: calc(100% - 215px - 10px);
+    margin-left: 10px;
+}
+
+.team .profile.bdfl .profile-description {
+    margin-top: 20px;
+
+    font-weight: 400;
+    font-size: 0.8em;
+    opacity: 0.8;
+}
+
+.team .profile.bdfl .profile-description p {
+    font-size: 1em;
+    line-height: inherit;
+}
+
+.team .profile.bdfl .profile-picture {
+    display: inline-block;
+
+    width: 200px;
+    height: auto;
+    border-radius: 4px;
+}
+
+.team .profile .profile-name {
+    font-weight: 600;
+}
+
+.team .profile .profile-role {
+    opacity: 0.5;
+    text-transform: uppercase;
+    font-size: 0.8em;
+
+    font-weight: 400;
+}
+
 .authors_row {
     width: 100%;
     table-layout: fixed;

templates/zerver/about.html

@@ -35,6 +35,9 @@
                     sprinted on Zulip during the 4-day event!
                 </div>
 
+                {% include 'zerver/team.html' %}
+
+
                 <h1>About Zulip</h1>
 
                 <p>

templates/zerver/team.html

@@ -0,0 +1,65 @@
+<div class="team">
+    <h1>The Team</h1>
+    <p>
+        Over 305 people have contributed to the Zulip codebase, from
+        high school students to 30 year industry veterans, from people
+        launching new careers to people looking for community.  Meet
+        the leadership below.
+    </p>
+    <div class="team-profiles">
+        <!-- Tim -->
+        <div class="profile bdfl">
+            <img class="profile-picture" src="/static/images/team/tim.png" alt="" />
+            <div class="profile-information">
+                <div class="profile-name">Tim Abbott</div>
+                <div class="profile-role">Founder and project leader</div>
+                <div class="profile-description">
+                    <p>
+                        Before Zulip, Tim was a founder and CTO of
+                        Ksplice, which provided rebootless linux
+                        kernel updates (a feat many previously thought
+                        impossible) to over 100,000 production
+                        servers. He was also the youngest ever
+                        Architect at Oracle, one of the most senior
+                        engineers at Dropbox and has been active in
+                        the open source community for over a
+                        decade. Tim has three degrees from MIT, and
+                        lives in San Francisco with his wife and
+                        daughter.
+                    </p>
+
+                </div>
+            </div>
+        </div>
+        <!-- Rishi -->
+        <div class="profile">
+            <img class="profile-picture" src="/static/images/team/rishi.png" alt="" />
+            <div class="profile-name">Rishi Gupta</div>
+            <div class="profile-role">Product</div>
+        </div>
+        <!-- Brock -->
+        <div class="profile">
+            <img class="profile-picture" src="/static/images/team/brock.jpg" alt="" />
+            <div class="profile-name">Brock Whittaker</div>
+            <div class="profile-role">Web</div>
+        </div>
+        <!-- Steve -->
+        <div class="profile">
+            <img class="profile-picture" src="/static/images/team/steve.png" alt="" />
+            <div class="profile-name">Steve Howell</div>
+            <div class="profile-role">Full Stack</div>
+        </div>
+        <!-- Greg -->
+        <div class="profile">
+            <img class="profile-picture" src="/static/images/team/greg.png" alt="" />
+            <div class="profile-name">Greg Price</div>
+            <div class="profile-role">Infrastructure</div>
+        </div>
+        <!-- Boris -->
+        <div class="profile">
+            <img class="profile-picture" src="/static/images/team/boris.jpg" alt="" />
+            <div class="profile-name">Boris Yankov</div>
+            <div class="profile-role">Mobile</div>
+        </div>
+    </div>
+</div>