Layout for people pages

_layouts/person.html

@@ -2,14 +2,24 @@
 layout: default
 ---
 
-<div class="page">
-  <h1 class="page-title">{{ page.fullname }}</h1>
-  {% if page.fulltitle %}<h2>{{ page.fulltitle }}</h2>{% endif %}
-  <h3>
-    <a href="https://kwarc.info/{{ page.account }}/publications.html">Pulibcations</a>
-    {% if page.cv %}&nbsp;<a href="/{{page.cv}}">Curriculum Vitae</a>{% endif %}
-  </h3>
-  
-  <img src="/{{page.pic}}" width="300"/>
-  {{ content }}
-</div>
+
+<div class="row">
+  <div class="col s12 m5 right">
+    <div class="card">
+      <div class="card-image">
+        <img src="/{{page.pic}}" width="300"/>
+      </div>
+      <div class="card-content">
+        <span class="card-title">{{ page.fullname }}</span>
+        {% if page.fulltitle %}{{ page.fulltitle }}{% endif %}
+      </div>
+      <div class="card-action">
+        <a href="https://kwarc.info/{{ page.account }}/publications.html">Publications</a>
+        {% if page.cv %}&nbsp;<a href="/{{page.cv}}">Curriculum Vitae</a>{% endif %}
+      </div>
+    </div>
+  </div>
+  <p>
+    {{content}}
+  </p>
+</div>
\ No newline at end of file

people/mkohlhase.md

 ---
 layout: person
 menu_title: Michael Kohlhase
+title: Michael Kohlhase
 menu_order: 1
 fullname: Prof. Dr. Michael Kohlhase
 fulltitle: Professur für Wissensrepräsentation und -verarbeitung

public/css/main.css

@@ -10,7 +10,7 @@ header, main, .page-footer {
   }
 }
 
-#body {
+p {
   font-size: 1.25rem;
   font-weight: 300;
 }