Article presentation

More purple version of theTesting Tommy's JSON file solution from the submission system.
 article pages. 
Buttons no longer images.

content/Articles/Test1.md

@@ -0,0 +1,26 @@
+Slug: 10.5072/FK2.stagefigshare.6854095
+DOI: 10.5072/FK2.stagefigshare.6854095
+Title: Bond Graph Model of Cerebral Circulation: Toward Clinically Feasible Systemic Blood Flow Simulations.
+Date: 2020-05-06
+SubmissionDate: 2020-04-15
+PublishDate: 2020-05-06
+LastPublishDate: 2020-05-06
+Kind: original
+PubAuthors: Su, S.
+    Blanco, P. J.
+    Müller, L. O.
+    Hunter, P. J.
+    Safaei, S.
+PubAuthorsORCID: 0000-0001-6492-2619
+    0000-0003-3527-619X
+    0000-0003-1933-8995
+    0000-0001-9665-4145
+    0000-0001-5734-243X
+MathsURL:
+PMRURL: https://models.physiomeproject.org/workspace/4ac
+RunModelURL:
+PrimaryPaperName: Bond Graph Model of Cerebral Circulation: Toward Clinically Feasible Systemic Blood Flow Simulations. 2018, S. Safaei, P.J. Blanco, L.O. Müller, L.R. Hellevik, P.J. Hunter
+PrimaryPaperURL: https://doi.org/10.3389/fphys.2018.00148
+FulltextURL: https://physiome.figsh.com/articles/Bond_Graph_Model_of_Cerebral_Circulation_Toward_Clinically_Feasible_Systemic_Blood_Flow_Simulations_/6854095
+ArchiveURL: https://physiome.figsh.com/ndownloader/files/828782095
+Abstract: The primary paper proposed an anatomically detailed model of the human cerebral circulation that runs faster than real-time on a desktop computer and is designed for use in clinical settings when the speed of response is important. Based on a one-dimensional formulation of the flow of an incompressible fluid in distensible vessels, a lumped parameter model was developed for 218 arterial segments. The proposed model improved simulation speed by approximately 200-fold while preserved accuracy.  Bond graph formulation was used to ensure mass and energy conservation. The model predicted the pressure and flow signatures in the body.

content/Articles/Nimah2.md → content/Articles/Test2.md

@@ -1,18 +1,28 @@
-Slug: 
-DOI: 
+Slug: 10.5072/FK2.stagefigshare.6853437
+DOI: 10.5072/FK2.stagefigshare.6853437
 Title: Incorporation of sarcolemmal calcium transporters into the Shorten et al. (2007) model of skeletal muscle: equations, coding, and stability
-Date: 2020-01-30
-PubAuthors: Noble, D.
-        Noble, P.
-        Shorten, P. R.
-	Garny, A.
-	Tasaki, T.
+Date: 2020-05-05
+SubmissionDate: 2020-05-05
+PublishDate: 2020-05-05
+LastPublishDate: 2020-05-05
+Kind: original
+PubAuthors: Noble, P.
+    Noble, D.
+    Shorten, P. R.
+    Garny, A.
+    Tasaki, K.
     Afshar, N.
-MathsURL: 
+PubAuthorsORCID: ​
+    0000-0002-3013-3694
+    ​
+    ​
+    ​
+    0000-0002-2590-6410
+MathsURL:
 PMRURL: https://models.physiomeproject.org/workspace/5c6
-RunModelURL: 
-PrimaryPaperName: A mathematical model of fatigue in skeletal muscle force contraction 2007 P.R. Shorten, P. O’Callaghan, J.B. Davidson, T.K. Soboleva 
-PrimaryPaperURL: https://link.springer.com/article/10.1007/s10974-007-9125-6
-FulltextURL: https://physiome.figsh.com/articles/Incorporation_of_sarcolemmal_calcium_transporters_into_the_Shorten_et_al_2007_model_of_skeletal_muscle_equations_coding_and_stability/6720102
-ArchiveURL: https://physiome.figsh.com/articles/Incorporation_of_sarcolemmal_calcium_transporters_into_the_Shorten_et_al_2007_model_of_skeletal_muscle_equations_coding_and_stability/6720102
+RunModelURL:
+PrimaryPaperName: A mathematical model of fatigue in skeletal muscle force contraction. 2007, P.R. Shorten, P. O’Callaghan, J.B. Davidson, T.K. Soboleva
+PrimaryPaperURL: https://doi.org/10.1007/s10974-007-9125-6
+FulltextURL: None
+ArchiveURL: None
 Abstract: We describe a major development of the Shorten et al. (2007) model of skeletal muscle electrophysiology, biochemistry and mechanics. The model was developed by incorporating equations for sarcolemmal transport of calcium ions, including L-type calcium channel, sodium-calcium exchange, calcium pump and background calcium channel. The extended model also includes an addition to the equations for extracellular potassium ion movements to enable the exchange of potassium ions between bulk (plasma) concentration and the interstitial and tubular compartments to be modelled. In further research in an accompanying paper (Tasaki et al, 2019), we succeeded in reproducing muscle cramp, as well as its prevention and reversal, by investigating muscle contraction and cramp using this extended model in comparison with the original model.

themes/pj/templates/article.html

@@ -2,47 +2,65 @@
 {% import 'shared/pub.html' as pub %}
 {% block title %} {{page.title}} {% endblock %}
 {% block body %}
-
+
+{{article.kind}}
+
   <h2>{{article.title}}</h2>
 <p>
   {{pub.authorlist(article)}}
 </p>
+
+
+
+<p>
+Published: {{article.publishdate}}, Submitted: {{article.submissiondate}}, Last edited: {{article.lastpublishdate}}
+</p>
+
 {% if article.doi %}
 <p>
-	To cite this article, use the DOI: <a href="https://doi.org/{{article.doi}}">{{article.doi}}</a>
+	To cite this article, use the DOI: <a style="color:#580078" href="https://doi.org/{{article.doi}}">{{article.doi}}</a>
 </p>
 {% endif %}
 <p>
-{% if article.fulltexturl %}
-<a class="button" href="{{article.fulltexturl}}" style="width: 140px; height: 40px; background-color: #e7e7e7; border: 2px solid #e7e7e7; padding: 0px; margin: 0px; border: 0px" rel="noopener" target="_blank" ><img src="{{SITEURL}}/theme/images/Fulltext_button.svg"> </a>
-{% endif %}
-{% if article.pmrurl %}
-<a class="button" href="{{article.pmrurl}}" style="width: 140px; height: 40px; background-color: #e7e7e7; border: 2px solid #e7e7e7; padding: 0px; margin: 0px; border: 0px" rel="noopener" target="_blank" ><img src="{{SITEURL}}/theme/images/PMR_button.svg" style="width: 100%; height: 100%; padding: 0px; margin: 0px; border: 0px"> </a>
-{% endif %}
 
-  {% if article.runmodelurl %}
-  <a class="button" href="{{article.runmodelurl}}" style="width: 140px; height: 40px; background-color: #e7e7e7; border: 2px solid #e7e7e7; padding: 0px; margin: 0px; border: 0px" ><img src="{{SITEURL}}/theme/images/Run_button.svg"> </a>
-{% endif %}
-</p>
 
-{% if article.archiveurl %}
-<p><em>Physiome</em> article <span data-tooltip aria-haspopup="true" class="has-tip top" data-disable-hover="false" tabindex="1" title="This is the figshare archive containing all the resources required to support reproducibility.">archive</span> available at
-  <a href="{{article.archiveurl}}" target="_blank">{{article.title}}</a>
-</p>
-{% else %}
-  <p><em>Article archive not yet available.</em></p>
-{% endif %}
+<div style = "text-align: left;">
+
+    <style>
+        .button {
+            border: 1px solid #580078;
+            background-color: #580078;
+            color: white;
+            padding: 15px 25px;
+            text-align: center;
+            font-size: 16px;
+            vertical-align: middle;
+            cursor: pointer;
+            margin-bottom: 0;
+        }
+
+        </style>
+
+    {% if article.fulltexturl %}
+    <a <button href="{{article.fulltexturl}}" class="button">Fulltext</button> </a>
+    {% endif %}
+
+    {% if article.archiveurl %}
+    <a <button href="{{article.archiveurl}}" class="button">figshare archive</button> </a>
+    {% endif %}
+
+    {% if article.pmrurl %}
+    <a <button href="{{article.pmrurl}}" class="button">PMR workspace</button> </a>
+    {% endif %}
+
+</div>
 
-{% if article.primarypaperurl %}
-  <p>This <em>Physiome</em> paper describes models from the primary paper: <a rel="noopener" target="_blank" href="{{article.primarypaperurl}}">{{article.primarypapername}}</a></p>
-{% endif %}
 
 {% if article.abstract %}
 <h3>Abstract</h3>
 <p>{{article.abstract}}</p>
 {% endif %}
 
-
 {% if article.primarypaper %}
   {% endif %}
   {% if article.documents %}