add a doi field to the YAML, and a "metadata & citation" section to the overview

src/pages/models/corcho-2022-collision/index.md

@@ -8,6 +8,7 @@ for_codes:
   - 3706
   - 370604
 status: completed
+doi:
 software:
   - name: UWGeodynamics
     doi: 10.5281/zenodo.5606117

src/pages/models/mather-2022-groundwater/index.md

@@ -11,6 +11,7 @@ for_codes:
   - 040601
   - 040301
 status: completed
+doi:
 software:
   - name: Underworld2
     doi: 10.5281/zenodo.7455999

src/pages/models/polanco-2023-deltas/index.md

@@ -10,6 +10,7 @@ for_codes:
   - 0406
   - 040601
 status: completed
+doi: 10.5194/egusphere-2023-53
 software:
   - name: Badlands
     doi: 10.5281/zenodo.1069573

src/pages/models/sandiford-2021-detachment/index.md

@@ -8,6 +8,7 @@ for_codes:
   - 3706
   - 370604
 status: completed
+doi: ""
 software:
   - name: ASPECT
     doi: 10.5281/zenodo.6903424

src/templates/model.js

@@ -43,6 +43,7 @@ const ModelTemplate = ({
   research_tags,
   title,
   slug,
+  doi,
 }) => {
   const PostContent = contentComponent || Content
   const dataset_url = (
@@ -132,10 +133,12 @@ const ModelTemplate = ({
 
           <TabPanel key="overview">
             <section id="abstract" className="model-page">
-              <h2>Abstract</h2>
+              <h2>Description</h2>
               <p>{abstract}</p>
             </section>
 
+
+
             {
               publication &&
               <section id="publication" className="model-page">
@@ -175,6 +178,33 @@ const ModelTemplate = ({
               </section>
             }
 
+
+            {
+              doi &&
+              <section id="metadata" className="model-page">
+                <h2>Metadata & citation</h2>
+                {
+                  doi &&
+                  <BadgeDoi
+                    doi={doi}
+                    style={{marginBottom: "10px"}}
+                  />
+                }
+                <Citation data={doi}/>
+                {
+                  licence_content &&
+                  <ReadMore
+                    openHeader="Hide metadata"
+                    closedHeader="Show metadata"
+                  >
+                    <div className="licence-content">{licence_content}</div>
+                  </ReadMore>
+                }
+              </section>
+            }
+
+
+
             <section id="licence" className="model-page">
               <h2>Licence</h2>
               <a href={licence.licence_url}>
@@ -388,6 +418,7 @@ const ModelsPage = ({ data }) => {
         research_tags={post.frontmatter.research_tags}
         title={post.frontmatter.title}
         slug={post.frontmatter.slug}
+        doi={post.frontmatter.doi}
       />
     </Layout>
   )
@@ -406,6 +437,7 @@ export const pageQuery = graphql`
       frontmatter {
         abstract
         slug
+        doi
         animations {
           caption
           src {