Merge pull request #90 from clojurebridge-berlin/update-about-us

Update About Us section

Author: daiyi

_config.yml

@@ -20,3 +20,61 @@ url: "http://clojurebridge-berlin.github.io" # the base hostname & protocol for
 
 # Build settings
 markdown: kramdown
+
+team:
+  - name: Ben
+    image: ben.png
+    url: https://twitter.com/socksy
+  - name: Franka
+    image: franka.jpg
+    url: http://franka.tech
+  - name: Danielle
+    image: dani.jpg
+    url: https://twitter.com/dantoml
+  - name: Dave
+    image: dave.png
+    url: http://daveliepmann.com
+  - name: Johanna
+    image: johanna.jpg
+    url: https://twitter.com/JohanannC
+  - name: Julia
+    image: julia.jpg
+    url: https://twitter.com/anderspree
+  - name: Lisa
+    image: lislis.png
+    url: http://lislis.de
+  - name: Nils
+    image: nils.png
+    url: http://nils-blum-oeste.net
+  - name: Saskia
+    image: saskia.jpg
+    url: http://saskialindner.com
+  - name: Tibor
+    image: tibor.jpg
+    url: http://codebeige.net
+  - name: Anna
+    image: anna.jpg
+    url:
+  - name: daiyi
+    image: daiyi.jpg
+    url: https://twitter.com/daiyitastic
+
+team-alumni:
+  - name: Arne
+    url: https://twitter.com/plexus
+    image:
+  - name: Bettina
+    url: https://twitter.com/thatbettina
+    image:
+  - name: Jelle
+    url: https://twitter.com/jellea
+    image:
+  - name: Malwine
+    url: https://twitter.com/malweene
+    image:
+  - name: Martin
+    url: https://twitter.com/martinklepsch
+    image:
+  - name: Nicola
+    url: https://twitter.com/nicsnet
+    image:

_includes/team-alumni.html

@@ -0,0 +1,10 @@
+{% for person in include.people %}
+  <a href={{ person.url }}>{{ person.name }}</a>
+{% endfor %}
+
+<script>
+  var team = document.querySelector('.team-alumni');
+  for (var i = team.children.length; i >= 0; i--) {
+    team.appendChild(team.children[Math.random() * i | 0]);
+  }
+</script>

_includes/team.html

@@ -0,0 +1,13 @@
+{% for person in include.people %}
+  <div class="col-md-4 col-sm-2 col-xs-4 team-member">
+    <img src="/images/headshots/{{ person.image }}">
+    <a href={{ person.url }}>{{ person.name }}</a>
+  </div>
+{% endfor %}
+
+<script>
+  var team = document.querySelector('.team');
+  for (var i = team.children.length; i >= 0; i--) {
+    team.appendChild(team.children[Math.random() * i | 0]);
+  }
+</script>

assets/stylesheet.css

@@ -40,11 +40,18 @@ section.module.content {
   text-align: center;
 }
 
-.team {
-  margin-left: 15%;
+.team-member {
+  margin-bottom: 25px
+}
+
+.team-member img {
   border-radius: 50%;
-  width: 70%;
-  margin-bottom: 10%;
+  width: 100%;
+  margin-bottom: 5px;
+}
+
+.team-alumni a:not(:last-child)::after {
+  content: ", "
 }
 
 .arrow {