start of icons

ELIXIR-Belgium · Aug 21, 2023 · 0245292 · 0245292
1 parent d9328cb
commit 0245292
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git a/_includes/section-navigation-tiles.html b/_includes/section-navigation-tiles.html
@@ -81,13 +81,18 @@
     {%- endcapture -%}
     {%- endif %}
     <div class="col" data-affiliations="{{affiliations_classes}}" related-pages="{{related_pages_classes}}">
-        <div class="card h-100">
-            <div class="card-body">
-                <a class="stretched-link" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
-                    <b class="card-title">{{current_page.title}}</b>
-                </a>
-                {%- if current_page.description %}
-                <p class="card-text">{{ current_page.description}}</p>
+        <div class="card h-100 ">
+            <div class="card-body d-flex gap-3">
+                <div class="w-100">
+                    <a class="stretched-link" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
+                        <b class="card-title">{{current_page.title}}</b>
+                    </a>
+                    {%- if current_page.description %}
+                    <p class="card-text">{{ current_page.description}}</p>
+                    {%- endif %}
+                </div>
+                {%- if current_page.type_img %}
+                <img src="{{current_page.type_img | relative_url}}" class="type-icon" alt="{{current_page.type}} icon">
                 {%- endif %}
             </div>
             {%- if current_page.affiliations %}

diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -932,6 +932,9 @@ li.past_event,
                 height: 1.2em;
             }
         }
+        .type-icon {
+            height: 2.5rem;
+        }
     }
 }
 

diff --git a/pages/example_pages/general_page_2.md b/pages/example_pages/general_page_2.md
@@ -1,6 +1,7 @@
 ---
 title: General page example 2
 type: example_pages
+type_img: /assets/img/ett_compact_logo_bw.svg
 contributors: [Bert Droesbeke]
 coordinators: [Bert Droesbeke]
 description: This description is used when the page is listed