Merge pull request #26 from elixir-europe-training/product-page

Product page

_config.yml

@@ -35,7 +35,7 @@ defaults:
       path: ""
       type: "pages"
     values:
-      permalink: /:basename
+      permalink: "/:basename"
       layout: "page"
       sidebar: main
   -
@@ -50,6 +50,13 @@ defaults:
     values:
       type: "pages"
       sidebar: contribute
+  -
+    scope:
+      path: "pages/resources"
+    values:
+      type: "resource_page"
+      layout: "resource_page"
+      sidebar: resources
 
 plugins:
   - jemoji

_data/sidebars/resources.yml

@@ -0,0 +1,5 @@
+title: Resources
+title_url: /resources
+subitems:
+  - title: TEMPLATE
+    url: /TEMPLATE_resource_page

_data/topnav.yml

@@ -5,5 +5,7 @@ subitems:
     url: /index
   - title: About
     url: /about
+  - title: Resources
+    url: /resources
   - title: Contribute
     url: /how_to_contribute

_layouts/resource_page.html

@@ -0,0 +1,95 @@
+---
+layout: default
+---
+<main id="main" class="order-1">
+    <div id="intro">
+        {%- if page.title %}
+        {%- if page.type %}
+        {%- assign subtitle = page.type | replace: "_", " " | capitalize %}
+        <h1 class="has-subtitle"><span class="d-block text-secondary fs-4 ff-body">{{subtitle}}</span><span class="visually-hidden">:</span> {%- if page.resourceUrl %}<a target="_blank" href={{ page.resourceUrl }}>{{page.title }}</a>{%- else %}{{page.title }}{%- endif %}
+        {%- else %}
+        <h1>{{ page.title }}
+        {%- endif %}
+        {%- if site.theme_variables.github_buttons.position == "top" or site.theme_variables.github_buttons.position == nil %}
+        {% include github-buttons.html %}
+        {%- endif %}
+        </h1>
+        {%- endif %}
+        {%- if page.summary %}
+        <div class="summary">{{page.summary}}</div>
+        {%- endif %}
+    </div>
+    {%- unless page.toc == false %}
+    <div id="toc" class="text-muted sticky-xl-top">
+        {%- include toc.html %}
+    </div>
+    {%- endunless %}
+    <div id="content" class="mb-5">
+        <!-- BLOCK 1-->
+        <h2>Description</h2>
+        {{ page.description | markdownify }}
+
+        <h2>What can you do with {{ page.title }}</h2>
+        {{ page.objective | markdownify }}
+
+        <h2>Our mission</h2>
+        {{ page.mission | markdownify }}
+
+        <h2>Benefit</h2>
+        {{ page.benefit | markdownify }}
+
+        <!-- BLOCK 2 -->
+        {%- unless page.licenses == nil or page.licenses == false %}
+        <h2>Licenses</h2>
+            {% for license in page.licenses %}
+                <div class="row">
+                    <div class="col-12">
+                        <a target="_blank" href={{license.url}}>{{license.name}}</a>
+                    </div>
+                </div>
+            {% endfor %}
+        {% endunless %}
+
+        {% include user-stories.html toolId=page.id %}
+
+        <!-- BLOCK 3 -->
+        {%- unless page.publications == nil or page.publications == false %}
+        <h2>Publications</h2>
+            {% for publication in page.publications %}
+                <div class="row">
+                    <div class="col-12">
+                        <a target="_blank" href={{publication.url}}>{{publication.title}}</a>
+                    </div>
+                </div>
+            {% endfor %}
+        {% endunless %}
+
+        {%- unless page.video == nil or page.video == false %}
+            <h2 class="visually-hidden">Video</h2>
+            <iframe class="mt-3" width="560" height="315" src={{ page.video }} title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+        {% endunless %}
+
+        <!-- BLOCK 4 -->
+        {{content}}
+
+        <!-- BLOCK 5 -->
+        <!-- CITATIONS -->
+
+        <!-- BLOCK 6 -->
+
+
+        {% include resource-table-page.html %}
+        {% include related-pages.html %}
+        {% include more-information-tiles.html %}
+        {%- if page.page_id %}
+        {% include resource-table-all.html tag=page.page_id %}
+        {%- endif %}
+        {% include affiliation-tiles-page.html %}
+        {% include contributor-minitiles-page.html %}
+        {%- if site.theme_variables.github_buttons.position == "bottom" %}
+        <div id="github-buttons-wrapper" class="d-flex mt-5">
+        {% include github-buttons.html %}
+        </div>
+        {%- endif %}
+    </div>
+</main>

pages/resources/TEMPLATE_resource_page.md

@@ -0,0 +1,85 @@
+---
+# MANDATORY FIELDS
+type: product_page # This property is mandatory and it should be product_page
+id: ttt # This id should match with the user-stories ToolId
+title: Resource TEMPLATE
+resourceUrl: https://elixir-europe.org/
+description: |
+  ##### This is a multiline 
+
+  * markdown
+  * example
+objective: |
+  ##### This is a multiline
+
+  * markdown
+  * example 
+contributors: [Alexander Botzki, Mihail Anton, Alexia Cardona]
+coordinators: [Alexia Cardona]
+contacts:
+  - name: Jona Doe
+    mail: [email protected]
+  - name: John Doe
+    mail: [email protected]
+joinLink: https://signup.aai.lifescience-ri.eu/registrar/?vo=elixir&group=Community%3ATraining
+
+#OPTIONAL FIELDS
+mission: |
+  ##### This is a multiline
+
+  * markdown
+  * example
+benefit: |
+  ##### This is a multiline
+
+  * markdown
+  * example
+licenses:
+  - name: CC BY 4.0 Deed
+    icon: ccby.png
+    url: https://creativecommons.org/licenses/by/4.0/deed.en
+  - name: MIT
+    icon: mit.png
+    url: https://opensource.org/license/mit/
+publications:
+  - title: Publication example 1
+    url: https://elixir-europe.org/
+  - title: Publication example 2
+    url: https://elixir-europe.org/
+video: https://www.youtube.com/embed/Jd0e8_jPxik?si=RtMoHJc9k84kMQQ # ONLY YOUTUBE SUPPORTED AT THIS MOMENT
+citations: |
+  ##### This is a multiline
+
+  * markdown
+  * example
+mailingList: https://signup.aai.lifescience-ri.eu/registrar/?vo=elixir&group=Community%3ATraining
+funding:
+  - name: Funder 1
+    logo: funder_example_1_logo.png
+    url: https://elixir-europe.org/ 
+  - name: Funder 2
+    logo: funder_example_2_logo.png
+    url: https://elixir-europe.org/
+logo: logo_example.png
+screenshots:
+  - screenshot_example_1.png
+  - screenshot_example_2.png
+---
+
+## Make your SPLASH! (HIGHLIGHTS OF THE RESOURCE)
+
+"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
+
+* Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+* Sed ac tellus dapibus, scelerisque magna tempor, facilisis eros.
+* Vestibulum id ante rhoncus orci maximus ultrices.
+* Suspendisse at massa pretium, gravida purus et, porttitor mauris.
+
+## MORE HIGHLIGHTS (HIGHLIGHTS OF THE RESOURCE)
+
+"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
+
+* Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+* Sed ac tellus dapibus, scelerisque magna tempor, facilisis eros.
+* Vestibulum id ante rhoncus orci maximus ultrices.
+* Suspendisse at massa pretium, gravida purus et, porttitor mauris.

pages/resources/resources.md

@@ -0,0 +1,20 @@
+---
+title: Resources
+---
+
+## Creatus illi adsimulat tosta molliaque quid in
+
+Lorem markdownum, hominum et flammas ululatibus ense dextra faces gurgitis Nilum
+superetque erat Chaoque eadem cadentem. Hyacinthon caede, inmensos corpora in
+siquis se iuvenalia et dura tutaeque nisi Latiis, Aeolidae caeco,
+[si](http://www.cumreddita.io/hic). Creditur tulit urgeturque colonus, tibi
+quorum placet haustae, atria flebile fraterno.
+
+## Aequore illa
+
+Tumulatus [non](http://cara.org/gelidis.html) videre Iovi dicta, faciebat
+Alcyone ipsis: impelli perstant tu suis depressitque poterat Circe dexteriore.
+Non tangi nemus, et Sidonida sollicita coniugium trunco, erat, valuissent tollit
+noctes precari!
+
+