Main Page: Difference between revisions

Latest revision as of 16:29, 6 June 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.

@@ Line 1: / Line 1: @@
-<strong>MediaWiki has been installed.</strong>
+__NOTOC__
+<div style="text-align: justify; margin: 0 auto; max-width: 1200px;">
+<!-- Logo with alt text for accessibility -->
+<div class="logo-container">
+  [[File:DRG-RGB-tag.svg|center|link=Disaster Risk Gateway|alt=Disaster Risk Gateway Logo|class=responsive-logo]]
+</div>
-<div class="container">
+     <p style="font-size: 1.2em; line-height: 1.6; color: #000; margin-top: 20px;">
-  <div class="row">
+        '''Welcome to Disaster Risk Gateway'''; an open access, editable wiki for discovery and sharing of approaches for understanding, analysing, and managing
-     <div class="col">
+        [[Multi-Hazard|<span style="color: var(--myriad-blue)">multi-hazard</span>]] and
-of 2
+        [[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
-    </div>
+        '''[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.'''
-    <div class="col">
+    </p>
-of 2
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-of 3
-    </div>
-    <div class="col">
-of 3
-    </div>
-    <div class="col">
-of 3
-    </div>
-  </div>
 </div>
+<!-- Box Section -->
+<div style="margin-top: 0.5em; text-align: center;">
+    <!-- Responsive Row -->
+    <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 1em;">
+        <!-- Box 1: About -->
+        <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 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
+                [[File:VolcanoPink.png|90px|alt=Volcano icon|center|link=Disaster Risk Gateway]]
+            </h1>
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
+                [[Disaster Risk Gateway|<span style="color: var(--myriad-pink);"><u>About</u></span>]]
+            </h2>
+        </div>
+        <!-- Box 2: Catalogue -->
+        <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 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
+                [[File:Earthquake.png|87px|alt=Earthquake icon|center|link=Catalogue]]
+            </h1>
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
+                [[Catalogue|<span style="color: var(--myriad-purple);"><u>Catalogue</u></span>]]
+            </h2>
+        </div>
-Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.
+        <!-- Box 3: Definitions -->
+        <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 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
+                [[File:Tsunami.png|130px|alt=Tsunami icon|center|link=Definitions]]
+            </h1>
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
+                [[Definitions|<span style="color: var(--myriad-purple);"><u>Definitions</u></span>]]
+            </h2>
+        </div>
-== Getting started ==
+        <!-- Box 4: Contribute -->
-* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
+        <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;">
-* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
+            <h1 style="margin: 0; text-align: center; border: 1px solid #FFFFFF;">
-* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]
+                [[File:Storms.png|95px|alt=Storm icon|center|link=Contribute]]
-* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
+            </h1>
-* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]
+            <h3 style="text-align: center; margin: 0; border: 1px solid #FFFFFF;">
+                [[Contribute|<span style="color: var(--myriad-purple);"><u>Contribute</u></span>]]
+            </h2>
+        </div>
+    </div>
+</div>