Catalogue: Difference between revisions

Latest revision as of 12:53, 27 May 2025

The catalogue contains collections of pages summarising examples of frameworks, platforms, methods, models and tools for multi-hazard risk assessment and multi-hazard risk management. See the Resources page for useful related links.

See the Contribute page for information on how to create and edit pages in the catalogue.

@@ Line 1: / Line 1: @@
+__NOTOC__
 <div style="text-align:justify">
-<p class="lead">The catalogue contains collections of pages summarising examples of frameworks, platforms, methods, models and tools for [[Disaster_Risk_Assessment|<span style="color: #8836EA">multi-hazard risk assessment</span>]] and [[Multi-Hazard|<span style="color: #8836EA">multi-hazard</span>]] [[Disaster_Risk_Management|<span style="color: #8836EA">risk management</span>]]. It also contains links to relevant resources.</p>
+<p class="lead">The catalogue contains collections of pages summarising examples of frameworks, platforms, methods, models and tools for [[Disaster_Risk_Assessment|<span style="color: var(--myriad-blue)">multi-hazard risk assessment</span>]] and [[Multi-Hazard|<span style="color: var(--myriad-blue)>multi-hazard</span>]] [[Disaster_Risk_Management|<span style="color: var(--myriad-blue)">risk management</span>]]. See the [[Resources|<span style="color: var(--myriad-blue)">Resources</span>]] page for useful related links.</p>
+See the [[Contribute|<span style="color: var(--myriad-blue)">'''Contribute'''</span>]] page for information on how to create and edit pages in the catalogue.
-    <div class="container-fluid mt-4 text-center">
+<!-- Box Section -->
-        <div class="row row-cols-1 row-cols-md-3 g-4">
+<div style="margin-top: 0.5em; text-align: center;">
-            <!-- Card 1: Multi-hazard Risk Assessment -->
+    <!-- Responsive Row -->
-            <div class="col mb-4">
+    <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 1em;">
-                <div class="card h-100 border-light shadow-sm">
-                    <div class="card-header bg-transparent border-white">
-                        <h1 class="card-title text-center">
-                            <span class="fa fa-code-branch fa-2x"></span>
-                        </h1>
-                    </div>
-                    <div class="card-body">
-                        <h3 class="card-title text-center">
-                            [[:Category:Multi-hazard Risk Assessment|<span style="color: #8836EA">Multi-hazard Risk Assessment</span>]]
-                        </h3>
-                    </div>
-                </div>
-            </div>
-            <!-- Card 2: Multi-hazard Risk Management -->
+        <!-- Box 1: About -->
-            <div class="col mb-4">
+        <div style="flex: 1 1 calc(25% - 1em); max-width: 200px; border-radius: 2px; box-shadow: 0px 0px 0px rgba(0,0,0,0.1); padding: 1em; box-sizing: border-box;">
-                <div class="card h-100 border-light shadow-sm">
+            <h1 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
-                    <div class="card-header bg-transparent border-white">
+                [[File:Bio hazard.png|90px|alt=Bio hazard icon|center|link=:Category:Multi-hazard Risk Assessment]]
-                        <h1 class="card-title text-center">
+            </h1>
-                            <span class="fa fa-chalkboard-teacher fa-2x"></span>
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
-                        </h1>
+                [[:Category:Multi-hazard Risk Assessment|<span style="color: var(--myriad-purple);">Multi-hazard Risk Assessment</span>]]
-                    </div>
+            </h2>
-                    <div class="card-body">
+        </div>
-                        <h3 class="card-title text-center">
-                            [[:Category:Multi-hazard Risk Management|<span style="color: #8836EA">Multi-hazard Risk Management</span>]]
+        <!-- Box 2: Catalogue -->
-                        </h3>
+        <div style="flex: 1 1 calc(25% - 1em); max-width: 200px; border-radius: 2px; box-shadow: 0px 0px 0px rgba(0,0,0,0.1); padding: 1em; box-sizing: border-box;">
-                    </div>
+            <h1 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
-                </div>
+                [[File:Flood1.png|99px|alt=Flood1.png icon|center|link=:Category:Multi-hazard Risk Management]]
-            </div>
+            </h1>
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
+                [[:Category:Multi-hazard Risk Management|<span style="color: var(--myriad-purple);">Multi-hazard Risk Management</span>]]
+            </h2>
+        </div>
-            <!-- Card 3: Resources -->
+        <!-- Box 3: Definitions -->
-            <div class="col mb-4">
+        <div style="flex: 1 1 calc(25% - 1em); max-width: 200px; border-radius: 2px; box-shadow: 0px 0px 0px  rgba(0,0,0,0.1); padding: 1em; box-sizing: border-box;">
-                <div class="card h-100 border-light shadow-sm">
+            <h1 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
-                    <div class="card-header bg-transparent border-white">
+                [[File:TornadoPink.png|75px|alt=Tornado icon|center|link=Resources]]
-                        <h1 class="card-title text-center">
+            </h1>
-                            <span class="fa fa-copy fa-2x"></span>
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
-                        </h1>
+                [[Resources|<span style="color: var(--myriad-pink);">Resources</span>]]
-                    </div>
+             </h2>
-                    <div class="card-body">
-                        <h3 class="card-title text-center">
-                            [[Resources|<span style="color: #DB20D2">Resources</span>]]
-                        </h3>
-                    </div>
-                </div>
-             </div>
          </div>
      </div>
-</div>