diff --git a/static/images/team/boris.jpg b/static/images/team/boris.jpg new file mode 100644 index 0000000000..de54577933 Binary files /dev/null and b/static/images/team/boris.jpg differ diff --git a/static/images/team/brock.jpg b/static/images/team/brock.jpg new file mode 100644 index 0000000000..61a24be097 Binary files /dev/null and b/static/images/team/brock.jpg differ diff --git a/static/images/team/greg.png b/static/images/team/greg.png new file mode 100644 index 0000000000..198bbc6b11 Binary files /dev/null and b/static/images/team/greg.png differ diff --git a/static/images/team/rishi.png b/static/images/team/rishi.png new file mode 100644 index 0000000000..9e23e61da2 Binary files /dev/null and b/static/images/team/rishi.png differ diff --git a/static/images/team/steve.png b/static/images/team/steve.png new file mode 100644 index 0000000000..c99676d773 Binary files /dev/null and b/static/images/team/steve.png differ diff --git a/static/images/team/tim.png b/static/images/team/tim.png new file mode 100644 index 0000000000..af4818a8b4 Binary files /dev/null and b/static/images/team/tim.png differ diff --git a/static/styles/portico.css b/static/styles/portico.css index e0e1d4cbab..948e887f56 100644 --- a/static/styles/portico.css +++ b/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; diff --git a/templates/zerver/about.html b/templates/zerver/about.html index 3241549873..29c7ab8af3 100644 --- a/templates/zerver/about.html +++ b/templates/zerver/about.html @@ -35,6 +35,9 @@ sprinted on Zulip during the 4-day event! + {% include 'zerver/team.html' %} + +

About Zulip

diff --git a/templates/zerver/team.html b/templates/zerver/team.html new file mode 100644 index 0000000000..74584226b8 --- /dev/null +++ b/templates/zerver/team.html @@ -0,0 +1,65 @@ +

+

The Team

+

+ 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. +

+
+ +
+ +
+
Tim Abbott
+
Founder and project leader
+
+

+ 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. +

+ +
+
+
+ +
+ +
Rishi Gupta
+
Product
+
+ +
+ +
Brock Whittaker
+
Web
+
+ +
+ +
Steve Howell
+
Full Stack
+
+ +
+ +
Greg Price
+
Infrastructure
+
+ +
+ +
Boris Yankov
+
Mobile
+
+
+