1 2<!DOCTYPE html> 3 4<html> 5<head> 6 7 <title>Risklayer Explorer</title> 8 <meta charset="UTF-8"> 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 <meta http-equiv="Content-Security-Policy" content="connect-src geo1.server.risklayer.de 'self';" /> 11 <!-- MDB ESSENTIAL --> 12 <link rel="stylesheet" href="/static/css/mdb.min.css" /> 13 <!-- MDB PLUGINS --> 14 <link rel="stylesheet" href="/static/plugins/css/all.min.css" /> 15 <!--FontAwesome--> 16
16<script src="/static/js/fontawesome-all.js"></script>
16 17 <link href="/static/css/fontawesome-svg-with-js.css" rel="stylesheet"/> 18 19
19<script src="/static/js/d3.min.js"></script>
19 20
20<script src="/static/js/jquery.min.js"></script>
20 21
21<script src="/static/js/bootstrap.bundle.min.js"></script>
21 22 23
23<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
23 24 25 26 <!--chart.js--> 27
27<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
27 28
28<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
28 29
29<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels"></script>
29> 30 <!--Leaflet--> 31 <link rel="stylesheet" href="/static/css/leaflet.css"/> 32
32<script src="/static/js/leaflet.js"></script>
32 33 <!--chroma.js--> 34
34<script src="/static/js/chroma.min.js"></script>
34 35 <!--deck.gl--> 36
36<script src="/static/js/deckgl.js"></script>
36 37
37<script src="/static/js/deck.gl-leaflet.min.js"></script>
37 38
38<script src="https://unpkg.com/[email protected]/dist/deck.gl-particle.min.js"></script>
38 39 <!--Loading css stylesheet--> 40 <link rel="stylesheet" href="/static/css/main.css" /> 41 <link rel="shortcut icon" type="image/png" href="/static/img/favicon.png" /> 42 43 44 <meta property="og:url" content="http://www.risklayer-explorer.com/" /> 45 <meta property="og:title" content="Risklayer-Explorer - Understanding Disasters" /> 46 <meta property="og:description" content="Understanding Disaster Risk - Analysis, Management & Communication" /> 47 <meta property="og:image" content="http://www.risklayer-explorer.com/static/img/logoheader-1_482df4cdc9e9210ee7ab08bd8b4c3688-1024x268.png" /> 48 49</head> 50 51 52 53 <header> 54 <nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top d-flex justify-content-center"> 55 <div class="container-fluid"> 56 <div class="d-flex"> 57 <button data-mdb-collapse-init data-mdb-target="#navbarTop" class="navbar-toggler btn shadow-0 p-0 me-3 d-block d-lg-none text-white" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation"><img src="/static/img/221129-Risklayer-Symbol-Bitmap-PNG-1200px.png" style="height: 2rem;"></button> 58 <a class="nav-link" href="/"><img src="/static/img/221129-Risklayer-Logo-Bitmap-PNG-1200px.png" style="height: 3rem; " class="d-none d-lg-block d-xl-block"></a> 59 </div> 60 61 62 63 <div class="collapse navbar-collapse text-center" id="navbarTop"> 64 <ul class="navbar-nav ms-auto"> 65 <li class="nav-item ml-3"> 66 <a class="nav-link" href="/">Home</a> 67 </li> 68 <li class="nav-item ml-3"> 69 <a class="nav-link" href="/region/list">Risk Data</a> 70 </li> 71 <li class="nav-item ml-3"> 72 <a class="nav-link" href="/event/list/">Events</a> 73 </li> 74 75 <li class="nav-item dropdown"> 76 <a class="nav-link dropdown-toggle" href="#" id="navbarExtrasLink" data-mdb-dropdown-init aria-expanded="false"> 77 Extras 78 </a> 79 <div class="dropdown-menu" aria-labelledby="navbarExtrasLink"> 80 <a class="dropdown-item" href="/cedim_explorer">CEDIM Risk Explorer</a> 81 <a class="dropdown-item" href="/cedim_fda">CEDIM Disaster Analysis</a> 82 <a class="dropdown-item" href="/winerisk">Wine Risk Explorer</a> 83 84 <!--<a class="dropdown-item" href="/impact">Earthquake Impact Database</a> 85 <a class="dropdown-item" href="/historic/list">Large Earthquake Database</a>--> 86 <a class="dropdown-item" href="/feed/eq">Earthquake Feed</a> 87 </div> 88 </li> 89 </ul> 90 91 <div class=" d-flex justify-content-center align-items-center m-1"> 92 <i class='fas fa-search me-2 ms-2'></i> 93 <input type="text" placeholder="Where to?" name="search" class="form-control search-input rounded-3" style="display: inline; width: 95%;" oninput="searchRegion(this,'searchdd')"> 94 95 <div class="ms-auto rounded-3" id="searchdd" style="background-color: rgba(255,255,255,0.95); width: 50%; position: absolute; top:5rem;"></div> 96 </div> 97 <a href="/map" class="btn btn-primary btn-rl-blue p-2 me-3"><i class="fa-solid fa-circle-chevron-right me-1"></i>Map</a> 98 </div> 99 100 </div> 101 102 103 104 </div> 105 </nav> 106</header> 107 108<body > 109 <!-- <div class="background-image background-blur" style='background: linear-gradient(to top right, #f4a0b7 0%, #8092cf 100%);' id="background_container"></div>--> 110 <div class="mt-5" > 111 112 113<div class="landing-hero-background" id="herogl" style=" background-image: url('/static/img/news_default_3.jpg'); background-position: center top; height: 105%;" > 114</div> 115 116 117<section style="min-height: 90vh;"> 118 119 <div class="container-fluid mt-5" style="background-color: white;"> 120 <div class="row mt-5 p-2" style="width: 100%;"> 121 <div class="col-12 ps-3 text-center"> 122 <h1>Risklayer Explorer</h1> 123 <h3 style=" text-transform: none;">Global Risk, Resilience & Disaster Analytics</h3> 124 <p class="text-muted align-items-center">in cooperation with <a href="https://www.cedim.kit.edu/english/index.php"><img class="img-fluid ms-3 me-3" src="/static/img/CEDIM.png" alt="CEDIM" style="height: 1.5rem;"></a></p> 125 </div> 126 </div> 127</div> 128 129<div class="container d-flex align-items-end" style="min-height:80vh;"> 130 <div class="row mt-5 mb-5 d-flex justify-content-center" style="width: 100%;"> 131 132 <div class="col-lg-5 col-md-12 text-center p-3 d-flex"> 133 134 <div class="card card-highlight p-2 flex-fill"> 135 <img src="/static/img/background_management.jpg" style="width: 100%; overflow: hidden;"> 136 <h3 class="pt-4" style="background-color: white;" >Risk & Resilience Observatory</h3> 137 <p>(Sub-)National risk and resilience profiles and analytics</p> 138 <a href="/region/list" class="btn btn-primary btn-rl-red"><i class="fa-solid fa-chevron-right me-3"></i>Discover our data analytics</a> 139 </div> 140 141 </div> 142 143 <div class="col-lg-5 col-md-12 text-center p-3 d-flex"> 144 145 <div class="card card-highlight p-2 flex-fill" > 146 <img src="/static/img/background_analytics.jpg" style="width: 100%; overflow: hidden;"> 147 <h3 class="pt-4" style="background-color: white;">Disaster Event Observatory</h3> 148 <p>Global near-realtime disaster impact data and analytics</p> 149 <a href="/event/list/" class="btn btn-primary btn-rl-blue"><i class="fa-solid fa-chevron-right me-3"></i>
149Discover our event archive</a> 150 </div> 151 152 </div> 153 </div> 154 </div> 155</section> 156 157 158 159</div>
160<script> 161 function searchRegion(e,dom_label) { 162 var csrftoken = 'Uoq6uIrU6L695J8b7We2nwEPj93O2GPvBEK5oETli61ncxwDFA2Td8LdSOqIROZu'; 163 $.ajax({ 164 type: 'POST', 165 url: "/ajax/searchregion", 166 data: { 167 action: 'post', 168 string: e.value, 169 csrfmiddlewaretoken: csrftoken 170 }, 171 success: function(response) { 172 strs=response['results'] 173 container=document.getElementById(dom_label) 174 html=''; 175 for (i=0;i<strs.length;i++) { 176 html+='<div class="ms-3 me-3 pt-2 d-flex justify-content between"><hr><a href="/region/title='+strs[i]+'"><p class="h5"><i class="fas fa-map-marker-alt me-3"></i>'+strs[i]+'</a></p></div>'; 177 } 178 container.innerHTML=html; 179 } 180 }) 181 182} 183</script>
183 184 <!-- MDB ESSENTIAL --> 185
185<script type="text/javascript" src="/static/js/mdb.umd.min.js"></script>
185 186 187 <!-- MDB PLUGINS --> 188
188<script type="text/javascript" src="/static/plugins/js/all.min.js"></script>
188 189 190</body> 191<footer> 192 <div class="container-fluid bg-white mt-3"> 193 <div class="row text-center text-xs-center text-sm-left text-md-left"> 194 <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center text-white"> 195 196 <h2 class="major"><span>Get in touch</span></h2> 197 <div> 198 <a href="https://www.facebook.com/risklayer"><i class="fab fa-facebook-square fa-2x ms-3 me-3"></i></a> 199 <a href="https://twitter.com/risklayer"><i class="fab fa-twitter-square fa-2x ms-3 me-3"></i></a> 200 <a href="https://www.linkedin.com/company/risklayer"><i class="fab fa-linkedin fa-2x ms-3 me-3"></i></a> 201 </div> 202 <a href="/impressum">Impressum</a><span> - </span><a href="/contact">Contact</a> 203 <div class="mt-1 mb-1"> 204 <a href="http://www.risklayer.com"><img class="img-fluid ms-3 me-3" src="/static/img/risklayer_logo_new.png" alt="Risklayer" style="height: 1.5rem;"></a> 205 <a href="https://www.cedim.kit.edu/english/index.php"><img class="img-fluid ms-3 me-3" src="/static/img/CEDIM.png" alt="CEDIM" style="height: 1.5rem;"></a> 206 <a href="https://kit.edu/english/index.php"><img class="img-fluid ms-3 me-3" src="/static/img/Logo_KIT.svg.png" alt="Karlsruhe Institute of Technology" style="height: 1.5rem;"></a> 207 </div> 208 </div> 209 </hr> 210 </div> 211 </div> 212</footer> 213 214 215</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.