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>
-<div class="container-fluid mt-4"style="text-align:center">
+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="row row-cols-1 row-cols-md-3">
-  <div class="col mb-4">
+<!-- Box Section -->
-     <div class="card">
+<div style="margin-top: 0.5em; text-align: center;">
-  <div class="card-header bg-transparent border-light">
+    <!-- Responsive Row -->
-<h1 class="card-title align-middle"><span class="fa fa-code-branch fa-2x"></h1>
+    <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 1em;">
-</div>
-      <div class="card-body">
+        <!-- Box 1: About -->
-        <h1 class="card-title">
+        <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;">
-[[:Category:Multi-hazard Risk Assessment|<span style="color: #8836EA">Multi-hazard Risk Assessment</span>]]</h1>
+            <h1 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
-      </div>
+                [[File:Bio hazard.png|90px|alt=Bio hazard icon|center|link=:Category:Multi-hazard Risk Assessment]]
-    </div>
+            </h1>
-  </div>
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
-  <div class="col mb-4">
+                [[:Category:Multi-hazard Risk Assessment|<span style="color: var(--myriad-purple);">Multi-hazard Risk Assessment</span>]]
-     <div class="card h-100">
+            </h2>
-  <div class="card-header bg-transparent border-light">
+        </div>
-<h1 class="card-title align-middle"><span class="fa fa-chalkboard-teacher fa-2x center"></span></h1>
-</div>
+        <!-- Box 2: Catalogue -->
-      <div class="card-body">
+        <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;">
-        <h1 class="card-title">
+            <h1 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
-[[:Category:Multi-hazard Risk Management|<span style="color: #8836EA">Multi-hazard Risk Management</span>]]</h1>
+                [[File:Flood1.png|99px|alt=Flood1.png icon|center|link=:Category:Multi-hazard Risk Management]]
-      </div>
+            </h1>
-    </div>
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
-  </div>
+                [[:Category:Multi-hazard Risk Management|<span style="color: var(--myriad-purple);">Multi-hazard Risk Management</span>]]
-  <div class="col mb-4">
+            </h2>
-     <div class="card h-100">
+        </div>
-  <div class="card-header bg-transparent border-light">
-<h1 class="card-title align-middle"><span class="fa fa-copy fa-2x center"></span></h1>
+        <!-- Box 3: Definitions -->
-</div>
+        <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-body">
+            <h1 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
-        <h1 class="card-title">
+                [[File:TornadoPink.png|75px|alt=Tornado icon|center|link=Resources]]
-[[Resources|<span style="color: #DB20D2">Resources]]</h1>
+            </h1>
-      </div>
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
+                [[Resources|<span style="color: var(--myriad-pink);">Resources</span>]]
+            </h2>
+        </div>
      </div>
-  </div>
-</div>
-</div>
-</div>
-</div>