|
|
| (71 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;"> | | <div style="text-align: justify; margin: 0 auto; max-width: 1200px;"> |
| <!-- Logo with alt text for accessibility -->
| | <!-- Logo --> |
| [[File:DRG-RGB-tag.svg|style=max-width:600px;display:block;margin:0 auto;|center|alt=Disaster Risk Gateway 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> |
|
| |
|
| <br> | | <!-- === CLEAN FLIP CARD GRID (MediaWiki links) === --> |
| <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
| | <div class="mainpage-cards"> |
| [[Multi-Hazard|<span style="color: #374CFF">multi-hazard</span>]] and
| |
| [[Multi-Hazard Risk|<span style="color: #374CFF">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: #374CFF">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: #374CFF">Contribute</span>]] page to learn how.
| |
| </p>
| |
| </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 -->
| | <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;"> | | |
| <h1 style="display: flex; justify-content: center; align-items: center; margin: 0;">
| | <div class="card-front"> |
| <span class="fa fa-copy" style="font-size: 2em;"></span>
| | [[File:Catalogue.png|120px|frameless|link=Catalogue|alt=Catalogue|class=inline]] |
| </h1>
| | <h3><span style="color: var(--myriad-blue)">Catalogue</span></h3> |
| <h2 style="text-align: center; margin: 0; margin-top: 1em;">
| | </div> |
| [[Catalogue|<span style="color: #8836EA;">Catalogue</span>]]
| | <div class="card-back"> |
| </h2>
| | [[:Catalogue|Explore the full catalogue of multi-hazard risk approaches and resources]] |
| </div>
| | </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: Definitions.png|120px|frameless|link=Definitions|alt=Definitions|class=inline]] |
| <h1 style="display: flex; justify-content: center; align-items: center; margin: 0;">
| | <h3><span style="color: var(--myriad-blue)">Definitions</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;">
| | [[:Definitions|Find definitions for key multi-hazard risk terms and concepts]] |
| [[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;"> | | |
| <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:Contribute.png|120px|frameless|link=Contribute|alt=Contribute|class=inline]] |
| </h1>
| | <h3><span style="color: var(--myriad-blue)">Contribute</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>
| | [[:Contribute|Contribute your knowledge and resources to Disaster Risk Gateway]] |
| </div>
| | </div> |
| </div> | | </div> |
| | </div> |
| | |
| </div> | | </div> |
| <br>
| |
|
| |
| <br>
| |
| <br>
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| {{Funding}}
| |
|
| |
|
| |
| {{Host}}
| |
