PageSourceSearch

https://leap-energy.app/

html leap-energy.app collected 2026-10-09 17:57:24 UTC 19,072 bytes, 696 lines download raw bytes

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.