Merge pull request #110 from FAIRdom/phil-branch

Improvements to graphics and text

_data/sidebars/main.yml

@@ -18,24 +18,24 @@ subitems:
     url: /fairdomseek
   - title: FAIRDOMHub
     url: /fairdom-in-use/fairdomhub
-  - title: FAIRDOM In Use
+  - title: FAIRDOM-SEEK In Use
     url: /fairdom-in-use/fdom_in_use
     subitems:
-      - title: FAIRDOM Hubs
+      - title: FAIRDOM-SEEK Hubs
         url: /fairdom-in-use/fairdom_hubs_search
         subitems:
-        - title: WorkflowHub
-          url:   /fairdom-in-use/workflowhub
-        - title: IBISBAKHub
-          url: /fairdom-in-use/ibisbakhub
         - title: DataHub
           url: /fairdom-in-use/Datahub
         - title: Digital Research Hub
           url: /fairdom-in-use/scilifelab
-      - title: FAIRDOM Projects
+        - title: IBISBAKHub
+          url: /fairdom-in-use/ibisbakhub
+        - title: WorkflowHub
+          url:   /fairdom-in-use/workflowhub
+      - title: FAIRDOM-SEEK Projects
         url: /fairdom-in-use/fairdom_projects_search
         subitems:
-        - title: BioIndustry4.0 
+        - title: BioIndustry 4.0 
           url: /fairdom-in-use/bioindustry4.0
         #- title: Covid-19 Disease Map
         #  url: /fairdom-in-use/covid19dm

_sass/_custom_classes.scss

@@ -139,13 +139,21 @@ main .form-control::-ms-input-placeholder { /* Edge 12-18 */
     color: $primary;
 }
 
+/*-----FAIRDOM-SEEK In Use ------*/
+.card-tall {
+    padding: 1em 0.5em;
+}
+
 /* ----- included image using ETT code -----  */
 
 figure.screenshot {
     /* centered image */
     margin-left: auto;
     margin-right: auto;
     max-width: 70%;
+    img {
+        border: 2px solid $light;
+    }
 }
 
 figure.small_screenshot {
@@ -154,6 +162,12 @@ figure.small_screenshot {
     max-width: 30%;
 }
 
+figure.small_logo {
+    /* small and centered logo for a project or hub */
+    margin: 0 auto;
+    max-width: 15%;
+}
+
 /* We don't need to see the type of page  */
 
 h1.has-subtitle span.text-secondary {