Main Page: Difference between revisions

Latest revision as of 19:41, 30 September 2025

Catalogue

       Explore the full catalogue of multi-hazard risk approaches and resources

Definitions

       Find definitions for key multi-hazard risk terms and concepts

Contribute

       Contribute your knowledge and resources to Disaster Risk Gateway

@@ Line 2: / Line 2: @@
 <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;">
+   <div style="max-width:700px; margin:0 auto; padding:20px; text-align:center;">
      [[File:DRG-RGB-tag.svg|center|link=Disaster Risk Gateway|alt=Disaster Risk Gateway Logo|class=responsive-logo]]
    </div>
-  <p style="font-size: 1.2em; line-height: 1.6; color: #000; margin-top: 20px;">
+<!-- === CLEAN FLIP CARD GRID (MediaWiki links) === -->
-    '''Welcome to Disaster Risk Gateway'''; an open access, editable wiki for discovery and sharing of approaches for understanding, analysing, and managing
-    [[Multi-Hazard|<span style="color: var(--myriad-blue)">multi-hazard</span>]] and
-    [[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
-    '''[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.'''
-  </p>
-</div>
-<!-- === CLEAN CARD GRID WITH FLIP EFFECT === -->
 <div class="mainpage-cards">
-  <div class="mainpage-card">
-    <div class="card-inner">
-      <!-- FRONT -->
-      <div class="card-front">
-        [[File:volcano.png|center|120px|link=Disaster_Risk_Gateway|alt=About]]
-        <h3>[[Disaster Risk Gateway|About]]</h3>
-      </div>
-      <!-- BACK -->
-      <div class="card-back">
-        <p>Discover the history and mission.</p>
-        <a href="Disaster_Risk_Gateway">Go to About</a>
-      </div>
-    </div>
-  </div>
    <div class="mainpage-card">
      <div class="card-inner">
        <div class="card-front">
-         [[File:earthquake.png|center|120px|link=Catalogue|alt=Catalogue]]
+         [[File:Catalogue.png|120px|frameless|link=Catalogue|alt=Catalogue|class=inline]]
-         <h3>[[Catalogue]]</h3>
+         <h3><span style="color: var(--myriad-blue)">Catalogue</span></h3>
        </div>
        <div class="card-back">
-         <p>Explore our full catalogue.</p>
+         [[:Catalogue|Explore the full catalogue of multi-hazard risk approaches and resources]]
-        <a href="Catalogue">View Catalogue</a>
        </div>
      </div>
@@ Line 48: / Line 24: @@
      <div class="card-inner">
        <div class="card-front">
-         [[File:tsunami.png|center|120px|link=Definitions|alt=Definitions]]
+         [[File: Definitions.png|120px|frameless|link=Definitions|alt=Definitions|class=inline]]
-         <h3>[[Definitions]]</h3>
+         <h3><span style="color: var(--myriad-blue)">Definitions</span></h3>
        </div>
        <div class="card-back">
-         <p>Check definitions of important terms.</p>
+         [[:Definitions|Find definitions for key multi-hazard risk terms and concepts]]
-        <a href="Definitions">View Definitions</a>
        </div>
      </div>
@@ Line 61: / Line 36: @@
      <div class="card-inner">
        <div class="card-front">
-         [[File:storms.png|center|120px|link=Contribute|alt=Contribute]]
+         [[File:Contribute.png|120px|frameless|link=Contribute|alt=Contribute|class=inline]]
-         <h3>[[Contribute]]</h3>
+         <h3><span style="color: var(--myriad-blue)">Contribute</span></h3>
        </div>
        <div class="card-back">
-         <p>Help improve and contribute.</p>
+         [[:Contribute|Contribute your knowledge and resources to Disaster Risk Gateway]]
-        <a href="Contribute">Contribute Now</a>
        </div>
      </div>