Add people and publication pages

.gitignore

@@ -1,2 +1 @@
 _site
-.sass-cache

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+    "files.exclude": {
+        "_site": true
+    },
+    "explorer.fileNesting.enabled": true,
+    "explorer.fileNesting.patterns": {
+        "*": "${capture}.lock"
+    }
+}

README.md

@@ -11,7 +11,8 @@ make build
 make serve
 ```
 
-This will rebuild the site, then serves `_site` at `http://localhost:4000`.
+This will start Jekyll in watch mode and serve the site at
+`http://localhost:4000`. Content changes are rebuilt automatically.
 
 Useful overrides:
 

_config.yml

@@ -18,6 +18,7 @@ url: https://cmrcs.org
 markdown: kramdown
 theme: minima
 
+# Files to not copy to _site/ (dotfiles are excluded by default)
 exclude:
   - Gemfile
   - Gemfile.lock

_data/people.yml

@@ -0,0 +1,27 @@
+- id: andrew-scott
+  name: Andrew D. Scott
+  image:
+  summary:
+  role:
+  focus:
+  orcid: 0000-0001-7656-3123
+  linkedin: scottandrewd
+  webpage: https://profiles.imperial.ac.uk/andrew.scott
+- id: denis-doorly
+  name: Denis J. Doorly
+  image:
+  summary:
+  role:
+  focus:
+  orcid: Orcid identifier0000-0002-5372-4702
+  linkedin:
+  webpage: https://profiles.imperial.ac.uk/d.doorly
+- id: jan-rose
+  name: Jan N. Rose
+  image:
+  summary: Completed his PhD in 2021, working on realistic histology-based DT-CMR simulation using Monte Carlo methods.
+  role: Alumn
+  focus: Cardiac microstructure, Monte Carlo modelling
+  orcid: 0000-0002-2273-7439
+  linkedin: janniklasrose
+  github: janniklasrose

_data/publications.yml

@@ -0,0 +1,11 @@
+- id: novel-insights-dt-cmr-virtual-microstructure
+  year: 2019
+  title: Novel insights into in-vivo diffusion tensor cardiovascular magnetic resonance using computational modeling and a histology-based virtual microstructure
+  doi: 10.1002/mrm.27561
+  authors:
+    - person: jan-rose
+    - name: Sonia Nielles-Vallespin
+    - name: Pedro F. Ferreira
+    - name: David N. Firmin
+    - person: andrew-scott
+    - person: denis-doorly

_layouts/people_index.html

@@ -0,0 +1,24 @@
+---
+layout: site
+---
+
+<section class="page-wrap">
+  <div class="page-heading">
+    <h1 class="page-title">{{ page.title }}</h1>
+    <div>{{ content }}</div>
+  </div>
+
+  <div class="people-grid">
+    {% for person in site.data.people %}
+      <article class="person-card">
+        <img src="{{ person.image | relative_url }}" alt="Profile image for {{ person.name }}">
+        <div class="person-card-body">
+          <p class="role">{{ person.role }}</p>
+          <h2>{{ person.name }}</h2>
+          <p>{{ person.summary }}</p>
+          <a class="text-link" href="{{ '/people/' | append: person.id | append: '/' | relative_url }}">View profile</a>
+        </div>
+      </article>
+    {% endfor %}
+  </div>
+</section>

_layouts/person.html

@@ -0,0 +1,64 @@
+---
+layout: site
+---
+{% assign person = site.data.people | where: "id", page.person_id | first %}
+
+<section class="page-wrap">
+  <div class="page-heading">
+    <h1 class="page-title">{{ person.name }}</h1>
+  </div>
+  <div class="detail-grid">
+    <aside class="detail-panel">
+      <img src="{{ person.image | relative_url }}" alt="Profile image for {{ person.name }}">
+      <dl>
+        <dt>Role</dt>
+        <dd>{{ person.role }}</dd>
+        <dt>Focus</dt>
+        <dd>{{ person.focus }}</dd>
+        {% if person.orcid or person.linkedin or person.webpage or person.github %}
+          <dt>Links</dt>
+          <dd>
+            <ul class="profile-links">
+              {% if person.orcid %}
+                <li><a href="https://orcid.org/{{ person.orcid }}">ORCID</a></li>
+              {% endif %}
+              {% if person.linkedin %}
+                <li><a href="https://linkedin.com/in/{{ person.linkedin }}">LinkedIn</a></li>
+              {% endif %}
+              {% if person.webpage %}
+                <li><a href="{{ person.webpage }}">Webpage</a></li>
+              {% endif %}
+              {% if person.github %}
+                <li><a href="https://github.com/{{ person.github }}">GitHub</a></li>
+              {% endif %}
+            </ul>
+          </dd>
+        {% endif %}
+      </dl>
+    </aside>
+    <article class="prose">
+      {{ content }}
+      <h2 class="person-publications-heading">Publications</h2>
+      {% assign authored_publications = "" | split: "" %}
+      {% for publication in site.data.publications %}
+        {% for author in publication.authors %}
+          {% if author.person == person.id %}
+            {% assign authored_publications = authored_publications | push: publication %}
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+      {% if authored_publications.size > 0 %}
+        <ul class="linked-list">
+          {% for publication in authored_publications %}
+            <li>
+              <a href="{{ '/publications/' | append: publication.id | append: '/' | relative_url }}">{{ publication.title }}</a>
+              <span>{{ publication.year }}</span>
+            </li>
+          {% endfor %}
+        </ul>
+      {% else %}
+        <p>No publications listed yet.</p>
+      {% endif %}
+    </article>
+  </div>
+</section>

_layouts/publication.html

@@ -0,0 +1,36 @@
+---
+layout: site
+---
+{% assign publication = site.data.publications | where: "id", page.publication_id | first %}
+
+<section class="page-wrap">
+  <div class="page-heading publication-heading">
+    <h1 class="page-title">{{ publication.title }}</h1>
+  </div>
+  <div class="detail-grid">
+    <aside class="detail-panel">
+      <dl>
+        <dt>Authors</dt>
+        <dd>
+          {% for author in publication.authors %}
+            {% if author.person %}
+              {% assign person = site.data.people | where: "id", author.person | first %}
+              <a href="{{ '/people/' | append: person.id | append: '/' | relative_url }}">{{ person.name }}</a>{% unless forloop.last %}, {% endunless %}
+            {% else %}
+              {{ author.name }}{% unless forloop.last %}, {% endunless %}
+            {% endif %}
+          {% endfor %}
+        </dd>
+        <dt>Year</dt>
+        <dd>{{ publication.year }}</dd>
+        {% if publication.doi %}
+          <dt>DOI</dt>
+          <dd><a href="https://doi.org/{{ publication.doi }}">{{ publication.doi }}</a></dd>
+        {% endif %}
+      </dl>
+    </aside>
+    <article class="prose">
+      {{ content }}
+    </article>
+  </div>
+</section>

_layouts/publications_index.html

@@ -0,0 +1,32 @@
+---
+layout: site
+---
+
+<section class="page-wrap">
+  <div class="page-heading">
+    <h1 class="page-title">{{ page.title }}</h1>
+    <div>{{ content }}</div>
+  </div>
+
+  <div class="publication-list">
+    {% for publication in site.data.publications %}
+      <article class="publication-item">
+        <div>
+          <h2>{{ publication.title }}</h2>
+          <p class="authors">
+            {% for author in publication.authors %}
+              {% if author.person %}
+                {% assign person = site.data.people | where: "id", author.person | first %}
+                <a href="{{ '/people/' | append: person.id | append: '/' | relative_url }}">{{ person.name }}</a>{% unless forloop.last %}, {% endunless %}
+              {% else %}
+                {{ author.name }}{% unless forloop.last %}, {% endunless %}
+              {% endif %}
+            {% endfor %}
+          </p>
+          <a class="text-link" href="{{ '/publications/' | append: publication.id | append: '/' | relative_url }}">Read publication page</a>
+        </div>
+        <div class="year">{{ publication.year }}</div>
+      </article>
+    {% endfor %}
+  </div>
+</section>

_layouts/site.html

@@ -6,6 +6,7 @@
     <meta name="description" content="{{ page.description | default: site.description | strip }}">
     <title>{{ page.title }} | {{ site.title }}</title>
     <link rel="stylesheet" href="{{ '/assets/css/site.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ '/assets/css/pages.css' | relative_url }}">
   </head>
   <body>
     <header class="site-header">