web-version (#6): visuals

fititnt · Sep 7, 2022 · 5d0598a · 5d0598a
1 parent b29b585
commit 5d0598a
Show file tree

Hide file tree

Showing 8 changed files with 370 additions and 82 deletions.
diff --git a/.github/workflows/data-lint.yml b/.github/workflows/data-lint.yml
diff --git a/datapackage.json b/datapackage.json
@@ -244,14 +244,14 @@
       },
       "sources": [
         {
-          "title": "WHO Collaborating Centres Global database (automated web scraping)",
+          "title": "WHO Collaborating Centres (automated web scraping)",
           "path": "https://apps.who.int/whocc/Search.aspx"
         }
       ]
     },
     {
       "path": "data/who-icd-crosswalk.tm.hxl.csv",
-      "name": "who-icd-crosswalk",
+      "name": "who_icd_crosswalk",
       "profile": "tabular-data-resource",
       "scheme": "file",
       "format": "csv",
@@ -299,7 +299,7 @@
     },
     {
       "path": "data/woah-cmn-a.tm.hxl.csv",
-      "name": "woah-cmn-a",
+      "name": "woah_cmn_a",
       "profile": "tabular-data-resource",
       "scheme": "file",
       "format": "csv",

diff --git a/i18n/en/translation.yml b/i18n/en/translation.yml
@@ -10,3 +10,36 @@ section_general_concepts_title: General concepts
 section_data_title: Data
 section_software_title: Software
 
+# TO DO: to organize later
+
+compilatio:
+  # General sections
+  software: "Software"
+  software__descriptioni: >-
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    Maecenas molestie tellus quis magna luctus, a consectetur eros dictum.
+  locum_scientificum_inquisitionis: "Research"
+  locum_scientificum_inquisitionis__descriptioni: >-
+    Research centers and laboratories by place
+  nomenclatura_et_vocabularium: "Nomenclature, controlled vocabularies and referential codes"
+  nomenclatura_et_vocabularium__descriptioni: >-
+    <!-- @TODO add description -->
+  terminologia_multilinguae: "Multilingual terminologies"
+  terminologia_multilinguae__descriptioni: >-
+    <!-- @TODO add description -->
+  # The dataset compilations
+  github_topics: GitHub Topics
+  biosafety_levels: Biosafety levels
+  biosafety_level_4_laboratories: Biosafety level 4 facilities
+  who_collaborating_centres: World Health Organization Collaborating Centres
+  who_icd_crosswalk: International Classification of Diseases (ICD) terminology crosswalks
+  woah_cmn_a: Old Classification of Diseases Notifiable to the OIE – List A
+  woah_cmn_b: Old Classification of Diseases Notifiable to the OIE – List B
+  woah_reference_laboratories: World Organisation for Animal Health Reference Laboratories
+# TODOs
+# - https://gitlab.com/explore/projects/topics/bioinformatics
+# - https://gitlab.com/explore/projects/topics/syndromic-surveillance
+# - https://gitee.com/explore/topic/bioinformatics
+# - https://gitee.com/explore/topic/syndromic-surveillance
+# - https://www.demo2s.com/javascript/jquery-make-an-xmlhttprequest-on-wikidata.html
+# - https://www.wikidata.org/wiki/Wikidata:Data_access
diff --git a/i18n/mul.yml b/i18n/mul.yml
@@ -6,7 +6,8 @@ bcp47: mul
 # ______________________________________________________________________
 # @TODO move to i18n/mul/translation.yml
 featured_compilations:
-  - id: locum_scientificum_inquisitionis # Trigger warning: dog latin
+  - name: locum_scientificum_inquisitionis
+    id: locum_scientificum_inquisitionis # Trigger warning: dog latin
     resources:
       - name: biosafety-level-4-laboratories
         id: biosafety_level_4_laboratories
@@ -17,14 +18,16 @@ featured_compilations:
       - name: woah-reference-laboratories
         id: woah_reference_laboratories
 
-  - id: nomenclatura_et_vocabularium
+  - name: nomenclatura_et_vocabularium
+    id: nomenclatura_et_vocabularium
     resources:
       - name: who-icd-crosswalk
         id: who_icd_crosswalk
       # - name: "{{ 'section_data_title' | t }}"
       #   id: woah_cmn_a
 
-  - id: terminologia_multilinguae
+  - name: terminologia_multilinguae
+    id: terminologia_multilinguae
     resources:
       - name: biosafety_levels
         id: biosafety_levels
@@ -36,3 +39,9 @@ featured_compilations:
         id: woah_cmn_b
       # - name: "{{ 'section_data_title' | t }}"
       #   id: woah_cmn_a
+
+  - name: software
+    id: software # Trigger warning: dog latin
+    resources:
+      - name: github_topics
+        id: github_topics
diff --git a/index.template.html b/index.template.html
@@ -31,6 +31,30 @@ <h1 class="display-5 fw-bold">{{ 'project_title' | t }}</h1>
         -->
         </div>
       </div>
+      <div class="col-lg-8 mx-auto">
+        <nav>
+          <h2>Index</h2>
+          <ol>
+            {% for section in site.i18n.mul.featured_compilations %}
+            <li>
+              <a href="#{{ section.id }}">
+                {{ section.id | prepend: 'compilatio.' | t }}
+              </a>
+              {% for item in section.resources -%}
+              <ol>
+                <li>
+                  <a href="#{{ item.id }}">
+                    {{ item.id | prepend: 'compilatio.' | t }}
+                  </a>
+                </li>
+              </ol>
+              {% endfor %}
+            </li>
+            {% endfor %}
+          </ol>
+        </nav>
+      </div>
+
     </header>
 
     {% comment %}
@@ -39,14 +63,33 @@ <h1 class="display-5 fw-bold">{{ 'project_title' | t }}</h1>
 
     {% endcomment %}
     {% for section in site.i18n.mul.featured_compilations %}
-    <section class="d-grid gap-6">
+    <div class="b-example-divider"></div>
+    <section class="d-grid gap-6" id="{{ section.id }}">
       <header class="container">
-        <h2>{{ section.id | t }}</h2>
+        <!-- <h2>{{ section.name | prepend: 'compilatio.' | t }}</h2> -->
+        <div class="container col-xxl-8 px-4 py-5">
+          <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
+            <div class="col-10 col-sm-8 col-lg-6">
+              <img src="https://via.placeholder.com/700x500" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes"
+                width="700" height="500" loading="lazy">
+            </div>
+            <div class="col-lg-6">
+              <h2 class="display-5 fw-bold lh-1 mb-3">{{ section.name | prepend: 'compilatio.' | t }}</h2>
+              <p class="lead">
+                {{ section.id | prepend: 'compilatio.' | append: '__descriptioni' | t }}
+              </p>
+              <!-- <div class="d-grid gap-2 d-md-flex justify-content-md-start">
+                <button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button>
+                <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
+              </div> -->
+            </div>
+          </div>
+        </div>
       </header>
       {% for item in section.resources -%}
       <article class="p-2" id="{{ item.id }}">
         <header class="container">
-          <h3>{{ item.name | t }}</h3>
+          <h3>{{ item.id | prepend: 'compilatio.' | t }}</h3>
           <ul>
             <li>
               <a href="{{ datapackage.id[item.id].path }}">