1<!DOCTYPE html> 2<html class="login-pf"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 7 <meta name="robots" content="noindex, nofollow"> 8 9 <meta name="viewport" content="width=device-width,initial-scale=1"/> 10 <title>Log in to ECMWF</title> 11 <link rel="icon" href="/auth/resources/eqbym/login/ECMWF-THEME/img/favicon.ico" /> 12 <link href="/auth/resources/eqbym/common/keycloak/web_modules/@patternfly/react-core/dist/styles/base.css" rel="stylesheet" /> 13 <link href="/auth/resources/eqbym/common/keycloak/web_modules/@patternfly/react-core/dist/styles/app.css" rel="stylesheet" /> 14 <link href="/auth/resources/eqbym/common/keycloak/node_modules/patternfly/dist/css/patternfly.min.css" rel="stylesheet" /> 15 <link href="/auth/resources/eqbym/common/keycloak/node_modules/patternfly/dist/css/patternfly-additions.min.css" rel="stylesheet" /> 16 <link href="/auth/resources/eqbym/common/keycloak/lib/pficon/pficon.css" rel="stylesheet" /> 17 <link href="/auth/resources/eqbym/login/ECMWF-THEME/css/login.css" rel="stylesheet" /> 18 <link href="/auth/resources/eqbym/login/ECMWF-THEME/css/tile.css" rel="stylesheet" /> 19</head> 20 21<body class=""> 22 23 <!-- Google Tag Manager (noscript) -->
vendor: 65 bytes, lines 23-24
23 24 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
24GTM-P5T597
vendor: 86 bytes, lines 24-25
24" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 25
25<!-- End Google Tag Manager (noscript) --> 26 27 28 29 <!-- Include the custom header --> 30 31 32<div class="content-wrapper"> 33<div class="custom-header"> 34 <div class="header-content"> 35 <!-- Logo on the left --> 36 <a href="https://www.ecmwf.int" class="logo"> 37 <img src="/auth/resources/eqbym/login/ECMWF-THEME/img/logo.png" alt="ECMWF"> 38 </a> 39 40 <!-- Right side items --> 41 <div class="header-links"> 42 <!-- Help Link with "?" icon --> 43 <a href="https://www.ecmwf.int/en/support" class="help-link"> 44 ⓘ Help 45 </a> 46 47 48 </div> 49 </div> 50</div> 51 52 53 <div class="left-column"> 54 55 <div class="login-pf-page"> 56 <div class="card-pf"> 57 58 59 <header class="login-pf-header"> 60 <h1 id="kc-page-title"> 61 62 63</h1> 64 </header> 65 66 67 <div id="kc-content"> 68 <div id="kc-content-wrapper"> 69 70 71 72 73 <h1> Log in to your account</h1> 74 <div id="kc-form"> 75 <div id="kc-form-wrapper"> 76 77 <form id="kc-form-login" onsubmit="login.disabled = true; return true;" action="https://accounts.ecmwf.int/auth/realms/ecmwf/login-actions/authenticate?session_code=9XpKvk8CyhFB3aqDQx1y36NzpB2z5_Q5nxyFiFaLt68&execution=459eb98f-fb45-41ad-8b51-ddd0e36f2360&client_id=cms-www&tab_id=t5e4wOi_ZDs" method="post"> 78 79 <div class="form-group"> 80 <label for="username" class="pf-c-form__label pf-c-form__label-text"> 81 Username or Email 82 </label> 83 84 <input tabindex="1" id="username" class="pf-c-form-control" name="username" value="" 85 type="text" autofocus autocomplete="off" aria-invalid="" 86 /> 87 88 89 </div> 90 91 <div class="form-group"> 92 <label for="password" class="pf-c-form__label pf-c-form__label-text">Password</label> 93 94 <input tabindex="2" id="password" class="pf-c-form-control" name="password" type="password" autocomplete="off" 95 aria-invalid="" 96 /> 97 98 99 </div> 100 101 <div id="kc-form-buttons" class="form-group"> 102 <input type="hidden" id="id-hidden-input" name="credentialId" /> 103 <input tabindex="4" class="pf-c-button pf-m-primary pf-m-block btn-lg" name="login" id="kc-login" type="submit" value="Log In"/> 104 </div> 105 106 107 <div class="form-group login-pf-settings"> 108 <div id="kc-form-options"> 109 <div class=""> 110 <span><a tabindex="5" href="/auth/realms/ecmwf/login-actions/reset-credentials?client_id=cms-www&tab_id=t5e4wOi_ZDs">Forgot Password?</a></span> 111 </div> 112 </div> 113 </div> 114 115 116 117 </form> 118 119 </div> 120 </div> 121 122 123 124 125 126 127 128 129 130 <div id="kc-info" class="login-pf-signup"> 131 <div id="kc-info-wrapper" class=""> 132 133 134 135 </div> 136 </div> 137 138 </div> 139 </div> 140 </div> 141 </div> 142 </div> 143 144 145 <!-- Right Column: New User Info --> 146 <div class="right-column"> 147<div class="user-info-box"> 148 <h1>An ECMWF account enables you to:</h1> 149 <ul> 150 <li> access open data more quickly</li> 151 <li> register for events</li> 152 <li> enroll on online courses</li> 153 <li> access training resources</li> 154 <li> create and track service requests</li> 155 </ul> 156 <p>To check if you are eligible for more features you can read about <a href="https://www.ecmwf.int/en/forecasts/accessing-forecasts">access to forecast data</a> and <a href="https://www.ecmwf.int/en/computing/access-computing-facilities">access to our computing facilities</a>.</p> 157 <div id="kc-form-buttons" class="form-group"> 158 <a href="/auth/realms/ecmwf/login-actions/registration?client_id=cms-www&tab_id=t5e4wOi_ZDs" class="pf-c-button pf-m-primary pf-m-block btn-lg">Register new user</a> 159 </div> 160 161 162 163 164</div> 165 166 </div> 167 168 169 170</div> 171 172 173<!-- Include the custom footer --> 174<div class="custom-footer container-fluid"> 175 176 <div class="region region-footer"> 177 <div class="col-left text-left"> 178 <p class="copyright">© European Centre for Medium-Range Weather Forecasts</p> 179 </div> 180 <div class="col-right text-left"> 181 <ul class="legal-menu"> 182 <li><a href="https://www.ecmwf.int/en/accessibility" title="Useful footer links and privacy" data-drupal-link-system-path="node/20981">Accessibility</a></li> 183 <li><a href="https://www.ecmwf.int/en/privacy" data-drupal-link-system-path="node/20982">Privacy</a></li> 184 <li><a href="https://www.ecmwf.int/en/terms-use" data-drupal-link-system-path="node/20983">Terms of use</a></li> 185 <li><a href="https://www.ecmwf.int/en/about/contact-us" data-drupal-link-system-path="node/20980">Contact</a></li> 186 </ul> 187 </div> 188 </div> 189 190</div> 191 192 193 194 195</body> 196</html> 197 198 199<style> 200/* Style for username and password fields */ 201input[name="username"], input[name="password"] { 202 font-size: 24px; 203 padding: 12px; 204 border: 2px solid #007bff; 205 border-radius: 5px; 206 background-color: #ffffff; 207 color: #000000; 208 width: 100%; 209 box-shadow: 0px 0px 10px rgba(0, 123, 255, 0.5); 210 height: 3.5rem; 211} 212 213/* Input fields focus effect */ 214input[name="username"]:focus, input[name="password"]:focus { 215 border-color: #ff9800; 216 outline: none; 217 box-shadow: 0px 0px 15px rgba(255, 152, 0, 0.7); 218} 219 220/* Labels styling */ 221label { 222 font-size: 16px; 223 font-weight: bold; 224 color: #333; 225 display: block; 226 margin-bottom: 5px; 227} 228 229/* Submit button */ 230input[type="submit"] { 231 font-size: 24px; 232 padding: 12px; 233 background-color: #28a745; 234 color: white; 235 border: none; 236 border-radius: 5px; 237 cursor: pointer; 238 width: 100%; 239 height: 3.5rem; 240 transition: 0.3s; 241} 242 243input[type="submit"]:hover { 244 background-color: #218838; 245} 246 247 248 249/* Responsive Design */ 250@media (max-width: 768px) { 251 .content-wrapper { 252 flex-direction: column; 253 } 254 .left-column, .right-column { 255 width: 100%; 256 padding: 20px; 257 } 258 .right-column { 259 border-left: none; 260 border-top: none; 261 } 262} 263 264 265.login-pf-page { 266 margin-top: 0.5rem; 267 font-size: 24px; 268} 269 270 271h1 { 272 font-size: 32px; 273 font-weight: 400; 274} 275 276 277.form-group { 278 margin-bottom: 40px; 279} 280 281 282</style>
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.