1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 5 6<meta charset="utf-8"> 7<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8<meta http-equiv="x-ua-compatible" content="ie=edge"> 9 10<title>LEAP-ENERGY</title> 11 12<!-- Fonts --> 13<link href="https://fonts.googleapis.com/css?family=Montserrat:300,600,700,800,900" rel="stylesheet"> 14<link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet"> 15<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/fontisto/fontisto-brands.min.css" rel="stylesheet"> 16<link href="assets/css/user-public-container.css?v=260521" rel="stylesheet"> 17<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicon/apple-icon-57x57.png"> 18<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicon/apple-icon-60x60.png"> 19<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicon/apple-icon-72x72.png"> 20<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicon/apple-icon-76x76.png"> 21<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicon/apple-icon-114x114.png"> 22<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicon/apple-icon-120x120.png"> 23<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicon/apple-icon-144x144.png"> 24<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicon/apple-icon-152x152.png"> 25<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/apple-icon-180x180.png"> 26<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicon/android-icon-192x192.png"> 27<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png"> 28<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon/favicon-96x96.png"> 29<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png"> 30<link rel="manifest" href="assets/img/favicon/manifest.json"> 31<meta name="msapplication-TileColor" content="#0d5364"> 32<meta name="msapplication-TileImage" content="assets/img/favicon/ms-icon-144x144.png"> 33<meta name="theme-color" content="#0d5364"> 34 35<meta name="application-name" content="LEAP-ENERGY" /> 36<meta name="description" content="Create and expand your international network in the field of renewable energy, science-based policymaking, funding and research, innovation, monitoring and learning, in Africa and Europe !" /> 37<meta property="og:url" content="https://leap-energy.app/"> 38<meta property="og:type" content="website"> 39<meta property="og:title" content="LEAP-ENERGY" /> 40<meta property="og:description" content="Create and expand your international network in the field of renewable energy, science-based policymaking, funding and research, innovation, monitoring and learning, in Africa and Europe !" /> 41<meta property="og:image" content="https://leap-energy.app/assets/img/favicon/opengraph.jpg" /> 42<meta property="og:image:secure_url" content="https://https://leap-energy.app/assets/img/favicon/opengraph.jpg" /> 43<meta property="og:image:type" content="image/jpg" /> 44<meta property="og:image:width" content="1200" /> 45<meta property="og:image:height" content="630" /> 46<meta property="og:image:alt" content="LEAP-ENERGY" /> 47<meta property="og:locale" content="en_gb" /> 48 49<meta name="twitter:card" content="summary_large_image"> 50<meta property="twitter:domain" content="leap-energy.app/"> 51<meta property="twitter:url" content="https://leap-energy.app/"> 52<meta name="twitter:title" content="LEAP-ENERGY"> 53<meta name="twitter:description" content="Create and expand your international network in the field of renewable energy, science-based policymaking, funding and research, innovation, monitoring and learning, in Africa and Europe !"> 54<meta name="twitter:image" content="https://leap-energy.app/assets/img/favicon/opengraph.jpg"> 55 56 <!-- Core CSS --> 57 58 <link rel="stylesheet" href="assets/css/select2.min.css"> 59 <link rel="stylesheet" href="assets/css/app.css"> 60 <link rel="stylesheet" href="assets/css/core.css"> 61 62 <link rel="stylesheet" href="assets/css/fontawesome.css"> 63 <link rel="stylesheet" href="assets/js/intl-tel-input/css/intlTelInput.css"> 64 65 <style> 66 67@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap"); 68 69* { 70 margin: 0; 71 padding: 0; 72 box-sizing: border-box; 73} 74 75/* Chrome, Safari, Edge, Opera */ 76input::-webkit-outer-spin-button, 77input::-webkit-inner-spin-button { 78 -webkit-appearance: none; 79 margin: 0; 80} 81 82/* Firefox */ 83input[type=number] { 84 -moz-appearance: textfield; 85} 86 87 .appLogo img{ 88 max-width: 300px; 89 margin-top: 50px; 90 } 91.loginContainer { 92 position: relative; 93 width: 100%; 94 background-color: #fff; 95 min-height: 100vh; 96 overflow: hidden; 97} 98 99.forms-loginContainer { 100 position: absolute; 101 width: 100%; 102 height: 100%; 103 top: 0; 104 left: 0; 105} 106 107.signin-signup { 108 position: absolute; 109 top: 50%; 110 transform: translate(-50%, -50%); 111 left: 75%; 112 width: 50%; 113 transition: 1s 0.7s ease-in-out; 114 display: grid; 115 grid-template-columns: 1fr; 116 z-index: 5; 117 height: 100%; 118} 119 120.loginForm { 121 display: block; 122 align-items: center; 123 justify-content: center; 124 flex-direction: column; 125 padding: 0rem 5rem; 126 transition: all 0.2s 0.7s; 127 overflow: hidden; 128 grid-column: 1 / 2; 129 grid-row: 1 / 2; 130 overflow-y: auto; 131 height: 100%; 132} 133 134.loginForm.sign-up-form { 135 opacity: 0; 136 z-index: 1; 137} 138 139.loginForm.sign-in-form { 140 z-index: 2; 141} 142 143.title { 144 font-size: 2.2rem; 145 color: #444; 146 margin-bottom: 10px; 147} 148 149 150 151 152 153.panelLoginsLogin-loginContainer { 154 position: absolute; 155 height: 100%; 156 width: 100%; 157 top: 0; 158 left: 0; 159 display: grid; 160 grid-template-columns: repeat(2, 1fr); 161} 162 163.loginContainer:before { 164 content: ""; 165 position: absolute; 166 height: 2000px; 167 width: 2000px; 168 top: -10%; 169 right: 48%; 170 transform: translateY(-50%); 171 /*background-image: linear-gradient(-45deg, #174936 20%, #174936 100%);*/ 172 background-image: url('assets/img/bgLogin.webp'); 173 174 background-size: cover; 175 background-position: center; 176 background-repeat: no-repeat; 177 transition: 1.8s ease-in-out; 178 border-radius: 50%; 179 z-index: 6; 180 181} 182 183.image { 184 width: 100%; 185 transition: transform 1.1s ease-in-out; 186 transition-delay: 0.4s; 187 border-radius: 10px; 188} 189 190.panelLogin { 191 display: flex; 192 flex-direction: column; 193 194 justify-content: space-around; 195 text-align: center; 196 z-index: 6; 197} 198 199.left-panelLogin { 200 pointer-events: all; 201 padding: 3rem 17% 2rem 12%; 202} 203 204.right-panelLogin { 205 pointer-events: none; 206 padding: 3rem 12% 2rem 17%; 207} 208 209.panelLogin .contentLogin { 210 color: #fff; 211 transition: transform 0.9s ease-in-out; 212 transition-delay: 0.6s; 213} 214 215.panelLogin h3 { 216 font-weight: 600; 217 line-height: 1; 218 font-size: 1.5rem; 219} 220 221.panelLogin p { 222 font-size: 0.95rem; 223 padding: 0.7rem 0; 224} 225 226.right-panelLogin .image, 227.right-panelLogin .contentLogin { 228 transform: translateX(8000px); 229} 230 231.loginContainer.sign-in-mode:before { 232 transform: translate(100%, -50%); 233 right: 52%; 234} 235 236.loginContainer.sign-in-mode .left-panelLogin .image, 237.loginContainer.sign-in-mode .left-panelLogin .contentLogin { 238 transform: translateX(-8000px); 239} 240 241.loginContainer.sign-in-mode .signin-signup { 242 left: 25%; 243} 244 245.loginContainer.sign-in-mode .loginForm.sign-up-form { 246 opacity: 1; 247 z-index: 2; 248} 249 250.loginContainer.sign-in-mode .loginForm.sign-in-form { 251 opacity: 0; 252 z-index: 1; 253} 254 255.loginContainer.sign-in-mode .right-panelLogin .image, 256.loginContainer.sign-in-mode .right-panelLogin .contentLogin { 257 transform: translateX(0%); 258} 259 260.loginContainer.sign-in-mode .left-panelLogin { 261 pointer-events: none; 262} 263 264.loginContainer.sign-in-mode .right-panelLogin { 265 pointer-events: all; 266} 267 268.form{ 269 width: 100%; 270} 271 272.appLogo{ 273 text-align: center; 274 margin-bottom: 2em; 275} 276 277.signup-wrapper .process-panel-wrap .account-type h3{ 278 font-size: 0.9rem; 279} 280 281@media (max-width: 870px) { 282 283 .loginForm { 284 height: 68%; 285 286 } 287 288 .loginForm.sign-in-form{ 289 /*padding-top: 50%;*/ 290 } 291 292 .loginContainer { 293 min-height: 800px; 294 height: 100vh; 295 } 296 .signin-signup { 297 width: 100%; 298 top: 75%; 299 300 transition: 1s 0.8s ease-in-out; 301 } 302 303 .signin-signup, 304 .loginContainer.sign-in-mode .signin-signup { 305 left: 50%; 306 } 307 308 .image { 309 display: none; 310 } 311 312 .panelLoginsLogin-loginContainer { 313 grid-template-columns: 1fr; 314 grid-template-rows: 1fr 2fr 1fr; 315 } 316 317 .panelLogin { 318 flex-direction: row; 319 justify-content: space-around; 320 align-items: center; 321 padding: 2.5rem 8%; 322 grid-column: 1 / 2; 323 } 324 325 .right-panelLogin { 326 grid-row: 3 / 4; 327 } 328 329 .left-panelLogin { 330 grid-row: 1 / 2; 331 } 332 333 .image { 334 width: 200px; 335 transition: transform 0.9s ease-in-out; 336 transition-delay: 0.6s; 337 } 338 339 .panelLogin .contentLogin { 340 341 transition: transform 0.9s ease-in-out; 342 transition-delay: 0.8s; 343 } 344 345 .panelLogin h3 { 346 font-size: 1.2rem; 347 } 348 349 .panelLogin p { 350 font-size: 0.7rem; 351 padding: 0.5rem 0; 352 } 353 354 .loginContainer:before { 355 width: 1500px; 356 height: 1500px; 357 transform: translateX(-40%); 358 left: 30%; 359 bottom: 75%; 360 right: initial; 361 top: initial; 362 transition: 2s ease-in-out; 363 } 364 365 .loginContainer.sign-in-mode:before { 366 transform: translate(-40%, 100%); 367 bottom: 32%; 368 right: initial; 369 } 370 371 .loginContainer.sign-in-mode .left-panelLogin .image, 372 .loginContainer.sign-in-mode .left-panelLogin .contentLogin { 373 transform: translateY(-300px); 374 } 375 376 .loginContainer.sign-in-mode .right-panelLogin .image, 377 .loginContainer.sign-in-mode .right-panelLogin .contentLogin { 378 transform: translateY(0px); 379 } 380 381 .right-panelLogin .image, 382 .right-panelLogin .contentLogin {
383 transform: translateY(300px); 384 } 385 386 .loginContainer.sign-in-mode .signin-signup { 387 top: 5%; 388 transform: translate(-50%, 0); 389 } 390} 391 392 393@media (max-width: 570px) { 394 .loginForm { 395 height: 70%; 396 padding: 0 1.5rem; 397 398 } 399 400 .appLogo img{ 401 margin-top: 10px; 402 } 403 .container-pin .input-pin{ 404 width: 40px; 405 height: 45px; 406 } 407 .loginForm.sign-in-form{ 408 /*padding-top: 80%;*/ 409 } 410 .image { 411 display: none; 412 } 413 .panelLogin .contentLogin { 414 padding: 0.5rem 1rem; 415 416 } 417 .loginContainer { 418 padding: 1.5rem; 419 } 420 421 .loginContainer:before { 422 bottom: 75%; 423 left: 50%; 424 } 425 426 .loginContainer.sign-in-mode:before { 427 transform: translate(-50%, 100%); 428 bottom: 28%; 429 left: 50%; 430 } 431} 432 </style> 433 </head> 434 435 <body> 436 <div class="loginContainer "> 437 <div class="forms-loginContainer"> 438 <div class="signin-signup"> 439 <div class="loginForm sign-in-form"> 440 <div class="form" id="zoneRegister"> 441 442 <div class="signup-wrapper fourth"> 443 444 <div class="appLogo"><img src="assets/img/logo/app_long_color.png" alt="Logo"></div> 445 <div class="process-bar-wrap"> 446 <div class="process-bar"> 447 <div class="progress-wrap"> 448 <div class="track"></div> 449 <div class="bar"></div> 450 <div id="step-dot-1" class="dot is-first is-active is-current" data-step="0"> 451 <i class="fal fa-envelope"></i> 452 </div> 453 454 <div id="step-dot-3" class="dot is-second" data-step="33"> 455 <i class="fal fa-user"></i> 456 </div> 457 <div id="step-dot-4" class="dot is-third" data-step="66"> 458 <i class="fal fa-tasks"></i> 459 </div> 460 <div id="step-dot-5" class="dot is-fourth" data-step="100"> 461 <i class="fal fa-check"></i> 462 </div> 463 </div> 464 </div> 465 </div> 466 <div class="outer-panel"> 467 <div id="contentRegister" class="outer-panel-inner"> 468 <form method="POST" id="form_step1" name="form_step1" onsubmit="return false;"> 469 470 <div class="process-title"> 471 <h2 id="step-title-1" class="step-title is-active">Welcome, please enter your email</h2> 472 </div> 473 <div id="notifReg"></div> 474 <div id="signup-panel-2" class="process-panel-wrap is-narrow is-active"> 475 <div class="form-panel"> 476 477 <div class="field" id="field_register_mail"> 478 <label>Email</label> 479 <div class="control"> 480 <input type="text" id="register_mail" name="register_mail" class="input" placeholder="Enter your email address"> 481 </div> 482 </div> 483 </div> 484 <div id="errorFill"></div> 485 <div class="buttons"> 486 487 <a onclick="jaxon_step3(jaxon.getFormValues('form_step1'), '');" class="button process-button is-next is-primary" >Next</a> 488 </div> 489 </div> 490 </form> 491 </div> 492 </div> 493 </div> 494 495 496 </div> 497 </div> 498 499
500 <div id="loginFormContent" class="loginForm sign-up-form"> 501 502 </div> 503 </div> 504 </div> 505 506<div class="panelLoginsLogin-loginContainer"> 507 <div class="panelLogin left-panelLogin"> 508 <div class="contentLogin"> 509 <h3>One of us?</h3> 510 <p> 511 If you already has an account, just sign in. We've missed you! </p> 512 <button class="button" id="sign-up-btn"> 513 Sign In </button> 514 </div> 515 516 517 </div> 518 <div class="panelLogin right-panelLogin"> 519 <div class="contentLogin"> 520 <h3>New here?</h3> 521 <p> 522 Enables users and organizations to independently register and gain access to the platform </p> 523 <button class="button" id="sign-in-btn"> 524 Sign Up </button> 525 </div> 526 527 </div> 528 529 530 </div> 531 </div> 532 533
533<script type="text/javascript" src="assets/js/jaxon/jaxon.core.js" charset="UTF-8"></script>
533 534 535
536<script type="text/javascript" charset="UTF-8"> 537/* <![CDATA[ */ 538try { 539 if(typeof jaxon.config == undefined) 540 jaxon.config = {}; 541} 542catch(e) { 543 jaxon = {}; 544 jaxon.config = {}; 545}; 546 547jaxon.config.requestURI = "https://leap-energy.app/index.php"; 548jaxon.config.statusMessages = false; 549jaxon.config.waitCursor = true; 550jaxon.config.version = "Jaxon 3.8.0"; 551jaxon.config.defaultMode = "asynchronous"; 552jaxon.config.defaultMethod = "POST"; 553jaxon.config.responseType = "JSON"; 554 555 556 557jaxon_step3 = function() { 558 return jaxon.request( 559 { jxnfun: 'step3' }, 560 { parameters: arguments } 561 ); 562}; 563jaxon_step4 = function() { 564 return jaxon.request( 565 { jxnfun: 'step4' }, 566 { parameters: arguments } 567 ); 568}; 569jaxon_register = function() { 570 return jaxon.request( 571 { jxnfun: 'register' }, 572 { parameters: arguments } 573 ); 574}; 575jaxon_registerLoadAccountType = function() { 576 return jaxon.request( 577 { jxnfun: 'registerLoadAccountType' }, 578 { parameters: arguments } 579 ); 580}; 581jaxon_showLoginPin = function() { 582 return jaxon.request( 583 { jxnfun: 'showLoginPin' }, 584 { parameters: arguments } 585 ); 586}; 587jaxon_checkPin = function() { 588 return jaxon.request( 589 { jxnfun: 'checkPin' }, 590 { parameters: arguments } 591 ); 592}; 593jaxon_checkToken = function() { 594 return jaxon.request( 595 { jxnfun: 'checkToken' }, 596 { parameters: arguments } 597 ); 598}; 599jaxon_showLoginForm = function() { 600 return jaxon.request( 601 { jxnfun: 'showLoginForm' }, 602 { parameters: arguments } 603 ); 604}; 605jaxon_registerLoadMoreInput = function() { 606 return jaxon.request( 607 { jxnfun: 'registerLoadMoreInput' }, 608 { parameters: arguments } 609 ); 610}; 611jaxon_updateTOUDate = function() { 612 return jaxon.request( 613 { jxnfun: 'updateTOUDate' }, 614 { parameters: arguments } 615 ); 616}; 617jaxon_toggleEventParticipation = function() { 618 return jaxon.request( 619 { jxnfun: 'toggleEventParticipation' }, 620 { parameters: arguments } 621 ); 622}; 623 624 625 626 627jaxon.dom.ready(function() { 628 629 630 631 632 633 jaxon.command.handler.register("jquery", function(args) { 634 jaxon.cmd.script.execute(args); 635 }); 636 637 jaxon.command.handler.register("bags.set", function(args) { 638 for (const bag in args.data) { 639 jaxon.ajax.parameters.bags[bag] = args.data[bag]; 640 } 641 }); 642}); 643 644/* ]]> */ 645</script>
645 646
647<script> 648 649 650 const sign_in_btn = document.querySelector("#sign-in-btn"); 651 const sign_up_btn = document.querySelector("#sign-up-btn"); 652 const loginContainer = document.querySelector(".loginContainer"); 653 654 sign_up_btn.addEventListener("click", () => { 655 loginContainer.classList.add("sign-in-mode"); 656 }); 657 658 sign_in_btn.addEventListener("click", () => { 659 loginContainer.classList.remove("sign-in-mode"); 660 }); 661 </script>
661 662 663
663<script src="assets/js/jquery.min.js"></script>
663 664
664<script src="assets/js/app.js"></script>
664 665
665<script src="assets/js/login.js"></script>
665 666 667 <!-- Core js --> 668
668<script src="assets/js/global.js"></script>
668 669
669<script src="assets/js/signup.js"></script>
669 670 671
671<script src="assets/js/autocompletes.js"></script>
671 672
672<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCXO6IqmzCx3wcdWeEIGzj-FY2RdNjZnZ0&libraries=places&v=weekly" async></script>
672 673
673<script src="assets/js/place.js"></script>
673 674 675
675<script src="assets/js/localStorage.js"></script>
675
675<script src="assets/js/intl-tel-input/js/intlTelInput.js"></script>
675 676 677
677<script src="assets/js/select2.min.js"></script>
677 678
678<script > 679 document.addEventListener('DOMContentLoaded', function () { 680 function chooseAccountType(thisAccount){ 681 $('.account-type').removeClass('is-active'); 682 $('#accountContainer_'+thisAccount).addClass('is-active'); 683 $("#accountType_"+thisAccount).prop("checked", true); 684 } 685 686 }, false); 687 688 689 690 </script>
690 691 692 693 694 695 </body> 696</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.