Add a contributors page

app/assets/stylesheets/contributors.css.scss

@@ -0,0 +1,19 @@
+.contributors {
+
+  .col-md-4 {
+    margin-bottom: 5rem;
+    .img-circle {
+      box-shadow: 0 0 2px black;
+    }
+  }
+
+  .services a {
+    display: inline-block;
+    padding: 5px;
+    border-bottom: 1px solid #fff;
+
+    &:hover {
+      border-bottom: 1px solid #ccc;
+    }
+  }
+}

app/views/layouts/application.html.erb

@@ -56,7 +56,7 @@
         </div>
       </div>
       <div class="row">
-        <div class="col-md-3">
+        <div class="col-md-2">
           <ul>
             <li>
               <a href="https://github.com/diaspora/">
@@ -70,7 +70,7 @@
             </li>
           </ul>
         </div>
-        <div class="col-md-3">
+        <div class="col-md-2">
           <ul>
             <li>
               <a href="https://github.com/diaspora/diaspora/issues">
@@ -84,7 +84,7 @@
             </li>
           </ul>
         </div>
-        <div class="col-md-3">
+        <div class="col-md-2">
           <ul>
             <li>
               <a href="https://webchat.freenode.net/?channels=diaspora">
@@ -98,7 +98,14 @@
             </li>
           </ul>
         </div>
-        <div class="col-md-3">
+        <div class="col-md-2">
+          <ul>
+            <li>
+              <%= link_to t('.contributors'), contributors_url %>
+            </li>
+          </ul>
+        </div>
+        <div class="col-md-4">
           <div class="dropdown dropup">
             <button class="btn btn-defalt dropdown-toggle" data-toggle="dropdown">
               <%= t '.choose_language' %>

app/views/pages/contributors.erb

@@ -0,0 +1,134 @@
+<% content_for :page_title, t('.menu_title') %>
+<% content_for :wrapper_class, 'index-page' %>
+
+<div id="masthead" class="hero">
+  <div class="container">
+    <h1><%= t '.headline' %></h1>
+    <h2 class="lead"><%= t '.byline' %></h2>
+  </div>
+</div>
+<div class="container contributors">
+  <div class="row minor-top-spacing">
+    <div class="col-md-12">
+      <p><%= t('.intro', join_us: link_to(t('pages.contributors.join_us'), "https://wiki.diasporafoundation.org/Getting_started_with_contributing")).html_safe %></p>
+      <p><%= t('.contacting', how_we_communicate: link_to(t('.how_we_communicate_link'), "https://wiki.diasporafoundation.org/How_we_communicate")).html_safe %></p>
+    </div>
+  </div>
+  <div class="row minor-top-spacing text-center">
+    <div class="col-md-4">
+      <p>
+        <%= image_tag 'pages/contributors/denschub.jpg', class: 'img-responsive img-circle center-block' %>
+      </p>
+      <h4>
+        Dennis Schubert
+      </h4>
+      <p>
+        [email protected]
+      </p>
+      <p class="services">
+        <%= link_to(image_tag('pages/contributors/services/diaspora.png'), "https://pod.geraspora.de/u/denschub", title: t('.diaspora_profile')) %>
+        <%= link_to(image_tag('pages/contributors/services/github.png'), "https://github.com/denschub", title: t('.github_profile')) %>
+      </p>
+    </div>
+    <div class="col-md-4">
+      <%= image_tag 'pages/contributors/supertux.jpg', class: 'img-responsive img-circle center-block' %>
+      <h4>
+        Benjamin Neff
+      </h4>
+      <p>
+        [email protected]
+      </p>
+      <p class="services">
+        <%= link_to(image_tag('pages/contributors/services/diaspora.png'), "https://nerdpol.ch/u/supertux", title: t('.diaspora_profile')) %>
+        <%= link_to(image_tag('pages/contributors/services/github.png'), "https://github.com/supertux88", title: t('.github_profile')) %>
+      </p>
+    </div>
+    <div class="col-md-4">
+      <%= image_tag 'pages/contributors/jhass.jpg', class: 'img-responsive img-circle center-block' %>
+      <h4>
+        Jonne Haß
+      </h4>
+      <p>
+        [email protected]
+      </p>
+      <p class="services">
+        <%= link_to(image_tag('pages/contributors/services/diaspora.png'), "https://social.mrzyx.de/u/mrzyx", title: t('.diaspora_profile')) %>
+        <%= link_to(image_tag('pages/contributors/services/github.png'), "https://github.com/jhass/", title: t('.github_profile')) %>
+      </p>
+    </div>
+    <div class="col-md-4">
+      <%= image_tag 'pages/contributors/svbergerem.jpg', class: 'img-responsive img-circle center-block' %>
+      <h4>
+        Steffen Van Bergerem
+      </h4>
+      <p>
+         [email protected]
+      </p>
+      <p class="services">
+        <%= link_to(image_tag('pages/contributors/services/diaspora.png'), "https://pod.omgsrsly.net/svbergerem", title: t('.diaspora_profile')) %>
+        <%= link_to(image_tag('pages/contributors/services/github.png'), "https://github.com/svbergerem", title: t('.github_profile')) %>
+      </p>
+    </div>
+    <div class="col-md-4">
+      <%= image_tag 'pages/contributors/senya.jpg', class: 'img-responsive img-circle center-block' %>
+      <h4>
+        Senya
+      </h4>
+      <p>
+        [email protected]
+      </p>
+      <p class="services">
+        <%= link_to(image_tag('pages/contributors/services/diaspora.png'), "https://socializer.cc/u/senya", title: t('.diaspora_profile')) %>
+        <%= link_to(image_tag('pages/contributors/services/github.png'), "https://github.com/cmrd-senya", title: t('.github_profile')) %>
+      </p>
+    </div>
+    <div class="col-md-4">
+      <%= image_tag 'pages/contributors/fla.jpg', class: 'img-responsive img-circle center-block' %>
+      <h4>
+        Fla
+      </h4>
+      <p>
+        [email protected]
+      </p>
+      <p class="services">
+        <%= link_to(image_tag('pages/contributors/services/diaspora.png'), "https://diaspora-fr.org/u/fla", title: t('.diaspora_profile')) %>
+        <%= link_to(image_tag('pages/contributors/services/github.png'), "https://github.com/flaburgan", title: t('.github_profile')) %>
+      </p>
+    </div>
+    <div class="col-md-4">
+      <%= image_tag 'pages/contributors/goob.jpg', class: 'img-responsive img-circle center-block' %>
+      <h4>
+        Goob
+      </h4>
+      <p>
+        [email protected]
+      </p>
+      <p class="services">
+        <%= link_to(image_tag('pages/contributors/services/diaspora.png'), "https://pod.orkz.net/u/goob", title: t('.diaspora_profile')) %>
+        <%= link_to(image_tag('pages/contributors/services/github.png'), "https://github.com/goobertron ", title: t('.github_profile')) %>
+      </p>
+    </div>
+    <div class="col-md-4">
+      <%= image_tag 'pages/contributors/waithamai.jpg', class: 'img-responsive img-circle center-block' %>
+      <h4>
+        Waithamai Dragonqueen
+      </h4>
+      <p>
+        [email protected]
+      </p>
+      <p class="services">
+        <%= link_to(image_tag('pages/contributors/services/diaspora.png'), "https://pod.geraspora.de/u/waithamai", title: t('.diaspora_profile')) %>
+        <%= link_to(image_tag('pages/contributors/services/github.png'), "https://github.com/waithamai", title: t('.github_profile')) %>
+      </p>
+    </div>
+    <div class="col-md-4">
+      <%= image_tag 'pages/contributors/you.jpg', class: 'img-responsive img-circle center-block', alt: t('.you') %>
+      <h4>
+        <%= t '.you' =%>
+      </h4>
+      <p>
+        <%= t('.you_join', join_us: link_to(t('pages.contributors.join_us'), "https://wiki.diasporafoundation.org/Getting_started_with_contributing")).html_safe %>
+      </p>
+    </div>
+  </div>
+</div>

config/locales/en.yml

@@ -25,6 +25,7 @@ en:
       irc_development: "IRC - Development"
       discussion_general: "Discussion & support"
       discussion_development: "Discussion - Development"
+      contributors: "Contributors"
       choose_language: "Choose language"
       translate: "Add a translation"
       cc_license_alt: "Creative Commons License"
@@ -132,6 +133,18 @@ en:
       reshare_alt: Reshare
       mention_alt: Mention
       heart_alt: Heart
+    contributors:
+      menu_title: "Contributors"
+      headline: "Contributors"
+      byline: "Community heroes"
+      intro: "diaspora* is made, built, managed and promoted only by its community. Discover some of the volunteers who are contributing to the project. And you're welcome to %{join_us}!"
+      join_us: "join us"
+      contacting: "Please note that if you want a quick answer, you should not contact these persons directly. See %{how_we_communicate} to communicate with us."
+      how_we_communicate_link: "the official ways"
+      you: "You?"
+      you_join: "Come and %{join_us}!"
+      github_profile: "Github profile"
+      diaspora_profile: "diaspora* profile"
     get_involved:
       headline: "Get involved!"
       byline: "The future of the social web starts with you"

config/routes.rb

@@ -6,6 +6,7 @@
   constraints subdomain: /^(|www)$/i do
     controller :pages do
       get :about
+      get :contributors
       get :formatting
       get :get_involved
       get :other_docs