From 89f0fcea3339b88d0cc41e82dd99015e188cb098 Mon Sep 17 00:00:00 2001
From: Jorran de Wit <jorrandewit@outlook.com>
Date: Tue, 6 Jun 2017 21:52:03 +0200
Subject: [PATCH] Styling edits

---
 .../_commentary_card_content.html             |   6 +-
 .../comments/_comment_card_content.html       |  36 ++--
 journals/templates/journals/_base.html        |   4 +-
 .../journals/_publication_card_content.html   |   8 +-
 journals/templates/journals/add_author.html   |  12 ++
 .../create_citation_list_metadata.html        |  72 +++++---
 .../create_funding_info_metadata.html         |  58 +++---
 .../journals/create_metadata_xml.html         |  83 +++++----
 .../journals/metadata_xml_deposit.html        |  44 +++--
 .../journals/publication_detail.html          |   4 +-
 news/templates/news/news_card_content.html    |   4 +-
 news/templates/news/newsitem_list.html        |  54 ++++++
 news/urls.py                                  |   2 +-
 news/views.py                                 |   9 +-
 scipost/models.py                             |   5 +-
 .../scipost/assets/config/preconfig.scss      |   2 +-
 scipost/static/scipost/assets/css/_cards.scss |   3 +-
 scipost/static/scipost/assets/css/_form.scss  |   2 +-
 .../scipost/assets/css/_list_group.scss       |   5 +
 scipost/static/scipost/assets/css/_type.scss  |   4 +
 scipost/templates/scipost/FAQ.html            |   4 +-
 .../scipost/_personal_page_base.html          |   2 +-
 scipost/templates/scipost/footer.html         |   2 +
 scipost/templates/scipost/foundation.html     | 169 ++++++++++--------
 scipost/templates/scipost/index.html          |   4 +-
 scipost/templates/scipost/news.html           |  25 ---
 scipost/templates/scipost/privacy_policy.html |  24 ++-
 scipost/urls.py                               |   3 +-
 scipost/views.py                              |   1 -
 .../submissions/author_guidelines.html        |  98 +++++-----
 .../theses/_thesislink_card_content.html      |  10 +-
 31 files changed, 453 insertions(+), 306 deletions(-)
 create mode 100644 news/templates/news/newsitem_list.html
 delete mode 100644 scipost/templates/scipost/news.html

diff --git a/commentaries/templates/commentaries/_commentary_card_content.html b/commentaries/templates/commentaries/_commentary_card_content.html
index a00cd4ca8..5585602e4 100644
--- a/commentaries/templates/commentaries/_commentary_card_content.html
+++ b/commentaries/templates/commentaries/_commentary_card_content.html
@@ -2,10 +2,10 @@
     <h3 class="card-title">
         <a href="{% url 'commentaries:commentary' commentary.arxiv_or_DOI_string %}">{{ commentary.pub_title }}</a>
     </h3>
-    <p class="card-text">
-        by {{ commentary.author_list }}{% if commentary.type == 'published' %}, {{ commentary.journal }} {{ commentary.volume }}, {{ commentary.pages }}{% elif commentary.type == 'preprint' %} - <a href="{{ commentary.arxiv_link }}">{{ commentary.arxiv_link }}</a>{% endif %}
+    <p class="mt-0 mb-3">
+        by {{ commentary.author_list }}{% if commentary.type == 'published' %}, {{ commentary.journal }} {{ commentary.volume }}, {{ commentary.pages }}{% elif commentary.type == 'preprint' %} &middot; <a href="{{ commentary.arxiv_link }}">{{ commentary.arxiv_link }}</a>{% endif %}
     </p>
     <p class="card-text text-muted">
-        {% if commentary.pub_date %}(published {{ commentary.pub_date }}) - {% endif %}latest activity: {{ commentary.latest_activity }}
+        {% if commentary.pub_date %}(published {{ commentary.pub_date }}) &middot; {% endif %}latest activity: {{ commentary.latest_activity }}
     </p>
 </div>
diff --git a/comments/templates/comments/_comment_card_content.html b/comments/templates/comments/_comment_card_content.html
index fba6a0aee..0d94fd1d4 100644
--- a/comments/templates/comments/_comment_card_content.html
+++ b/comments/templates/comments/_comment_card_content.html
@@ -1,31 +1,33 @@
 <div class="card-block card-comment">
     {% block card_block_header %}{% endblock %}
-    <p class="card-text">
-        <span class="text-blue">
-            <a href="{% if comment.get_author %}{% url 'scipost:contributor_info' comment.get_author.id %}{% else %}javascript:;{% endif %}">{{comment.get_author_str}}</a>:
-        </span>
+    <p class="card-text pb-1">
+
+        <a href="{% if comment.get_author %}{% url 'scipost:contributor_info' comment.get_author.id %}{% else %}javascript:;{% endif %}">{{comment.get_author_str}}</a><span class="text-blue">:</span>
 
         {% if comment.submission %}
             <a href="{% url 'submissions:submission' comment.submission.arxiv_identifier_w_vn_nr %}#comment_id{{comment.id}}">
-                "{{comment.comment_text|slice:'30'}}{% if comment.comment_text|length > 30 %}...{% endif %}"
+                "{{comment.comment_text|slice:'50'}}{% if comment.comment_text|length > 50 %}...{% endif %}"
             </a>
-            </p><p class="card-text pl-md-3">
-            in submission on <a href="{% url 'submissions:submission' comment.submission.arxiv_identifier_w_vn_nr %}" class="pubtitleli">{{comment.submission.title}}</a>
-            <span class="text-muted">by {{comment.submission.author_list}}</span>
+            </p>
+            <p class="card-text pl-md-4 pb-1">
+                in submission on <a href="{% url 'submissions:submission' comment.submission.arxiv_identifier_w_vn_nr %}" class="pubtitleli">{{comment.submission.title}}</a>
+                <span class="text-muted">by {{comment.submission.author_list}}</span>
         {% elif comment.commentary %}
             <a href="{% url 'commentaries:commentary' comment.commentary.arxiv_or_DOI_string %}#comment_id{{comment.id}}">
-                "{{comment.comment_text|slice:'30'}}{% if comment.comment_text|length > 30 %}...{% endif %}"
+                "{{comment.comment_text|slice:'50'}}{% if comment.comment_text|length > 50 %}...{% endif %}"
             </a>
-            </p><p class="card-text pl-md-3">
-            in commentary on <a href="{% url 'commentaries:commentary' comment.commentary.arxiv_or_DOI_string %}" class="pubtitleli">{{comment.commentary.pub_title}}</a>
-            <span class="text-muted">by {{comment.commentary.author_list}}</span>
+            </p>
+            <p class="card-text pl-md-4 pb-1">
+                in commentary on <a href="{% url 'commentaries:commentary' comment.commentary.arxiv_or_DOI_string %}" class="pubtitleli">{{comment.commentary.pub_title}}</a>
+                <span class="text-muted">by {{comment.commentary.author_list}}</span>
         {% elif comment.thesislink %}
             <a href="{% url 'theses:thesis' comment.thesislink.id %}#comment_id{{comment.id}}">
-                "{{comment.comment_text|slice:'30'}}{% if comment.comment_text|length > 30 %}...{% endif %}"
+                "{{comment.comment_text|slice:'50'}}{% if comment.comment_text|length > 50 %}...{% endif %}"
             </a>
-            </p><p class="card-text pl-md-3">
-            in thesislink on <a href="{% url 'theses:thesis' comment.thesislink.id %}" class="pubtitleli">{{comment.thesislink.title}}</a>
-            <span class="text-muted">by {{ comment.thesislink.author }}</span>
+            </p>
+            <p class="card-text pl-md-4 pb-1">
+                in thesislink on <a href="{% url 'theses:thesis' comment.thesislink.id %}" class="pubtitleli">{{comment.thesislink.title}}</a>
+                <span class="text-muted">by {{ comment.thesislink.author }}</span>
         {% endif %}
-    </p>
+        </p>
 </div>
diff --git a/journals/templates/journals/_base.html b/journals/templates/journals/_base.html
index d1813d03f..190ee0e18 100644
--- a/journals/templates/journals/_base.html
+++ b/journals/templates/journals/_base.html
@@ -6,7 +6,7 @@
 {% block body_class %}{{block.super}} journals{% endblock %}
 
 {% block breadcrumb %}
-    <nav class="breadcrumb py-md-2 px-0">
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
         <div class="container">
             {% block breadcrumb_items %}
                 <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
@@ -17,7 +17,7 @@
 
 {% block secondary_navbar %}
 <div class="container my-2">
-    <nav class="navbar navbar-secondary px-0">
+    <nav class="navbar navbar-secondary px-0 pt-3">
         <div>
             <h2 class="banner d-inline-block mr-2"><a href="{% url 'scipost:landing_page' journal.doi_label %}">{{journal}}</a></h2>
             <ul class="links">
diff --git a/journals/templates/journals/_publication_card_content.html b/journals/templates/journals/_publication_card_content.html
index fa49f54b4..53231d986 100644
--- a/journals/templates/journals/_publication_card_content.html
+++ b/journals/templates/journals/_publication_card_content.html
@@ -3,6 +3,12 @@
 </div>
 <div class="card-block publication-{{publication.id}}">
     <p class="card-text mb-2">{{ publication.author_list }}</p>
-    <p class="card-text text-muted">{{ publication.citation }} &middot; <span class="font-weight-light">published {{ publication.publication_date|date:'j F Y' }}</span> <span class="mx-1">|</span> <a href="javascript:;" data-toggle="toggle" data-target=".card-block.publication-{{publication.id}} .abstract">Toggle abstract</a> &middot; <a href="{{publication.get_absolute_url}}/pdf" target="_blank">pdf</a></p>
+    <p class="card-text text-muted">
+        {{ publication.citation }} &middot;
+        <span class="font-weight-light">published {{ publication.publication_date|date:'j F Y' }}</span>
+        <span class="mx-1">|</span>
+        <a href="javascript:;" data-toggle="toggle" data-target=".card-block.publication-{{publication.id}} .abstract">Toggle abstract</a>
+        &middot; <a href="{{publication.get_absolute_url}}/pdf" target="_blank">pdf</a>
+    </p>
     <p class="abstract mb-0 mt-2 py-2" style="display:none;">{{ publication.abstract }}</p>
 </div>
diff --git a/journals/templates/journals/add_author.html b/journals/templates/journals/add_author.html
index 977eaff19..fe05184c1 100644
--- a/journals/templates/journals/add_author.html
+++ b/journals/templates/journals/add_author.html
@@ -2,6 +2,18 @@
 
 {% block pagetitle %}: add author to publication{% endblock pagetitle %}
 
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Add author to publication</span>
+        </div>
+    </nav>
+{% endblock %}
+
 {% load scipost_extras %}
 {% load bootstrap %}
 
diff --git a/journals/templates/journals/create_citation_list_metadata.html b/journals/templates/journals/create_citation_list_metadata.html
index 037452a96..4e961547f 100644
--- a/journals/templates/journals/create_citation_list_metadata.html
+++ b/journals/templates/journals/create_citation_list_metadata.html
@@ -2,40 +2,56 @@
 
 {% block pagetitle %}: Create citation list metadata{% endblock pagetitle %}
 
-{% block bodysup %}
-
-
-<section>
-  <div class="flex-greybox">
-    <h1>Create citation list metadata page</h1>
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Create citation list metadata</span>
+        </div>
+    </nav>
+{% endblock %}
+
+{% load bootstrap %}
+
+{% block content %}
+
+<div class="row">
+  <div class="col-12">
+    <h1 class="highlight">Create citation list metadata page</h1>
   </div>
+</div>
 
-  {% if errormessage %}
-    <h2 style="color: red;">{{ errormessage }}</h2>
-  {% endif %}
-
-  <form action="{% url 'journals:create_citation_list_metadata' publication.doi_label %}" method="post">
-    {% csrf_token %}
-    {{ bibitems_form.as_p }}
-    <input type="submit" value="Submit">
-  </form>
 
-  <hr class="hr6"/>
+<div class="row">
+  <div class="col-12">
+      {% if errormessage %}
+        <h2 class="text-danger">{{ errormessage }}</h2>
+      {% endif %}
 
-  <h3>Current citation list metadata:</h3>
-  <table>
-    {% for citation in citation_list %}
-      <tr>
-        <td>{{ citation.key }}</td><td>{{ citation.doi }}</td>
-      </tr>
-    {% endfor %}
-  </table>
+      <form action="{% url 'journals:create_citation_list_metadata' publication.doi_label %}" method="post">
+        {% csrf_token %}
+        {{ bibitems_form|bootstrap }}
+        <input type="submit" class="btn btn-secondary" value="Submit">
+      </form>
 
-  <hr class="hr6"/>
+      <hr>
 
-  <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
+      <h3>Current citation list metadata:</h3>
+      <table>
+        {% for citation in citation_list %}
+          <tr>
+            <td>{{ citation.key }}</td><td>{{ citation.doi }}</td>
+          </tr>
+        {% endfor %}
+      </table>
 
-</section>
+      <hr>
 
+      <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
+    </div>
+</div>
 
-{% endblock bodysup %}
+{% endblock %}
diff --git a/journals/templates/journals/create_funding_info_metadata.html b/journals/templates/journals/create_funding_info_metadata.html
index 5c953dd55..d1df43cbf 100644
--- a/journals/templates/journals/create_funding_info_metadata.html
+++ b/journals/templates/journals/create_funding_info_metadata.html
@@ -2,34 +2,52 @@
 
 {% block pagetitle %}: Create funding info metadata{% endblock pagetitle %}
 
-{% block bodysup %}
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Create funding info metadata</span>
+        </div>
+    </nav>
+{% endblock %}
 
+{% load bootstrap %}
 
-<section>
-  <div class="flex-greybox">
-    <h1>Create funding info metadata page</h1>
-  </div>
+{% block content %}
 
-  {% if errormessage %}
-    <h2 style="color: red;">{{ errormessage }}</h2>
-  {% endif %}
+<div class="row">
+    <div class="col-12">
+        <h1 class="highlight">Create funding info metadata page</h1>
+    </div>
+</div>
 
-  <form action="{% url 'journals:create_funding_info_metadata' publication.doi_label %}" method="post">
-    {% csrf_token %}
-    {{ funding_info_form.as_p }}
-    <input type="submit" value="Submit">
-  </form>
 
-  <hr class="hr6"/>
+<div class="row">
+    <div class="col-12">
 
-  <h3>Current funding info metadata:</h3>
-  <p>{{ funding_statement }}</p>
+      {% if errormessage %}
+        <h2 class="text-danger">{{ errormessage }}</h2>
+      {% endif %}
 
-  <hr class="hr6"/>
+      <form action="{% url 'journals:create_funding_info_metadata' publication.doi_label %}" method="post">
+        {% csrf_token %}
+        {{ funding_info_form|bootstrap }}
+        <input type="submit" class="btn btn-secondary" value="Submit">
+      </form>
 
-  <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
+     <hr>
+        <h3 class="mt-3">Current funding info metadata:</h3>
+        <p>{{funding_statement|linebreaks}}</p>
 
-</section>
+      <hr>
 
+      <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
 
-{% endblock bodysup %}
+    </div>
+</div>
+
+
+{% endblock %}
diff --git a/journals/templates/journals/create_metadata_xml.html b/journals/templates/journals/create_metadata_xml.html
index 3caea0105..9056a8665 100644
--- a/journals/templates/journals/create_metadata_xml.html
+++ b/journals/templates/journals/create_metadata_xml.html
@@ -2,34 +2,55 @@
 
 {% block pagetitle %}: Create metadata xml{% endblock pagetitle %}
 
-{% block bodysup %}
-
-
-<section>
-  <div class="flex-greybox">
-    <h1>Create metadata XML (for Crossref deposit)</h1>
-  </div>
-
-  {% if errormessage %}
-  <h2 style="color: red;">{{ errormessage }}</h2>
-  {% endif %}
-
-  <form action="{% url 'journals:create_metadata_xml' publication.doi_label %}" method="post">
-    {% csrf_token %}
-    {{ create_metadata_xml_form.as_p }}
-    <input type="submit" value="Accept the metadata">
-  </form>
-
-  <hr class="hr6"/>
-
-  <h3>Current metadata xml:</h3>
-  <p>{{ publication.metadata_xml|linebreaks }}</p>
-
-  <hr class="hr6"/>
-
-  <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
-
-</section>
-
-
-{% endblock bodysup %}
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Create metadata XML</span>
+        </div>
+    </nav>
+{% endblock %}
+
+{% load bootstrap %}
+
+{% block content %}
+
+<div class="row">
+    <div class="col-12">
+        <h1 class="highlight">Create metadata XML (for Crossref deposit)</h1>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-12">
+      {% if errormessage %}
+          <h2 class="text-danger">{{ errormessage }}</h2>
+      {% endif %}
+
+      <form action="{% url 'journals:create_metadata_xml' publication.doi_label %}" method="post">
+        {% csrf_token %}
+        {{ create_metadata_xml_form|bootstrap }}
+        <input type="submit" class="btn btn-secondary" value="Accept the metadata">
+      </form>
+
+      <hr class="hr6"/>
+
+      <h3>Current metadata xml:</h3>
+      <div>
+          <pre><code>
+              {{ publication.metadata_xml|linebreaks }}
+          </code></pre>
+      </div>
+
+      <hr class="hr6"/>
+
+      <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
+
+    </div>
+</div>
+
+
+{% endblock content %}
diff --git a/journals/templates/journals/metadata_xml_deposit.html b/journals/templates/journals/metadata_xml_deposit.html
index bc16e8cc5..2c3bdeac6 100644
--- a/journals/templates/journals/metadata_xml_deposit.html
+++ b/journals/templates/journals/metadata_xml_deposit.html
@@ -2,29 +2,47 @@
 
 {% block pagetitle %}: metadata XML deposit{% endblock pagetitle %}
 
-{% block bodysup %}
-
-
-<section>
-  <div class="flex-greybox">
-    <h1>Metadata deposit</h1>
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Metadata XML deposit</span>
+        </div>
+    </nav>
+{% endblock %}
+
+{% block content %}
+
+
+<div class="row">
+  <div class="col-12">
+    <h1 class="highlight">Metadata deposit <small>(using the {{ option }} server)</small></h1>
   </div>
+</div>
 
-  <h2>(using the {{ option }} server)</h2>
 
+<div class="row">
+  <div class="col-12">
   {% if errormessage %}
-    <h2 style="color: red;">{{ errormessage }}</h2>
+    <h2 class="text-danger">{{ errormessage }}</h2>
   {% endif %}
 
-  <h3>Response headers:</h3>
-  <p>{{ response_headers|linebreaks }}</p>
+  <h3 class="my-1">Response headers:</h3>
+  <div>
+      <pre><code>{{ response_headers|linebreaks }}</code></pre>
+  </div>
 
-  <h3>Response text:</h3>
+  <h3 class="mt-3">Response text:</h3>
   <p>{{ response_text|linebreaks }}</p>
 
   <h3><a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
 
-</section>
+
+    </div>
+</div>
 
 
-{% endblock bodysup %}
+{% endblock %}
diff --git a/journals/templates/journals/publication_detail.html b/journals/templates/journals/publication_detail.html
index e71cba60f..d99cef1a7 100644
--- a/journals/templates/journals/publication_detail.html
+++ b/journals/templates/journals/publication_detail.html
@@ -72,10 +72,10 @@
             <h3>View more material from these authors:</h3>
             <p>
             {% for author in publication.authors.all %}
-              <a href="/contributor/{{ author.id }}">{{ author }}</a>&nbsp;&nbsp;
+              <a href="{{author.get_absolute_url}}">{{ author }}</a> {% if not forloop.last %}&nbsp;&middot;&nbsp;{% endif %}
             {% endfor %}
             {% for author in publication.authors_unregistered.all %}
-              {{ author }}&nbsp;&nbsp;
+              {{ author }} {% if not forloop.last %}&nbsp;&middot;&nbsp;{% endif %}
             {% endfor %}
             </p>
         </div>
diff --git a/news/templates/news/news_card_content.html b/news/templates/news/news_card_content.html
index d586cf303..e8e7c6111 100644
--- a/news/templates/news/news_card_content.html
+++ b/news/templates/news/news_card_content.html
@@ -1,7 +1,7 @@
-<div class="card-block px-0 pt-0 news-item" id="news_{{news.id}}">
+<div class="card-block news-item" id="news_{{news.id}}">
     <h3 class="card-title mb-0">{{news.headline}}</h3>
     <div class="px-1 mt-1">
-        <h4 class="text-muted font-weight-bold">{{news.date|date:'Y-n-j'}}</h4>
+        <h4 class="text-muted">{{news.date|date:'Y-n-j'}}</h4>
         <div>{{news.blurb|linebreaks}}</div>
 
         {% if news.followup_link %}
diff --git a/news/templates/news/newsitem_list.html b/news/templates/news/newsitem_list.html
new file mode 100644
index 000000000..01b17aa4c
--- /dev/null
+++ b/news/templates/news/newsitem_list.html
@@ -0,0 +1,54 @@
+{% extends 'scipost/base.html' %}
+
+{% block pagetitle %}: News{% endblock pagetitle %}
+
+{% load request_filters %}
+{% load staticfiles %}
+
+{% block content %}
+
+<div class="row">
+    <div class="col-12">
+        <h1 class="highlight">SciPost News</h1>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-12">
+        {% if is_paginated %}
+              <p>
+              {% if page_obj.has_previous %}
+                <a href="?{% url_replace page=page_obj.previous_page_number %}">Previous</a>
+              {% endif %}
+              Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
+              {% if page_obj.has_next %}
+                <a href="?{% url_replace page=page_obj.next_page_number %}">Next</a>
+              {% endif %}
+              <span class="float-right"><a href="{% url 'scipost:index' %}">Go back to the homepage.</a></span>
+              </p>
+          {% endif %}
+
+        {% for item in object_list %}
+            <div class="card card-grey card-news">
+                {% include 'news/news_card_content.html' with news=item %}
+            </div>
+        {% empty %}
+            <div>No news found.</div>
+        {% endfor %}
+
+        {% if is_paginated %}
+              <p class="mt-4">
+              {% if page_obj.has_previous %}
+                <a href="?{% url_replace page=page_obj.previous_page_number %}">Previous</a>
+              {% endif %}
+              Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
+              {% if page_obj.has_next %}
+                <a href="?{% url_replace page=page_obj.next_page_number %}">Next</a>
+              {% endif %}
+              <span class="float-right"><a href="{% url 'scipost:index' %}">Go back to the homepage.</a></span>
+              </p>
+          {% endif %}
+    </div>
+</div>
+
+{% endblock content %}
diff --git a/news/urls.py b/news/urls.py
index a84f2906b..039616e4e 100644
--- a/news/urls.py
+++ b/news/urls.py
@@ -3,5 +3,5 @@ from django.conf.urls import url
 from . import views
 
 urlpatterns = [
-    url(r'^$', views.news, name='news'),
+    url(r'^$', views.NewsListView.as_view(), name='news'),
 ]
diff --git a/news/views.py b/news/views.py
index 6e6773d73..d1b9f7756 100644
--- a/news/views.py
+++ b/news/views.py
@@ -1,9 +1,8 @@
-from django.shortcuts import render
+from django.views.generic.list import ListView
 
 from .models import NewsItem
 
 
-def news(request):
-    newsitems = NewsItem.objects.all().order_by('-date')
-    context = {'newsitems': newsitems}
-    return render(request, 'scipost/news.html', context)
+class NewsListView(ListView):
+    model = NewsItem
+    paginate_by = 10
diff --git a/scipost/models.py b/scipost/models.py
index 1b2fa091f..d8a4d015c 100644
--- a/scipost/models.py
+++ b/scipost/models.py
@@ -3,12 +3,12 @@ import hashlib
 import random
 import string
 
+from django.core.urlresolvers import reverse
 from django.contrib.auth.models import User
 from django.contrib.postgres.fields import ArrayField
 from django.db import models
 from django.template import Template, Context
 from django.utils import timezone
-from django.utils.safestring import mark_safe
 
 from django_countries.fields import CountryField
 
@@ -69,6 +69,9 @@ class Contributor(models.Model):
     def __str__(self):
         return '%s, %s' % (self.user.last_name, self.user.first_name)
 
+    def get_absolute_url(self):
+        return reverse('scipost:contributor_info', args=(self.id,))
+
     def get_formal_display(self):
         return '%s %s %s' % (self.get_title_display(), self.user.first_name, self.user.last_name)
 
diff --git a/scipost/static/scipost/assets/config/preconfig.scss b/scipost/static/scipost/assets/config/preconfig.scss
index 863c6b614..cb57c42b2 100644
--- a/scipost/static/scipost/assets/config/preconfig.scss
+++ b/scipost/static/scipost/assets/config/preconfig.scss
@@ -1,6 +1,7 @@
 // General variable structure
 //
 //
+$border-radius-base: 0;
 
 // Grid
 //
@@ -11,7 +12,6 @@ $container-max-widths: (
     lg: 1160px,
     xl: 1200px
 );
-
 .row {
     margin-bottom: 1rem;
 }
diff --git a/scipost/static/scipost/assets/css/_cards.scss b/scipost/static/scipost/assets/css/_cards.scss
index bbf4c1f53..4abaef465 100644
--- a/scipost/static/scipost/assets/css/_cards.scss
+++ b/scipost/static/scipost/assets/css/_cards.scss
@@ -3,11 +3,12 @@
 
     &.card-grey {
         background-color: #F4F4F4;
-        border-color: #ddd;
+        border-color: #ececec;
     }
 
     &.card-publication {
         box-shadow: 0 1px 0 0 #ddd;
+        border-color: #ddd;
 
         .card-header {
             background-color: #eee;
diff --git a/scipost/static/scipost/assets/css/_form.scss b/scipost/static/scipost/assets/css/_form.scss
index bb58a1717..4de7ec29f 100644
--- a/scipost/static/scipost/assets/css/_form.scss
+++ b/scipost/static/scipost/assets/css/_form.scss
@@ -59,7 +59,7 @@ input[type="file"] {
         line-height: 1.75;
 
         &:hover {
-            border-color: #d3e3f6 !important;
+            border-color: #ccc !important;
         }
     }
 
diff --git a/scipost/static/scipost/assets/css/_list_group.scss b/scipost/static/scipost/assets/css/_list_group.scss
index 773da713e..a1c49fc9c 100644
--- a/scipost/static/scipost/assets/css/_list_group.scss
+++ b/scipost/static/scipost/assets/css/_list_group.scss
@@ -2,3 +2,8 @@
  .list-group-noborder .list-group-item {
      border: 0;
  }
+
+.list-group-item {
+    margin-bottom: 0;
+    border-top-color: #f9f9f9;
+}
diff --git a/scipost/static/scipost/assets/css/_type.scss b/scipost/static/scipost/assets/css/_type.scss
index f727c839c..34edc1a3e 100644
--- a/scipost/static/scipost/assets/css/_type.scss
+++ b/scipost/static/scipost/assets/css/_type.scss
@@ -22,6 +22,10 @@ h1 > a {
     color: $scipost-darkblue;
 }
 
+h3 {
+    line-height: normal;
+}
+
 h5, h6 {
     font-weight: 300;
 }
diff --git a/scipost/templates/scipost/FAQ.html b/scipost/templates/scipost/FAQ.html
index fb3f7f91c..3c6d8e5b7 100644
--- a/scipost/templates/scipost/FAQ.html
+++ b/scipost/templates/scipost/FAQ.html
@@ -143,7 +143,7 @@
 
             <h3>Who is behind SciPost?</h3>
             <ul>
-                <li>SciPost was founded by <a target="_blank" href="http://staff.fnwi.uva.nl/j.s.caux">J.-S. Caux</a>, Professor of Theoretical Physics at the University of Amsterdam.</li>
+                <li>SciPost was founded by <a target="_blank" href="//jscaux.org/">J.-S. Caux</a>, Professor of Theoretical Physics at the University of Amsterdam.</li>
                 <li>The legal entity behind SciPost is <a href="{% url 'scipost:foundation' %}">Stichting SciPost</a>, a not-for-profit Foundation established in Amsterdam. Its (non-remunerated) personnel consists in Prof. J.-S. Caux (chairman), Dr J. van Mameren (secretary) and Dr J. van Wezel (treasurer). The portal is run by a team of volunteer officers coordinated by the Foundation.</li>
             </ul>
 
@@ -163,7 +163,7 @@
             <hr>
             <h3>How is SciPost funded?</h3>
             <p>SciPost operates non-commercially, incurring minimal costs. Contributors, who are by definition all academically employed, provide all the content and perform all editorial tasks as part of their normal institutional academic duties. Operations are kept running by a team of volunteer officers, themselves academically employed.</p>
-            <p>Support for operational costs is initially provided by the <a target="_blank" href="http://www.nwo.nl/en">NWO</a> in the Netherlands. Long-term operations will be financed by donations from national funding agencies, universities, societies, foundations and individuals. If you are interested in financially supporting SciPost, <a href="mailto:J.S.Caux@uva.nl">contact us</a>.</p>
+            <p>Support for operational costs is initially provided by the <a target="_blank" href="http://www.nwo.nl/en">NWO</a> in the Netherlands. Long-term operations will be financed by donations from national funding agencies, universities, societies, foundations and individuals. If you are interested in financially supporting SciPost, <a href="mailto:jscaux@scipost.org">contact us</a>.</p>
     </div>
 </div>
 
diff --git a/scipost/templates/scipost/_personal_page_base.html b/scipost/templates/scipost/_personal_page_base.html
index a60e5b5b1..d49b0b375 100644
--- a/scipost/templates/scipost/_personal_page_base.html
+++ b/scipost/templates/scipost/_personal_page_base.html
@@ -1,7 +1,7 @@
 {% extends 'scipost/base.html' %}
 
 {% block breadcrumb %}
-    <nav class="breadcrumb py-md-2 px-0">
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
         <div class="container">
             {% block breadcrumb_items %}
                 <a href="{% url 'scipost:personal_page' %}" class="breadcrumb-item">Personal Page</a>
diff --git a/scipost/templates/scipost/footer.html b/scipost/templates/scipost/footer.html
index ada3d585a..4fa5a8f7a 100644
--- a/scipost/templates/scipost/footer.html
+++ b/scipost/templates/scipost/footer.html
@@ -7,6 +7,8 @@
       <br/>
       <a href="mailto:admin@scipost.org">Contact the administrators.</a>
       <br/>
+      <a href="mailto:techsupport@scipost.org">Contact the technical staff for support and feedback.</a>
+      <br/>
       <a href="{% url 'scipost:terms_and_conditions' %}">Terms and conditions.</a>
     </div>
     <div class="col-md-3">
diff --git a/scipost/templates/scipost/foundation.html b/scipost/templates/scipost/foundation.html
index e167cd697..0344ceac5 100644
--- a/scipost/templates/scipost/foundation.html
+++ b/scipost/templates/scipost/foundation.html
@@ -4,91 +4,104 @@
 
 {% load staticfiles %}
 
-{% block bodysup %}
+{% block content %}
 
-
-<section>
-  <div class="flex-container">
-    <div class="flex-greybox">
-      <h1>The SciPost Foundation (Stichting SciPost)</h1>
+<div class="row">
+    <div class="col-12">
+      <h1 class="highlight">The SciPost Foundation (Stichting SciPost)</h1>
     </div>
-  </div>
+</div>
 
-  <div class="flex-whitebox">
-    <p>
-      The SciPost Foundation, Inc. is a nonprofit organization dedicated to developing,
-      implementing and maintaining innovative forms of electronic scientific
-      communication and publishing.
-      The SciPost Foundation operates the <a href="{% url 'scipost:index' %}">SciPost.org</a>
-      interactive online portal for the benefit of the international scientific community
-      and further interested parties.
-    </p>
-    <p>You can consult the
-      <a href="{% static 'scipost/info/afschrift_OPR_St_SciPost.pdf' %}">Act of Foundation</a> (official version, in Dutch).</p>
-    <p>You can also consult our most recent <a href="{% static 'scipost/info/SciPost_Business_Plan_2016_08.pdf' %}">business plan</a>.
-    </p>
+<div class="row">
+    <div class="col-12">
+        <p>
+          The SciPost Foundation, Inc. is a nonprofit organization dedicated to developing,
+          implementing and maintaining innovative forms of electronic scientific
+          communication and publishing.
+          The SciPost Foundation operates the <a href="{% url 'scipost:index' %}">SciPost.org</a>
+          interactive online portal for the benefit of the international scientific community
+          and further interested parties.
+        </p>
+        <p>You can consult the
+          <a href="{% static 'scipost/info/afschrift_OPR_St_SciPost.pdf' %}">Act of Foundation</a> (official version, in Dutch).</p>
+        <p>You can also consult our most recent <a href="{% static 'scipost/info/SciPost_Business_Plan_2016_08.pdf' %}">business plan</a>.
+        </p>
   </div>
+</div>
 
-  <hr class="hr6"/>
+<div class="row">
+    <div class="col-12">
+        <div class="card-deck">
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">SciPost Board</h2>
+                    <ul>
+                	  <li>Chairman: Prof. J.-S. Caux</li>
+                	  <li>Secretary: Dr J. van Mameren</li>
+                	  <li>Treasurer: Dr J. van Wezel</li>
+                	</ul>
+                	<p class="px-2">Board members do not receive any salary or financial compensation of any form for their work for the Foundation.</p>
+                </div>
+            </div>
 
-  <div class="flex-container">
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>SciPost Board:</h2>
-      </div>
-      <div class="flex-whitebox">
-	<ul>
-	  <li>Chairman: Prof. J.-S. Caux</li>
-	  <li>Secretary: Dr J. van Mameren</li>
-	  <li>Treasurer: Dr J. van Wezel</li>
-	</ul>
-	<p>Board members do not receive any salary or financial compensation of any form for their work for the Foundation.</p>
-      </div>
-    </div>
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>Contact details</h2>
-      </div>
-      <div class="flex-whitebox">
-	<p>c/o Prof. <a href="mailto:jscaux@scipost.org">J.-S. Caux</a></p>
-	<p>Institute of Physics</p>
-	<p>University of Amsterdam</p>
-	<p>Science Park 904</p>
-	<p>1098 XH</p>
-	<p>Amsterdam</p>
-	<p>The Netherlands</p>
-	<p>+31(0)20 525 5775</p>
-      </div>
-    </div>
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>Registration</h2>
-      </div>
-      <div class="flex-whitebox">
-	<p>Dutch Chamber of Commerce nr 65280083.</p>
-	<p>RSIN 856049487.</p>
-	<p><a href="{% static 'scipost/info/uittreksel_Stichting_SciPost.pdf' %}">Registration extract</a>.
-      </div>
-    </div>
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>Yearly Reports</h2>
-      </div>
-      <div class="flex-whitebox">
-	<p>2016 (to be published)</p>
-      </div>
-    </div>
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>Financial Reports</h2>
-      </div>
-      <div class="flex-whitebox">
-	<p>2016-7 (to be published)</p>
-      </div>
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Contact details</h2>
+
+                    <address class="px-2">
+                        c/o Prof. <a href="mailto:jscaux@scipost.org">J.-S. Caux</a></br>
+                    	Institute of Physics</br>
+                    	University of Amsterdam</br>
+                    	Science Park 904</br>
+                    	1098 XH</br>
+                    	Amsterdam</br>
+                    	The Netherlands</br>
+                    	+31(0)20 525 5775</br>
+                    </address>
+                </div>
+            </div>
+
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Registration</h2>
+
+                    <div class="px-2">
+                      	<p>
+                            Dutch Chamber of Commerce nr 65280083.</br>
+                      	    RSIN 856049487.<br>
+                      	    <a href="{% static 'scipost/info/uittreksel_Stichting_SciPost.pdf' %}">Registration extract</a>.
+                         </p>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
-  </div>
+</div>
+
+<div class="row">
+    <div class="col-12">
+        <div class="card-deck">
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Registration</h2>
+                </div>
+            </div>
 
-</section>
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Yearly Reports</h2>
+                    <p class="px-2">2016 (to be published)</p>
+                </div>
+            </div>
 
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Financial Reports</h2>
+                    <p class="px-2">2016-7 (to be published)</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 
-{% endblock bodysup %}
+{% endblock %}
diff --git a/scipost/templates/scipost/index.html b/scipost/templates/scipost/index.html
index c59c9d838..76cb80bbb 100644
--- a/scipost/templates/scipost/index.html
+++ b/scipost/templates/scipost/index.html
@@ -12,7 +12,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="row pt-3">
+<div class="row pt-2">
     <div class="col-md-7">
         <!-- Latest publications -->
         <div class="card card-grey">
@@ -33,7 +33,7 @@
         </div><!-- End latest publications -->
 
         <!-- Latest submissions -->
-        <div class="card card-grey">
+        <div class="card card-grey mt-4">
             <div class="card-header">
                 <h2 class="card-title mb-0"><a href="{% url 'submissions:submissions' %}" class="text-black">Latest Submissions</a></h2>
             </div>
diff --git a/scipost/templates/scipost/news.html b/scipost/templates/scipost/news.html
deleted file mode 100644
index 71982a644..000000000
--- a/scipost/templates/scipost/news.html
+++ /dev/null
@@ -1,25 +0,0 @@
-{% extends 'scipost/base.html' %}
-
-{% block pagetitle %}: News{% endblock pagetitle %}
-
-{% load staticfiles %}
-
-{% block content %}
-
-<div class="row">
-    <div class="col-12">
-        <h1 class="highlight">SciPost News</h1>
-    </div>
-</div>
-
-<div class="row">
-    <div class="col-12">
-        {% for item in newsitems %}
-            <div class="card card-grey card-news">
-                {% include 'news/news_card_content.html' with news=item %}
-            </div>
-        {% endfor %}
-    </div>
-</div>
-
-{% endblock content %}
diff --git a/scipost/templates/scipost/privacy_policy.html b/scipost/templates/scipost/privacy_policy.html
index 998bf246c..839fd1ae5 100644
--- a/scipost/templates/scipost/privacy_policy.html
+++ b/scipost/templates/scipost/privacy_policy.html
@@ -4,20 +4,16 @@
 
 {% load staticfiles %}
 
-{% block bodysup %}
+{% block content %}
 
-
-
-<section>
-  <div class="flex-container">
-    <div class="flex-greybox">
-      <h1>SciPost Privacy Policy</h1>
+<div class="row">
+    <div class="col-12">
+      <h1 class="highlight">SciPost Privacy Policy</h1>
     </div>
-  </div>
+</div>
 
-  <div class="row">
-    <div class="col-1"></div>
-    <div class="col-10">
+<div class="row">
+    <div class="col-12">
 
       <p>If you have questions about deleting or correcting your personal data please contact us. Stichting SciPost, Ltd. (“SciPost”) operates a Website at scipost.org. It is SciPost’s policy to respect your privacy regarding any information we may collect while operating our Web sites.</p>
 
@@ -41,8 +37,8 @@
 
       <p> First published March 30, 2016.</p>
 
+      <a href="{% url 'scipost:FAQ' %}">Return to frequently asked questions</a>
     </div>
-</section>
-
+</div>
 
-{% endblock bodysup %}
+{% endblock %}
diff --git a/scipost/urls.py b/scipost/urls.py
index 5b8809d94..32fa9c767 100644
--- a/scipost/urls.py
+++ b/scipost/urls.py
@@ -136,7 +136,8 @@ urlpatterns = [
         name='mark_unavailable_period'),
 
     # Contributor info
-    url(r'^contributor/(?P<contributor_id>[0-9]+)$', views.contributor_info, name="contributor_info"),
+    url(r'^contributor/(?P<contributor_id>[0-9]+)$', views.contributor_info,
+        name="contributor_info"),
 
     # Authorship claims
     url(r'^claim_authorships$', views.claim_authorships, name="claim_authorships"),
diff --git a/scipost/views.py b/scipost/views.py
index 92358cc47..16f627531 100644
--- a/scipost/views.py
+++ b/scipost/views.py
@@ -1273,7 +1273,6 @@ def Fellow_activity_overview(request, Fellow_id=None):
     return render(request, 'scipost/Fellow_activity_overview.html', context)
 
 
-
 class AboutView(ListView):
     model = EditorialCollege
     template_name = 'scipost/about.html'
diff --git a/submissions/templates/submissions/author_guidelines.html b/submissions/templates/submissions/author_guidelines.html
index d091602ab..4363952e0 100644
--- a/submissions/templates/submissions/author_guidelines.html
+++ b/submissions/templates/submissions/author_guidelines.html
@@ -4,18 +4,20 @@
 
 {% block headsup %} {% load staticfiles %} {% endblock headsup %}
 
-{% block bodysup %}
+{% block content %}
 
-
-<section>
-
-  <div class="flex-greybox">
-    <h1>Author Guidelines</h1>
+<div class="row">
+  <div class="col-12">
+    <h1 class="highlight">Author Guidelines</h1>
   </div>
+</div>
+
+<div class="row">
+  <div class="col-12">
   <p>Before submitting to SciPost, you should familiarize yourself with the
     <a href="{% url 'journals:journals_terms_and_conditions' %}">SciPost Journals Terms and Conditions</a>.</p>
 
-  <hr class="hr12"/>
+  <hr>
   <h2>Manuscript preparation</h2>
 
   <p>We prefer authors to prepare their manuscript using the SciPost LaTeX2e style, which you can download
@@ -39,52 +41,52 @@
     <p>Including the DOI is particularly important: the paper can only be published if references are externally linked.</p>
   </p>
 
-  <h3>The article should contain the following elements:</h3>
-  <ul>
-    <li>Title
-      <p>The title should ideally fit in two lines (approximately 150 characters) or less,
-	and be descriptive of the research reported.</p>
-    </li>
-    <li>Authors
-      <p>Authors should be listed by initials and last name, with superscript reference to their affiliation.
-	The corresponding author should be indicated with a superscript asterisk.</p>
-    <li>Abstract
-      <p>The abstract should fit within 8 lines of the template.</p>
-    </li>
-    <li>Bulk Sections
-      <p>The bulk of the paper should be clearly divided into sections with short descriptive titles, including an introduction and a conclusion.</p>
-    </li>
-    <li>Figures
-      <p>If figures are included, they should only occupy the strictly necessary space, in any case individually fitting on a single page.
+  <h3 class="mb-2">The article should contain the following elements:</h3>
+  <dl class="row">
+    <dt class="col-sm-3 col-md-2">Title</dt>
+    <dd class="col-sm-9 col-md-10">The title should ideally fit in two lines (approximately 150 characters) or less,
+	and be descriptive of the research reported.</dd>
+
+    <dt class="col-sm-3 col-md-2">Authors</dt>
+    <dd class="col-sm-9 col-md-10">Authors should be listed by initials and last name, with superscript reference to their affiliation.
+	The corresponding author should be indicated with a superscript asterisk.</dd>
+
+    <dt class="col-sm-3 col-md-2">Abstract</dt>
+    <dd class="col-sm-9 col-md-10">The abstract should fit within 8 lines of the template.</dd>
+
+    <dt class="col-sm-3 col-md-2">Bulk Sections</dt>
+    <dd class="col-sm-9 col-md-10">The bulk of the paper should be clearly divided into sections with short descriptive titles, including an introduction and a conclusion.</dd>
+
+    <dt class="col-sm-3 col-md-2">Figures</dt>
+    <dd class="col-sm-9 col-md-10">If figures are included, they should only occupy the strictly necessary space, in any case individually fitting on a single page.
 	Each figure item should be appropriately labeled and accompanied by a descriptive caption.
 	SciPost does not accept creative figures or artist's impressions;
-	on the other hand, technical drawings and scientifically accurate representations are encouraged.</p>
-    </li>
-    <li>Acknowledgements
-      <p>Acknowledgements should follow immediately after the conclusion.</p>
-    </li>
-    <li>Author contributions
-      <p>This is optional. If desired, contributions should be succinctly described using author initials.</p>
-    </li>
-    <li>Funding information
-      <p>Authors are required to provide funding information, including relevant agencies and grant numbers with linked author's initials.</p>
-    </li>
-    <li>Appendices
-      <p>Supplementary material which goes beyond the paper's bulk contents can be provided in appendices, which should be
-	labeled using capital letters.</p>
-    </li>
-    <li>References
-      <p>Items in the list of references should include authors, title, journal reference and most importantly
-	<b>** include the DOI link **</b> (see the template above for an example).</p>
-    </li>
-  </ul>
+	on the other hand, technical drawings and scientifically accurate representations are encouraged.</dd>
+
+    <dt class="col-sm-3 col-md-2">Acknowledgements</dt>
+    <dd class="col-sm-9 col-md-10">Acknowledgements should follow immediately after the conclusion.</dd>
+
+    <dt class="col-sm-3 col-md-2">Author contributions</dt>
+    <dd class="col-sm-9 col-md-10">This is optional. If desired, contributions should be succinctly described using author initials.</dd>
+
+    <dt class="col-sm-3 col-md-2">Funding information</dt>
+    <dd class="col-sm-9 col-md-10">Authors are required to provide funding information, including relevant agencies and grant numbers with linked author's initials.</dd>
+
+    <dt class="col-sm-3 col-md-2">Appendices</dt>
+    <dd class="col-sm-9 col-md-10">Supplementary material which goes beyond the paper's bulk contents can be provided in appendices, which should be
+	labeled using capital letters.</dd>
+
+    <dt class="col-sm-3 col-md-2">References</dt>
+    <dd class="col-sm-9 col-md-10">Items in the list of references should include authors, title, journal reference and most importantly
+	<b>** include the DOI link **</b> (see the template above for an example).</dd>
+  </dl>
 
   <p>All equations and references should be hyperlinked to ensure ease of navigation.</p>
   <p>There is no strict length limitation, but the authors are strongly encouraged to keep contents to the
     strict minimum necessary for peers to reproduce the research described in the paper.</p>
 
 
-  <hr class="hr12"/>
+  <hr>
   <h2>Manuscript submission</h2>
   <p>Submitting your manuscript to SciPost is extremely easy. You should:</p>
   <ul>
@@ -100,8 +102,8 @@
     make every reasonable effort to implement such requests, except in cases where this is interpreted as
     interfering with a rigorous assessment of the work.</p>
 
-
-</section>
+    </div>
+</div>
 
 
-{% endblock bodysup %}
+{% endblock content %}
diff --git a/theses/templates/theses/_thesislink_card_content.html b/theses/templates/theses/_thesislink_card_content.html
index 89fbde922..36ff9a114 100644
--- a/theses/templates/theses/_thesislink_card_content.html
+++ b/theses/templates/theses/_thesislink_card_content.html
@@ -1,15 +1,15 @@
 {% load theses_extras %}
 
 <div class="card-block">
-    <h3 class="card-title">
+    <h5 class="pb-0">{{ thesislink.get_discipline_display }} &middot; {{ thesislink.get_domain_display }} &middot; {{ thesislink.get_subject_area_display }}</h5>
+    <h3>
         <a href="{% url 'theses:thesis' thesislink_id=thesislink.id %}">{{ thesislink.title }}</a>
     </h3>
-    <p class="card-text">
+    <p class="mt-0 mb-3">
         {{ thesislink.get_type_display }} thesis by {{ thesislink.author }}
-        (supervisor(s): {{ thesislink.supervisor }}) in
-        {{ thesislink.get_discipline_display }}, {{ thesislink.get_domain_display }} {{ thesislink.get_subject_area_display }}.
+        (supervisor(s): {{ thesislink.supervisor }})
     </p>
     <p class="card-text text-muted">
-        Defense date: {{ thesislink.defense_date }}. Latest activity: {{ thesislink.latest_activity|date:"DATE_FORMAT" }}.
+        Defense date: {{ thesislink.defense_date }} &middot; Latest activity: {{ thesislink.latest_activity|date:"DATE_FORMAT" }}
     </p>
 </div>
-- 
GitLab