Add browse commentaries and howto, improve presentation

commentaries/forms.py

@@ -26,7 +26,7 @@ COMMENTARY_REFUSAL_CHOICES = (
 class RequestCommentaryForm(forms.ModelForm):
     class Meta:
         model = Commentary
-        fields = ['type', 'pub_title', 'author_list', 'pub_date', 'arxiv_link', 'pub_DOI_link', 'pub_abstract']
+        fields = ['type', 'discipline', 'pub_title', 'author_list', 'pub_date', 'arxiv_link', 'pub_DOI_link', 'pub_abstract']
 
     def __init__(self, *args, **kwargs):
         super(RequestCommentaryForm, self).__init__(*args, **kwargs)

commentaries/models.py

@@ -6,6 +6,10 @@ from .models import *
 
 from scipost.models import Contributor
 
+COMMENTARY_DISCIPLINES = (
+    ('physics', 'Physics'),
+    )
+
 COMMENTARY_TYPES = (
     ('published', 'published paper'),
     ('preprint', 'arXiv preprint (at least 8 weeks old)'),
@@ -17,6 +21,7 @@ class Commentary(models.Model):
     vetted = models.BooleanField(default=False)
     vetted_by = models.ForeignKey (Contributor, blank=True, null=True)
     type = models.CharField(max_length=9, choices=COMMENTARY_TYPES) # published paper or arxiv preprint
+    discipline = models.CharField(max_length=20, choices=COMMENTARY_DISCIPLINES, default='physics')
     open_for_commenting = models.BooleanField(default=True)
     pub_title = models.CharField(max_length=300, verbose_name='title')
     arxiv_link = models.URLField(verbose_name='arXiv link (including version nr)', blank=True)

commentaries/templates/commentaries/browse.html

+{% extends 'scipost/base.html' %}
+
+{% block pagetitle %}: Commentaries{% endblock pagetitle %}
+
+{% block headsup %}
+<script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script>
+{% endblock headsup %}
+
+{% block bodysup %}
+
+<!-- Temporary strip for online version -->
+{% if user.is_authenticated %}
+
+<section>
+  <div class="flex-container">
+    <div class="flex-greybox320">
+      <h1>SciPost Commentaries</h1>
+      <h3><a href="{% url 'commentaries:howto' %}">SciPost Commentaries how-to</a></h3>
+      <h3><a href="{% url 'commentaries:request_commentary' %}">Request a new Commentary Page</a></h3>
+    </div>
+    <div class="flex-greybox320">
+      <h2>Search SciPost Commentaries:</h2>
+      <form action="{% url 'commentaries:commentaries' %}" method="post">
+	{% csrf_token %}
+	<table>
+	  {{ form.as_table }}
+	</table>
+	<input type="submit" name="Submit" />
+      </form>
+    </div>
+    <div class="flex-greybox320">
+      <h2>View SciPost Commentaries</h2>
+      <ul>
+	<li>Physics: last <a href="{% url 'commentaries:browse' discipline='physics' nrweeksback=1 %}">week</a> <a href="{% url 'commentaries:browse' discipline='physics' nrweeksback=4 %}">month</a> <a href="{% url 'commentaries:browse' discipline='physics' nrweeksback=52 %}">year</a> </li>
+      </ul>
+    </div>
+  </div>
+
+  {% if commentary_list %}
+  <br />
+  <h3>Commentaries in {{ discipline }} in the last {{ nrweeksback }} weeks:</h3>
+  <ul>
+    {% for commentary in commentary_list %}
+    <li><a href="{% url 'commentaries:commentary' commentary.id %}">{{ commentary.pub_title }}</a> by {{ commentary.author_list }} (published {{ commentary.pub_date }}) </li>
+    {% endfor %}
+  </ul>
+  {% endif %}
+
+</section>
+
+{% endif %} <!-- Temporary strip -->
+
+{% endblock bodysup %}

commentaries/templates/commentaries/commentaries.html

@@ -12,22 +12,29 @@
 {% if user.is_authenticated %}
 
 <section>
-  <hr class="hr12">
-  <h1>SciPost Commentaries</h1>
-  <p>SciPost Commentaries is a repository of Commentary Pages on scientific publications. Each Commentary Page contains summary info about the publication (Title, Author(s), arXiv preprint link, DOI link to published version, abstract), followed by Comments from Contributors and Author and Contributor Replies. </p>
-  <h3><a href="{% url 'commentaries:request_commentary' %}">Request opening a new SciPost Commentary Page</a></h3>
-</section>
-
-<section>
-  <hr class="hr12">
-  <h2>Search SciPost Commentaries:</h2>
-  <form action="{% url 'commentaries:commentaries' %}" method="post">
-    {% csrf_token %}
-    <table>
-      {{ form.as_table }}
-    </table>
-    <input type="submit" name="Submit" />
-  </form>
+  <div class="flex-container">
+    <div class="flex-greybox320">
+      <h1>SciPost Commentaries</h1>
+      <h3><a href="{% url 'commentaries:howto' %}">SciPost Commentaries how-to</a></h3>
+      <h3><a href="{% url 'commentaries:request_commentary' %}">Request a new Commentary Page</a></h3>
+    </div>
+    <div class="flex-greybox320">
+      <h2>Search SciPost Commentaries:</h2>
+      <form action="{% url 'commentaries:commentaries' %}" method="post">
+	{% csrf_token %}
+	<table>
+	  {{ form.as_table }}
+	</table>
+	<input type="submit" name="Submit" />
+      </form>
+    </div>
+    <div class="flex-greybox320">
+      <h2>View SciPost Commentaries</h2>
+      <ul>
+	<li>Physics: last <a href="{% url 'commentaries:browse' discipline='physics' nrweeksback=1 %}">week</a> <a href="{% url 'commentaries:browse' discipline='physics' nrweeksback=4 %}">month</a> <a href="{% url 'commentaries:browse' discipline='physics' nrweeksback=52 %}">year</a> </li>
+      </ul>
+    </div>
+  </div>
 
   {% if commentary_search_list %}
   <br />
@@ -55,18 +62,6 @@
 </section>
 {% endif %}
 
-<section>
-  <hr class="hr12">
-  <h1>SciPost Commentaries how-to</h1>
-  <h3>Activation procedure</h3>
-  <p>A Commentary Page can be requested by any registererd SciPost Contributor for any scientific paper by filling the <a href="{% url 'commentaries:request_commentary' %}">Commentary request form</a>. After vetting by an Editor, the Commentary Page is activated and made open for Comments from registered SciPost Contributors. Authors can reply to Comments, and Contributors can add Comments to the chain. Authors who are registered SciPost Contributors can opt to receive email notifications of activity on any specific Commentary Page.</p>
-  <ul>
-    <li><a href="{% url 'commentaries:request_commentary' %}">Request opening a SciPost Commentary Page</a></li>
-  </ul>
-  <br>
-  <h3>Ratings</h3>
-  <p>The original publication subject to the Commentary can be rated by Contributors. An aggregate of these ratings is displayed next to the publication's summary info. All Comments and Replies are similarly open to Contributor rating. Ratings in aggregated form are made publicly available.</p>
-</section>
 
 {% endif %} <!-- Temporary strip -->
 

commentaries/templates/commentaries/commentary_detail.html

@@ -23,6 +23,7 @@
 <!-- Temporary strip -->
 {% if user.is_authenticated %}
 
+<!--
 <section>
   <hr class="hr12">
   <div class="row">
@@ -35,6 +36,13 @@
     </div>
   </div>
 </section>
+-->
+<section>
+  <div class="flex-greybox">
+    <h1>SciPost Commentary Page &nbsp; (for non-SciPost publications)</h1>
+    <button id="ratingsbutton">Toggle ratings view</button>
+  </div>
+</section>
 
 <section>
   <hr class="hr12">
@@ -82,7 +90,9 @@
 {% if reports %}
 <section>
   <hr class="hr12">
-  <h2>Reports on this publication</h2>
+  <div class="flex-greybox">
+    <h2>Reports on this publication</h2>
+  </div>
   <hr>
 </section>
 {% endif %}
@@ -90,13 +100,9 @@
 {% if comments %}
 <section>
   <hr class="hr12">
-  <div class="row">
-    <div class="col-10">
-      <h2>Comments on this publication</h2>
-    </div>
-    <div class="col-2">
-      <button id="commentsbutton">Toggle comments view</button>
-    </div>
+  <div class="flex-greybox">
+    <h2>Comments on this publication</h2>
+    <button id="commentsbutton">Toggle comments view</button>
   </div>
 
   <div id="commentslist">
@@ -238,7 +244,9 @@
 {% if user.is_authenticated and commentary.open_for_commenting and user.contributor.rank > 0 %}
 <section>
   <hr class="hr12">
-  <h1>Contribute a Comment:</h1>
+  <div class="flex-greybox">
+    <h1>Contribute a Comment:</h1>
+  </div>
   <form action="{% url 'commentaries:commentary' commentary.id %}" method="post">
     {% csrf_token %}
     {% load crispy_forms_tags %}

commentaries/templates/commentaries/howto.html

+{% extends 'scipost/base.html' %}
+
+{% block pagetitle %}: Commentaries{% endblock pagetitle %}
+
+{% block headsup %}
+<script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script>
+{% endblock headsup %}
+
+{% block bodysup %}
+
+<!-- Temporary strip for online version -->
+{% if user.is_authenticated %}
+
+<section>
+  <hr class="hr12">
+  <h1>SciPost Commentaries how-to</h1>
+  <h3>Activation procedure</h3>
+  <p>A Commentary Page can be requested by any registererd SciPost Contributor for any published scientific paper or arXiv preprint (at least 8 weeks old) by filling the <a href="{% url 'commentaries:request_commentary' %}">Commentary request form</a>. After vetting by an Editor, the Commentary Page is activated and made open for Comments from registered SciPost Contributors. Authors can reply to Comments, and Contributors can add Comments to the chain.</p>
+  <ul>
+    <li><a href="{% url 'commentaries:request_commentary' %}">Request opening a SciPost Commentary Page</a></li>
+  </ul>
+  <br>
+  <h3>Ratings</h3>
+  <p>The original publication subject to the Commentary can be rated by Contributors. An aggregate of these ratings is displayed next to the publication's summary info. All Comments and Replies are similarly open to Contributor rating. Ratings in aggregated form are made publicly available.</p>
+</section>
+
+{% endif %} <!-- Temporary strip -->
+
+{% endblock bodysup %}

commentaries/templates/commentaries/request_commentary.html

@@ -17,8 +17,8 @@
     })
 
     // Indices to remove in order to show thing named by variable name
-    var preprint = [2,4]
-    var published = [3]
+    var preprint = [3,5]
+    var published = [4]
 
     function show(indices){
       allToggableRows.each(function(index){

commentaries/urls.py

@@ -5,6 +5,8 @@ from . import views
 urlpatterns = [
     # Commentaries
     url(r'^$', views.commentaries, name='commentaries'),
+    url(r'^browse/(?P<discipline>[a-z]+)/(?P<nrweeksback>[0-9]+)/$', views.browse, name='browse'),
+    url(r'^howto$', views.howto, name='howto'),
     url(r'^commentary/(?P<commentary_id>[0-9]+)/$', views.commentary_detail, name='commentary'),
     url(r'^request_commentary$', views.request_commentary, name='request_commentary'),
     url(r'^request_commentary_ack$', views.request_commentary_ack, name='request_commentary_ack'),

commentaries/views.py

@@ -25,6 +25,9 @@ title_dict = dict(TITLE_CHOICES) # Convert titles for use in emails
 ################
 
 
+def howto(request):
+    return render(request, 'commentaries/howto.html')
+
 def request_commentary(request):
     # commentary pages can only be requested by registered contributors:
     if request.user.is_authenticated():
@@ -36,6 +39,7 @@ def request_commentary(request):
                 commentary = Commentary (
                     requested_by = contributor,
                     type = form.cleaned_data['type'],
+                    discipline = form.cleaned_data['discipline'],
                     pub_title = form.cleaned_data['pub_title'],
                     arxiv_link = form.cleaned_data['arxiv_link'],
                     pub_DOI_link = form.cleaned_data['pub_DOI_link'],
@@ -130,6 +134,28 @@ def commentaries(request):
     return render(request, 'commentaries/commentaries.html', context)
 
 
+def browse(request, discipline, nrweeksback):
+    if request.method == 'POST':
+        form = CommentarySearchForm(request.POST)
+        if form.is_valid() and form.has_changed():
+            commentary_search_list = Commentary.objects.filter(
+                pub_title__contains=form.cleaned_data['pub_title_keyword'],
+                author_list__contains=form.cleaned_data['pub_author'],
+                pub_abstract__contains=form.cleaned_data['pub_abstract_keyword'],
+                vetted=True,
+                )
+            commentary_search_list.order_by('-pub_date')
+        else:
+            commentary_search_list = [] 
+        context = {'form': form, 'commentary_search_list': commentary_search_list }
+        return HttpResponseRedirect(request, 'commentaries/commentaries.html', context)
+    else:
+        form = CommentarySearchForm()
+    commentary_list = Commentary.objects.filter(vetted=True, discipline=discipline, latest_activity__gte=timezone.now() + datetime.timedelta(weeks=-int(nrweeksback)))
+    context = {'form': form, 'discipline': discipline, 'nrweeksback': nrweeksback, 'commentary_list': commentary_list }
+    return render(request, 'commentaries/browse.html', context)
+
+
 def commentary_detail(request, commentary_id):
     commentary = get_object_or_404(Commentary, pk=commentary_id)
     comments = commentary.comment_set.all()

comments/forms.py

@@ -34,17 +34,6 @@ AUTHOR_REPLY_REFUSAL_CHOICES = (
     )
 
 
-#class CommentForm(forms.Form):
-##    category = forms.MultipleChoiceField(choices=COMMENT_CATEGORIES, widget=forms.CheckboxSelectMultiple(), label='Please categorize your comment (multiple choices allowed):')
-#    is_rem = forms.BooleanField(required=False, label='remark')
-#    is_que = forms.BooleanField(required=False, label='question')
-#    is_ans = forms.BooleanField(required=False, label='answer to question')
-#    is_obj = forms.BooleanField(required=False, label='objection')
-#    is_rep = forms.BooleanField(required=False, label='reply to objection')
-#    is_val = forms.BooleanField(required=False, label='validation or rederivation')
-#    is_lit = forms.BooleanField(required=False, label='pointer to related literature')
-#    is_sug = forms.BooleanField(required=False, label='suggestions for further work')
-#    comment_text = forms.CharField(widget=forms.Textarea(attrs={'rows': 10, 'cols':80}), label='', required=True) # need TextField but doesn't exist
 class CommentForm(forms.ModelForm):
     class Meta:
         model = Comment
@@ -60,7 +49,8 @@ class CommentForm(forms.ModelForm):
                     Field('comment_text'), 
                     HTML('<p>In your comment, you can use LaTeX \$...\$ for in-text equations or \ [ ... \ ] for on-line equations.</p>'),
                     HTML('<p id="goodCommenter"><i>Be professional. Only serious and meaningful comments will be vetted through.</i></p>'),
-                    HTML('<p id="goodCommenter"><i> By clicking on Submit, the commenter certifies that all sources used are duly referenced and cited. Failure to do so will lead to exclusion from the portal.</i></p>'),
+                    HTML('<p id="goodCommenter"><i>By clicking on Submit, the commenter certifies that all sources used are duly referenced and cited.</i></p>'),
+                    HTML('<p id="goodCommenter"><i>Failure to do so will lead to exclusion from the portal.</i></p>'),
                     css_class="col-9"),
                 Div(
                     Fieldset(
@@ -85,9 +75,6 @@ class VetCommentForm(forms.Form):
     email_response_field = forms.CharField(widget=forms.Textarea(), label='Justification (optional)', required=False)
 
 
-#class AuthorReplyForm(forms.Form):
-#    reply_text = forms.CharField(widget=forms.Textarea(attrs={'rows': 10, 'cols':80}), label='', required=True) 
-## need TextField but doesn't exist
 class AuthorReplyForm(forms.ModelForm):
     class Meta:
         model = AuthorReply

scipost/static/scipost/SciPost.css

@@ -156,11 +156,20 @@ hr.hr12 {
   flex-wrap: wrap;
 }
 .flex-greybox {
-  background-color: #f4f4f4;
+  background-color: #f4f4f4; 
+  margin: 10px;
+  padding: 10px;
+}
+.flex-greybox320 {
+  background-color: #f4f4f4; 
   width: 320px;
   margin: 10px;
   padding: 10px;
 }
+.flex-whitebox {
+  margin: 10px;
+  padding: 10px;
+}
 
 
 body {

scipost/templates/scipost/FAQ.html

@@ -11,8 +11,12 @@
 
 
 <section>
+  <div class="flex-container">
+    <div class="flex-greybox">
+      <h1>Frequently asked questions</h1>
+    </div>
+  </div>
   <div class="row">
-    <h1>Frequently asked questions</h1>
     <div class="col-5">
       <h3>What are the distinguishing features of SciPost Journals?</h3>
       <p>All SciPost Journals are subscription-free, two-way open access (free for readers, free for authors) online journals.</p>
@@ -32,18 +36,11 @@
       <h3>Will my SciPost publications be citable?</h3>
       <p>All SciPost publications will obtain a unique DOI, enabling citations and metrics as per other journals.</p>
       <br/>
-      <h3>Who is behind SciPost?</h3>
-      <ul>
-	<li>SciPost was founded by <a href="http://staff.fnwi.uva.nl/j.s.caux">J.-S. Caux</a>, Professor of Theoretical Physics at the University of Amsterdam.</li>
-	<li>The legal entity behind SciPost is Stichting SciPost, 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). </li>
-      </ul>
-      <br/>
-      <h3>Why was SciPost started?</h3>
-      <p>The publishing landscape is evolving rapidly, and it is not clear that the best interests of science and scientists are being represented. SciPost aims to implement a grassroots solution by scientists, designed in the best interests of science itself, to the challenge of scientific publishing.</p> 
+      <h3>Will my papers always be available?</h3>
+      <p>Yes. SciPost is here to stay, and authors should worry that their SciPost publications could potentially disappear. This would require the dismantling not only of SciPost, but also of the arXiv (where the final version of the accepted SciPost papers (with unique DOI identifier) can be posted by the authors.</p>
       <br/>
-      <h3>Which fields of science does SciPost cater to?</h3>
-      <p>The initial rollout of SciPost offers a Physics portal.</p>
-      <p>Portals in other fields of science will be opened if the SciPost model proves to be successful.</p>
+      <h3>What are Commentaries?</h3>
+      <p>SciPost Commentaries is a repository of Commentary Pages on scientific publications. Each Commentary Page contains summary info about the publication (Title, Author(s), arXiv preprint link, DOI link to published version, abstract), followed by Comments from Contributors and Author and Contributor Replies. </p>
     </div>
     <div class="col-1"></div>
     <div class="col-5">
@@ -57,15 +54,22 @@
 	<li>you are willing to make your contributions as author and (anonymously) as reviewer and commenter openly accessible</li>
       </ul>
       <br/>
+      <h3>Who is behind SciPost?</h3>
+      <ul>
+	<li>SciPost was founded by <a href="http://staff.fnwi.uva.nl/j.s.caux">J.-S. Caux</a>, Professor of Theoretical Physics at the University of Amsterdam.</li>
+	<li>The legal entity behind SciPost is Stichting SciPost, 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). </li>
+      </ul>
+      <br/>
+      <h3>Why was SciPost started?</h3>
+      <p>The publishing landscape is evolving rapidly, and it is not clear that the best interests of science and scientists are being represented. SciPost aims to implement a grassroots solution by scientists, designed in the best interests of science itself, to the challenge of scientific publishing.</p> 
+      <br/>
+      <h3>Which fields of science does SciPost cater to?</h3>
+      <p>The initial rollout of SciPost offers a Physics portal.</p>
+      <p>Portals in other fields of science will be opened if the SciPost model proves to be successful.</p>
+      <br/>
       <h3>How is SciPost funded?</h3>
       <p>SciPost operates non-commercially, encurring minimal costs. Contributors 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 officers, themselves academically employed.</p>
-      <p>Support for operational costs is initially provided by the <a href="http://www.nwo.nl/en">NWO</a> in the Netherlands. Long-term operations will be financed by donations from national funding agencies, universities, foundations and individuals.</p>
-      <br/>
-      <h3>Should I be worried about the long-term viability of SciPost?</h3>
-      <p>If you are a generous private funder, then yes, for the sole reason that this will motivate you to support our operations.</p>
-      <p>If you are a Contributor, there is no worry to be had. SciPost is from the outset established as a long-term operation and has no plans to shut down.</p>
-      <h3>What will happen to my papers if SciPost disappers?</h3>
-      <p>See the previous question/answer. In particular, authors should in no way worry that their SciPost publications could potentially disappear. This would require the dismantling not only of SciPost, but also of the arXiv (where the final version of the accepted SciPost papers (with unique DOI identifier) can be posted by the authors, and (since the papers are not behind a paywall) of the authors' own web pages. As long as the Web stands, SciPost stands.</p>
+      <p>Support for operational costs is initially provided by the <a 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>
     </div>
   </div>
 </section>

scipost/templates/scipost/index.html

@@ -6,68 +6,17 @@
 
 <!-- Temporary strip for online version -->
 {% if user.is_authenticated %}
-<!--
-<section>
-  <div class="row">
-    <div class="col-3">
-      <h1><a href="{% url 'scipost:about' %}">About SciPost</a></h1>
-      <p>SciPost is a complete scientific publication portal managed by active professional scientists.</p>
-      <p>It is purely online-based and offers freely, openly, globally and perpetually accessible science.</p>
-      <h3><a href="{% url 'scipost:FAQ' %}">Frequently asked questions</a></h3>
-      <h3><a href="{% url 'scipost:about' %}">Read more</a></h3>
-    </div>
-    <div class="col-1"></div>
-    <div class="col-4">
-      <h1><a href="{% url 'journals:journals' %}">Journals</a></h1>
-      <p id="journalsannouncesmall">OPEN FOR SUBMISSION STARTING 1 MARCH 2016</p>
-      <p>SciPost publishes a portfolio of high-quality two-way open access scientific journals.</p>
-      <p>All SciPost Journals implement the maximally stringent <a href="{% url 'scipost:peer_witnessed_refereeing' %}">peer-witnessed refereeing</a> principle.</p>
-      <p>All Journals are fully managed by professional scientists.</p>
-      <h3><a href="{% url 'scipost:peer_witnessed_refereeing' %}">About peer-witnessed refereeing</a></h3>
-      <h3><a href="{% url 'submissions:sub_and_ref_procedure' %}">Submission and refereeing procedure</a></h3>
-    </div>
-    <div class="col-1"></div>
-    <div class="col-3">
-      <h1><a href="{% url 'commentaries:commentaries' %}">Commentaries</a></h1>
-      <p>SciPost Commentaries allow Contributors to comment and build on all existing literature.</p>
-    </div>
-  </div>
-</section>
--->
-<!--
-<section>
-  <div class="sectionbox">
-    <h1><a href="{% url 'scipost:about' %}">About SciPost</a></h1>
-    <p>SciPost is a complete scientific publication portal managed by active professional scientists.</p>
-    <p>It is purely online-based and offers freely, openly, globally and perpetually accessible science.</p>
-    <h3><a href="{% url 'scipost:FAQ' %}">Frequently asked questions</a></h3>
-    <h3><a href="{% url 'scipost:about' %}">Read more</a></h3>
-  </div>
-  <div class="sectionbox">
-    <h1><a href="{% url 'journals:journals' %}">Journals</a></h1>
-    <p id="journalsannouncesmall">OPEN FOR SUBMISSION STARTING 1 MARCH 2016</p>
-    <p>SciPost publishes a portfolio of high-quality two-way open access scientific journals.</p>
-    <p>All SciPost Journals implement the maximally stringent <a href="{% url 'scipost:peer_witnessed_refereeing' %}">peer-witnessed refereeing</a> principle.</p>
-    <p>All Journals are fully managed by professional scientists.</p>
-    <h3><a href="{% url 'scipost:peer_witnessed_refereeing' %}">About peer-witnessed refereeing</a></h3>
-    <h3><a href="{% url 'submissions:sub_and_ref_procedure' %}">Submission and refereeing procedure</a></h3>
-  </div>
-  <div class="sectionbox">
-    <h1><a href="{% url 'commentaries:commentaries' %}">Commentaries</a></h1>
-    <p>SciPost Commentaries allow Contributors to comment and build on all existing literature.</p>
-  </div>
-</section>
--->
+
 <section>
   <div class="flex-container">
-    <div class="flex-greybox">
+    <div class="flex-greybox320">
       <h1><a href="{% url 'scipost:about' %}">About SciPost</a></h1>
       <p>SciPost is a complete scientific publication portal managed by active professional scientists.</p>
       <p>It is purely online-based and offers freely, openly, globally and perpetually accessible science.</p>
       <h3><a href="{% url 'scipost:FAQ' %}">Frequently asked questions</a></h3>
       <h3><a href="{% url 'scipost:about' %}">Read more</a></h3>
     </div>
-    <div class="flex-greybox">
+    <div class="flex-greybox320">
       <h1><a href="{% url 'journals:journals' %}">Journals</a></h1>
       <p id="journalsannouncesmall">OPEN FOR SUBMISSION FROM 1 MARCH 2016</p>
       <p>SciPost publishes a portfolio of high-quality two-way open access scientific journals.</p>
@@ -76,7 +25,7 @@
       <h3><a href="{% url 'scipost:peer_witnessed_refereeing' %}">About peer-witnessed refereeing</a></h3>
       <h3><a href="{% url 'submissions:sub_and_ref_procedure' %}">Submission and refereeing procedure</a></h3>
     </div>
-    <div class="flex-greybox">
+    <div class="flex-greybox320">
       <h1><a href="{% url 'commentaries:commentaries' %}">Commentaries</a></h1>
       <p>SciPost Commentaries allow Contributors to comment and build on all existing literature.</p>
       <br/>