Main Page: Difference between revisions

From Disaster Risk Gateway
No edit summary
No edit summary
 
(66 intermediate revisions by the same user not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__
<div style="text-align: justify; margin: 0 auto; max-width: 1200px;">
  <!-- Logo -->
  <div style="max-width:700px; margin:0 auto; padding:5px; text-align:center;">
    [[File:DRG-RGB-tag.svg|center|link=Disaster Risk Gateway|alt=Disaster Risk Gateway Logo|class=responsive-logo]]
  </div>


<div class="container text-justify">
  <p style="font-size: 1.4em; line-height: 1.6; color: #000; margin-top: 20px;">
    <!-- Logo with alt text for accessibility -->
    '''Welcome to Disaster Risk Gateway'''; an open access, editable wiki for discovery and sharing of approaches for understanding, analysing, and managing  
    [[File:DRG-RGB-tag.svg|class=img-fluid|alt=Disaster Risk Gateway Logo|600px|center]]
    [[Multi-Hazard|<span style="color: var(--myriad-blue)">multi-hazard</span>]] and  
<br>
    [[Multi-Hazard Risk|<span style="color: var(--myriad-blue)">multi-hazard risks</span>]]. This growing catalogue of platforms, frameworks, methods, models, tools, and resources has been created as part of the  
<p style="font-size: 1.2em; line-height: 1.6; color: #000;">'''Welcome to Disaster Risk Gateway'''; an open access, editable wiki for discovery and sharing of approaches for understanding, analysing, and managing  
    '''[https://www.myriadproject.eu/ <span style="color: var(--myriad-blue)">MYRIAD-EU project</span>]'''. Disaster Risk Gateway has been developed for multi-hazard and risk researchers, academics, practitioners, policymakers, educators, and students. '''Visit the [[Contribute|<span style="color: var(--myriad-blue)">Contribute</span>]] page to become a contributor.'''
        [[Multi-Hazard|<span style="color: #8836EA">multi-hazard</span>]] and  
  </p>
        [[Multi-Hazard Risk|<span style="color: #8836EA">multi-hazard risks</span>]]. This growing catalogue of platforms, frameworks, methods, models, tools, and resources has been created as part of the  
        '''[https://www.myriadproject.eu/ <span style="color: #DB20D2">MYRIAD-EU project</span>]'''.
    <br><br>
        '''Disaster Risk Gateway''' has been developed for multi-hazard and risk researchers, academics, practitioners, policy makers, educators, and students. If you would like to become a contributor to the wiki, visit the  
        [[Add to the wiki|<span style="color: #8836EA">Contribute</span>]] page to learn how.
    </p>
</div>
</div>
<br>
<!-- Box Section -->
<div style="margin-top: 2em; text-align: center;">
    <!-- Row 1 -->
    <div style="display: flex; justify-content: center; gap: 1em; margin-bottom: 1em;">
        <!-- Box 1: About -->
        <div style="flex: 1 1 calc(50% - 1em); max-width: 300px; border: 1px solid #90A4AE; border-radius: 8px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); padding: 1em;">
            <h1 style="display: flex; justify-content: center; align-items: center; margin: 0;">
                <span class="fa fa-chalkboard-teacher" style="font-size: 2em;"></span>
            </h1>
            <h2 style="text-align: center; margin: 0; margin-top: 1em;">
                [[Disaster Risk Gateway|<span style="color: #DB20D2;">About</span>]]
            </h2>
        </div>


        <!-- Box 2: Catalogue -->
<!-- === CLEAN FLIP CARD GRID (MediaWiki links) === -->
        <div style="flex: 1 1 calc(50% - 1em); max-width: 300px; border: 1px solid #90A4AE; border-radius: 8px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); padding: 1em;">
<div class="mainpage-cards">
            <h1 style="display: flex; justify-content: center; align-items: center; margin: 0;">
 
                <span class="fa fa-copy" style="font-size: 2em;"></span>
  <div class="mainpage-card">
            </h1>
    <div class="card-inner">
            <h2 style="text-align: center; margin: 0; margin-top: 1em;">
      <div class="card-front">
                [[Catalogue|<span style="color: #8836EA;">Catalogue</span>]]
        [[File:Volcano.png|120px|frameless|link=Disaster_Risk_Gateway|alt=About|class=inline]]
            </h2>
        <h3><span style="color: var(--myriad-blue)">About</span></h3>
         </div>
      </div>
      <div class="card-back">
         [[:Disaster_Risk_Gateway|Learn more about Disaster Risk Gateway]]
      </div>
     </div>
     </div>
  </div>


    <!-- Row 2 -->
  <div class="mainpage-card">
     <div style="display: flex; justify-content: center; gap: 1em; margin-bottom: 1em;">
     <div class="card-inner">
         <!-- Box 3: Definitions -->
      <div class="card-front">
         <div style="flex: 1 1 calc(50% - 1em); max-width: 300px; border: 1px solid #90A4AE; border-radius: 8px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); padding: 1em;">
         [[File:Earthquake.png|120px|frameless|link=Catalogue|alt=Catalogue|class=inline]]
            <h1 style="display: flex; justify-content: center; align-items: center; margin: 0;">
         <h3><span style="color: var(--myriad-blue)">Catalogue</span></h3>
                <span class="fa fa-chalkboard-teacher" style="font-size: 2em;"></span>
      </div>
            </h1>
      <div class="card-back">
            <h2 style="text-align: center; margin: 0; margin-top: 1em;">
        [[:Catalogue|Explore the full catalogue of multi-hazard risk approaches and resources]]
                [[Definitions|<span style="color: #8836EA;">Definitions</span>]]
      </div>
            </h2>
    </div>
        </div>
  </div>


        <!-- Box 4: Contribute -->
  <div class="mainpage-card">
        <div style="flex: 1 1 calc(50% - 1em); max-width: 300px; border: 1px solid #90A4AE; border-radius: 8px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); padding: 1em;">
    <div class="card-inner">
            <h1 style="display: flex; justify-content: center; align-items: center; margin: 0;">
      <div class="card-front">
                <span class="fa fa-user-edit" style="font-size: 2em;"></span>
        [[File:Tsunami.png|120px|frameless|link=Definitions|alt=Definitions|class=inline]]
            </h1>
        <h3><span style="color: var(--myriad-blue)">Definitions</span></h3>
            <h2 style="text-align: center; margin: 0; margin-top: 1em;">
      </div>
                [[Contribute|<span style="color: #8836EA;">Contribute</span>]]
      <div class="card-back">
            </h2>
        [[:Definitions|Find definitions for key multi-hazard risk terms and concepts]]
        </div>
      </div>
     </div>
     </div>
</div>
  </div>


  <div class="mainpage-card">
    <div class="card-inner">
      <div class="card-front">
        [[File:Storms.png|120px|frameless|link=Contribute|alt=Contribute|class=inline]]
        <h3><span style="color: var(--myriad-blue)">Contribute</span></h3>
      </div>
      <div class="card-back">
        [[:Contribute|Contribute your knowledge and resources to Disaster Risk Gateway]]
      </div>
    </div>
  </div>


 
</div>
 
 
{{Funding}}
 
 
{{Host}}

Latest revision as of 16:46, 14 August 2025

Welcome to Disaster Risk Gateway; an open access, editable wiki for discovery and sharing of approaches for understanding, analysing, and managing multi-hazard and multi-hazard risks. This growing catalogue of platforms, frameworks, methods, models, tools, and resources has been created as part of the MYRIAD-EU project. Disaster Risk Gateway has been developed for multi-hazard and risk researchers, academics, practitioners, policymakers, educators, and students. Visit the Contribute page to become a contributor.