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 1: / Line 1: @@
 __NOTOC__
+<div style="text-align: justify; margin: 0 auto; max-width: 1200px;">
+  <!-- Logo -->
+  <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>
+<!-- === CLEAN FLIP CARD GRID (MediaWiki links) === -->
+<div class="mainpage-cards">
-<div class="container-fluid mt-4">
+  <div class="mainpage-card">
-  <div class="row">
+    <div class="card-inner">
-    <div class="col">
+      <div class="card-front">
-[[File:DRG-logo-RGB-tag.png|class=img-fluid|600px|center]]
+        [[File:Catalogue.png|120px|frameless|link=Catalogue|alt=Catalogue|class=inline]]
-</div>
+        <h3><span style="color: var(--myriad-blue)">Catalogue</span></h3>
-</div>
+      </div>
-</div>
+      <div class="card-back">
+        [[:Catalogue|Explore the full catalogue of multi-hazard risk approaches and resources]]
+      </div>
-<div style="text-align:justify">
-<p class="lead">'''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: #8836EA">multi-hazard</span>]] and [[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>].''' </p>
-<p class="lead"> 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 class="container-fluid mt-4">
-<div class="card-deck" style="text-align:center>
-  <div class="card border border-white border-primary mb-3">
-<h3><span class="mw-headline" id="Disaster Risk Gateway"><span class="fa fa-chalkboard-teacher fa-3x"></span>
-    <div class="card-body">
-      <h5 class="card-title">[[Disaster Risk Gateway|<span style="color: #DB20D2">About</span>]]</span></h5>
      </div>
    </div>
-   <div class="card border border-white border-primary mb-3">
-<h3><span class="mw-headline" id="Catalogue"><span class="fa fa-copy fa-3x"></span>
+   <div class="mainpage-card">
-     <div class="card-body">
+     <div class="card-inner">
-       <h5 class="card-title">[[Catalogue|<span style="color: #8836EA">Catalogue</span>]]</span></h5>
+       <div class="card-front">
-    </div>
+        [[File: Definitions.png|120px|frameless|link=Definitions|alt=Definitions|class=inline]]
-  </div>
+        <h3><span style="color: var(--myriad-blue)">Definitions</span></h3>
-  <div class="card border border-white border-primary mb-3">
+      </div>
-<h3><span class="mw-headline" id="Definitions"><span class="fa fa-tags fa-3x"></span>
+      <div class="card-back">
-    <div class="card-body">
+        [[:Definitions|Find definitions for key multi-hazard risk terms and concepts]]
-       <h5 class="card-title">[[Definitions|<span style="color: #8836EA">Definitions</span>]]</span></h5>
+      </div>
-    </div>
-  </div>
-  <div class="card border border-white border-primary mb-3">
-<h3><span class="mw-headline" id="Add to the wiki"><span class="fa fa-user-edit fa-3x"></span>
-    <div class="card-body">
-       <h5 class="card-title">[[Add to the wiki|<span style="color: #8836EA">Contribute</span>]]</span></h5>
      </div>
    </div>
+  <div class="mainpage-card">
+    <div class="card-inner">
+      <div class="card-front">
+        [[File:Contribute.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}}