Catalogue: Difference between revisions

From Disaster Risk Gateway
No edit summary
No edit summary
Line 4: Line 4:
<div style="margin-top: 1em; text-align: center;">
<div style="margin-top: 1em; text-align: center;">
     <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1em;">
     <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1em;">
         <!-- Card 1: Multi-hazard Risk Assessment -->
         <!-- Box 1: Multi-hazard Risk Assessment -->
         <div style="flex: 1 1 calc(33.333% - 1em); max-width: 300px; border: 1px solid #f5f5f5; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 8px;">
         <div style="flex: 1 1 calc(33.333% - 1em); max-width: 200px; height: 230px; border: 1px solid #f5f5f5; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 8px; display: flex; flex-direction: column; justify-content: space-between;">
             <div style="background-color: transparent; border-bottom: 1px solid #f5f5f5; padding: 1em;">
             <div style="background-color: transparent; border-bottom: 1px solid #FFFFFF; padding: 1em; align-items: center; justify-content: center;">
                <h1 style="text-align: center; margin: 0;">
                 [[File:Bio hazard.png|70px|alt=Bio hazard icon|center]]
                    <span class="fa fa-code-branch" style="font-size: 2em;"></span>
                 </h1>
             </div>
             </div>
             <div style="padding: 1em;">
             <div style="padding: 1em; flex-grow: 1; display: flex; align-items: center; justify-content: center;">
                 <h3 style="text-align: center; margin: 0;">
                 <h3 style="text-align: center; margin: 0 0 1em 0;">
                     [[:Category:Multi-hazard Risk Assessment|<span style="color: #8836EA;">Multi-hazard Risk Assessment</span>]]
                     [[:Category:Multi-hazard Risk Assessment|<span style="color: #8836EA;">Multi-hazard Risk Assessment</span>]]
                 </h3>
                 </h3>
Line 18: Line 16:
         </div>
         </div>


         <!-- Card 2: Multi-hazard Risk Management -->
         <!-- Box 2: Multi-hazard Risk Management -->
         <div style="flex: 1 1 calc(33.333% - 1em); max-width: 300px; border: 1px solid #f5f5f5; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 8px;">
         <div style="flex: 1 1 calc(33.333% - 1em); max-width: 200px; height: 230px; border: 1px solid #f5f5f5; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 8px; display: flex; flex-direction: column; justify-content: space-between;">
             <div style="background-color: transparent; border-bottom: 1px solid #f5f5f5; padding: 1em;">
             <div style="background-color: transparent; border-bottom: 1px solid #FFFFFF; padding: 1em; align-items: center;justify-content: center;">
                <h1 style="text-align: center; margin: 0;">
                 [[File:Flood1.png|79px|alt=Flood1.png icon|center]]
                    <span class="fa fa-chalkboard-teacher" style="font-size: 2em;"></span>
                 </h1>
             </div>
             </div>
             <div style="padding: 1em;">
             <div style="padding: 1em; flex-grow: 1; display: flex; align-items: center; justify-content: center;">
                 <h3 style="text-align: center; margin: 0;">
                 <h3 style="text-align: center; margin: 0 0 1em 0;">
                     [[:Category:Multi-hazard Risk Management|<span style="color: #8836EA;">Multi-hazard Risk Management</span>]]
                     [[:Category:Multi-hazard Risk Management|<span style="color: #8836EA;">Multi-hazard Risk Management</span>]]
                 </h3>
                 </h3>
Line 32: Line 28:
         </div>
         </div>


         <!-- Card 3: Resources -->
         <!-- Box 3: Resources -->
         <div style="flex: 1 1 calc(33.333% - 1em); max-width: 300px; border: 1px solid #f5f5f5; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 8px;">
         <div style="flex: 1 1 calc(33.333% - 1em); max-width: 200px; height: 230px; border: 1px solid #f5f5f5; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 8px; display: flex; flex-direction: column; justify-content: space-between;">
             <div style="background-color: transparent; border-bottom: 1px solid #f5f5f5; padding: 1em;">
             <div style="background-color: transparent; border-bottom: 1px solid #FFFFFF; padding: 1em; text-align: center; justify-content: center;">
                <h1 style="text-align: center; margin: 0;">
                 [[File:TornadoPink.png|60px|alt=Tornado icon|center]]
                    <span class="fa fa-copy" style="font-size: 2em;"></span>
                 </h1>
             </div>
             </div>
             <div style="padding: 1em;">
             <div style="padding: 1em; flex-grow: 1; display: flex; text-align: center; justify-content: center;">
                 <h3 style="text-align: center; margin: 0;">
                 <h3 style="text-align: center; margin: 0 0 1em 0;">
                     [[Resources|<span style="color: #DB20D2;">Resources</span>]]
                     [[Resources|<span style="color: #DB20D2;">Resources</span>]]
                 </h3>
                 </h3>

Revision as of 17:15, 11 January 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. It also contains links to relevant resources.