abdullahmohamed2540
/
SBSPS-Challenge-2238-IBM-Recommendation-Model-To-Utilize-Energy-From-Wind-Farm
Public
forked from SmartPracticeschool/SBSPS-Challenge-2238-IBM-Recommendation-Model-To-Utilize-Energy-From-Wind-Farm
-
Notifications
You must be signed in to change notification settings - Fork 1
/
nodered flow
2 lines (2 loc) · 80.2 KB
/
nodered flow
1
2
pls note the copy paste os this code doesn't work due to need creditials to acess database
[{"id":"2f56ba91.8276f6","type":"tab","label":"Flow 9","disabled":false,"info":""},{"id":"7f85ab89.12ac34","type":"http in","z":"2f56ba91.8276f6","name":"","url":"/home","method":"get","upload":false,"swaggerDoc":"","x":180,"y":120,"wires":[["8a1541fa.e7611"]]},{"id":"8df76a38.2603b8","type":"http response","z":"2f56ba91.8276f6","name":"","statusCode":"","headers":{},"x":590,"y":120,"wires":[]},{"id":"8a1541fa.e7611","type":"template","z":"2f56ba91.8276f6","name":"Home Tab","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n\t<title>IBM WIND ENERGY PREDICTION</title>\n\t\n <meta charset=\"UTF-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge\">\n <meta name=\"description\" content=\"\">\n <meta name=\"keywords\" content=\"\">\n <meta name=\"team\" content=\"\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\">\n \n\n <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css\" integrity=\"sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu\" crossorigin=\"anonymous\">\n <link rel=\"stylesheet\" href=\"owl-carousel/owl.theme.css\">\n <link rel=\"stylesheet\" href=\"owl-carousel/owl.carousel.css\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\n <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400\">\n\n <!-- MAIN CSS -->\n <link rel=\"stylesheet\" href=\"css/tooplate-style.css\">\n\n</head>\n<style>\nbody {\n font-family: 'Open Sans', sans-serif;\n overflow-x: hidden;\n background: #f9f9f9;\n }\n\n\n\n /*---------------------------------------\n TYPOGRAPHY \n -----------------------------------------*/\n\n h1,h2,h3,h4,h5,h6 {\n font-weight: 300;\n line-height: normal;\n }\n\n h1 {\n font-size: 3em;\n }\n\n h2 {\n color: #353535;\n font-size: 2em;\n }\n\n p {\n color: #757575;\n font-size: 14px;\n font-weight: normal;\n line-height: 24px;\n }\n\n\n\n /*---------------------------------------\n GENERAL \n -----------------------------------------*/\n\n html{\n scroll-behavior: smooth;\n }\n\n a {\n color: #202020;\n text-decoration: none !important;\n }\n\n a,\n input, button,\n .form-control {\n -webkit-transition: 0.5s;\n transition: 0.5s;\n }\n\n a:hover, a:active, a:focus {\n color: #29ca8e;\n outline: none;\n }\n\n ::-webkit-scrollbar{\n width: 8px;\n height: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n cursor: pointer;\n background: #202020;\n }\n\n .section-title {\n padding-bottom: 40px;\n }\n\n section {\n position: relative;\n padding: 100px 0;\n }\n\n #contact,\n footer {\n background: #ffffff;\n text-align: center;\n }\n\n .overlay {\n background: #536976; /* fallback for old browsers */\n background: -webkit-linear-gradient(to right, #292E49, #536976); /* Chrome 10-25, Safari 5.1-6 */\n background: linear-gradient(to right, #292E49, #536976); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */\n opacity: 0.6;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .online-form {\n position: relative;\n }\n\n .online-form .form-control {\n border-color: #f0f0f0;\n display: inline-block;\n vertical-align: top;\n border-radius: 50px;\n box-shadow: none;\n height: 50px;\n margin-right: 0.5em;\n padding-left: 15px;\n }\n\n .online-form input[type=\"email\"] {\n width: 60%;\n }\n\n .online-form button {\n background: #29ca8e;\n border: 0;\n color: #ffffff;\n position: absolute;\n right: 6em;\n width: 25%;\n }\n\n .online-form button:hover {\n background: #202020;\n color: #ffffff;\n }\n\n\n\n /*---------------------------------------\n BUTTONS \n -----------------------------------------*/\n\n .section-btn {\n background: #29ca8e;\n border: 0;\n border-radius: 50px;\n color: black;\n font-size: 16px;\n font-weight: normal;\n padding: 12px 30px;\n transition: 0.5s 0.2s;\n }\n\n .section-btn:hover,\n .section-btn:focus {\n background: #202020;\n color: black;\n }\n\n\n\n /*---------------------------------------\n PRE LOADER \n -----------------------------------------*/\n\n .preloader {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n background: none repeat scroll 0 0 #ffffff;\n }\n\n .spinner {\n border: 1px solid transparent;\n border-radius: 3px;\n position: relative;\n }\n\n .spinner:before {\n content: '';\n box-sizing: border-box;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 45px;\n height: 45px;\n margin-top: -10px;\n margin-left: -10px;\n border-radius: 50%;\n border: 1px solid #575757;\n border-top-color: #ffffff;\n animation: spinner .9s linear infinite;\n }\n\n @-webkit-@keyframes spinner {\n to {transform: rotate(360deg);}\n }\n\n @keyframes spinner {\n to {transform: rotate(360deg);}\n }\n\n\n\n /*---------------------------------------\n MENU \n -----------------------------------------*/\n\n .custom-navbar {\n border: none;\n margin-bottom: 0;\n padding: 25px 0;\n }\n\n .custom-navbar .navbar-brand {\n color: black;\n font-size: 25px;\n font-weight: 500;\n letter-spacing: -1px;\n }\n\n .top-nav-collapse {\n background: transperant;\n }\n\n .custom-navbar .navbar-nav {\n margin-left: 6em;\n }\n\n .custom-navbar .nav li a {\n font-size: 16px;\n font-weight: normal;\n color: #f0f0f0;\n padding-right: 22px;\n padding-left: 22px;\n }\n\n .custom-navbar .nav li a:hover {\n background: transparent;\n color: #29ca8e;\n }\n\n .custom-navbar .navbar-nav > li > a:hover,\n .custom-navbar .navbar-nav > li > a:focus {\n background-color: transparent;\n }\n\n .custom-navbar .nav li.active > a {\n background-color: transparent;\n color: #29ca8e;\n }\n\n .custom-navbar .navbar-toggle {\n border: none;\n padding-top: 10px;\n }\n\n .custom-navbar .navbar-toggle {\n background-color: transparent;\n }\n\n .custom-navbar .navbar-toggle .icon-bar {\n background: #29ca8e;\n border-color: transparent;\n }\n\n @media(min-width:768px) {\n .custom-navbar {\n border-bottom: 0;\n background: 0 0; \n }\n\n .custom-navbar.top-nav-collapse {\n background: #ffffff;\n -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n padding: 10px 0;\n }\n\n .top-nav-collapse .navbar-brand {\n color: #252525;\n }\n\n .top-nav-collapse .nav li a {\n color: #575757;\n }\n\n .top-nav-collapse .nav .section-btn a {\n color: #ffffff;\n }\n }\n\n\n\n /*---------------------------------------\n HOME \n -----------------------------------------*/\n\n #home {\n background: url('https://i.pinimg.com/originals/e2/b7/a7/e2b7a744db4796deef58356fb988719a.jpg') no-repeat center center;\n background-size: cover;\n vertical-align: middle;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 100vh;\n position: relative;\n padding-top: 12em;\n text-align: center;\n }\n\n #home h1 { color: #ffffff;\n margin-top: 10px;\n margin-bottom: 40px;\n }\n\n .home-info {\n margin-top: 7em;\n }\n\n .home-info h3 {\n color: #f0f0f0;\n font-size: 11px;\n font-weight: bold;\n letter-spacing: 4px;\n text-transform: uppercase;\n margin: 10px 0;\n }\n \n .home-info h2 {\n color: #f0f0f0;\n font-size: 15px;\n font-weight: bold;\n letter-spacing: 4px;\n margin: 10px 0;\n }\n .home-info h4 {\n color: black;\n font-size: 18px;\n font-weight: bold;\n letter-spacing: 4px;\n margin: 0px 0;\n }\n\n /*---------------------------------------\n CONTACT \n -----------------------------------------*/\n\n #contact-form .col-md-12,\n #contact-form .col-md-4 {\n padding-left: 0;\n }\n\n #contact-form .form-control {\n background: transparent;\n border: 0;\n border-bottom: 3px solid #f0f0f0;\n border-radius: 0;\n box-shadow: none;\n margin: 10px 0;\n }\n\n #contact-form .form-control:focus {\n border-bottom-color: #202020;\n }\n\n #contact-form input {\n height: 50px;\n }\n\n #contact-form input[type='submit'] {\n background: #202020;\n border-radius: 50px;\n border: 0;\n color: white;\n }\n\n #contact-form input[type='submit']:hover {\n background: #29ca8e;\n color:black;\n }\n \n\n\n /*---------------------------------------\n FOOTER \n -----------------------------------------*/\n\n footer {\n padding-bottom: 80px;\n }\n\n .copyright-text p {\n margin: 5px;\n }\n\n\n\n /*---------------------------------------\n SOCIAL ICON \n -----------------------------------------*/\n\n .social-icon {\n position: relative;\n padding: 0;\n margin: 0;\n }\n\n .social-icon li {\n display: inline-block;\n list-style: none;\n }\n\n .social-icon li a {\n border-radius: 50px;\n color: #202020;\n font-size: 15px;\n width: 35px;\n height: 35px;\n line-height: 35px;\n text-decoration: none;\n text-align: center;\n position: relative;\n margin: 5px 5px 5px 0;\n }\n\n .social-icon li a:hover {\n background: #536976;\n color: #ffffff;\n }\n\n\n\n /*---------------------------------------\n RESPONSIVE STYLES \n -----------------------------------------*/\n\n @media only screen and (max-width: 1200px) {\n\n .custom-navbar .navbar-nav {\n margin-left: 3em;\n }\n\n .home-info {\n margin-top: 0;\n }\n }\n\n\n @media only screen and (max-width: 992px) {\n\n section {\n padding: 60px 0;\n }\n\n .custom-navbar .navbar-nav {\n margin-left: 0;\n }\n\n .custom-navbar .nav li a {\n font-size: 14px;\n padding-right: 15px;\n padding-left: 15px;\n }\n\n #feature .nav-tabs>li>a {\n font-size: 16px;\n margin-right: 20px;\n }\n\n .feature-image {\n bottom: -24em;\n }\n\n .pricing-thumb {\n margin-bottom: 30px;\n }\n\n footer {\n padding-bottom: 40px;\n }\n }\n\n\n @media screen and (max-width: 767px) {\n\n .section-title {\n padding-bottom: 20px;\n }\n\n .custom-navbar {\n background: #ffffff;\n -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n padding: 10px 0;\n text-align: center;\n }\n\n .custom-navbar .nav li a {\n line-height: normal;\n padding: 5px;\n }\n\n .custom-navbar .navbar-brand,\n .top-nav-collapse .navbar-brand {\n color: #202020;\n font-weight: normal;\n }\n\n .custom-navbar .nav li a,\n .top-nav-collapse .nav li a {\n color: #656565;\n }\n\n .feature-image {\n position: relative;\n bottom: 0;\n }\n\n #about .col-md-4:nth-child(3n) .team-thumb {\n display: flex;\n -webkit-box-orient: vertical;\n flex-direction: column-reverse;\n -webkit-flex-direction: column-reverse;\n -ms-flex-direction: column-reverse;\n }\n\n .team-thumb-down:after {\n top: -15px;\n bottom: inherit;\n border-top: inherit;\n border-bottom: 15px solid #ffffff;\n }\n\n .testimonial-image,\n .testimonial-info {\n height: 85vh;\n }\n\n .testimonial-info {\n padding: 30px;\n }\n }\n\n\n @media screen and (max-width: 480px) {\n\n .online-form input[type=\"email\"],\n .online-form .form-control {\n width: 85%;\n }\n\n .online-form .form-control {\n display: block;\n margin: 20px auto;\n }\n\n .online-form button {\n position: relative;\n right: 0;\n }\n\n .testimonial-image,\n .testimonial-info {\n height: 65vh;\n }\n }\n</style>\n<body>\n \n\n\n <!-- MENU -->\n <section class=\"navbar custom-navbar navbar-fixed-top\" role=\"navigation\">\n <div class=\"container\">\n\n \n </div>\n\n <!-- MENU LINKS -->\n <div class=\"collapse navbar-collapse\">\n <ul class=\"nav navbar-nav\">\n <li><a href=\"#home\" class=\"smoothScroll\">Home</a></li>\n \n <li><a href=\"#contact\" class=\"smoothScroll\">Contact</a></li>\n \n </div>\n \n </section>\n\n\n <!-- FEATURE -->\n <section id=\"home\" data-stellar-background-ratio=\"0.5\">\n <div class=\"overlay\"></div>\n <div class=\"container\">\n <div class=\"row\">\n\n <div class=\"col-md-offset-3 col-md-6 col-sm-12\">\n <div class=\"home-info\">\n \t\t \t\t<h4> Welcome to IBM Wind Energy Prediction..!</h4> \n <div class=\"home-info\">\n \t\t \t\t<h2> Letz Discover the Future......!!</h2> \n\n <form action='https://node-red-itpxr.eu-gb.mybluemix.net/login' method=\"get\">\n \t\t<button type=\"submit\" class=\"form-control\" >Get started</button>\n \t\t </form>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n </section>\n <!-- CONTACT -->\n <section id=\"contact\" data-stellar-background-ratio=\"0.5\">\n <div class=\"container\">\n <div class=\"row\">\n\n <div class=\"col-md-offset-1 col-md-10 col-sm-12\">\n <form id=\"contact-form\" role=\"form\" action=\"\" method=\"post\">\n <div class=\"section-title\">\n <h1>Say hello to us</h1>\n </div>\n\n <div class=\"col-md-4 col-sm-4\">\n <input type=\"text\" class=\"form-control\" placeholder=\"Full name\" name=\"name\" required>\n </div>\n <div class=\"col-md-4 col-sm-4\">\n <input type=\"email\" class=\"form-control\" placeholder=\"Email address\" name=\"email\" required>\n </div>\n <div class=\"col-md-4 col-sm-4\">\n <input type=\"submit\" class=\"form-control\" name=\"send message\" value=\"Send Message\">\n </div>\n <div class=\"col-md-12 col-sm-12\">\n <textarea class=\"form-control\" rows=\"8\" placeholder=\"Your message\" name=\"message\" required></textarea>\n </div>\n </form>\n </div>\n\n </div>\n </div>\n </section> \n\n\n <!-- FOOTER -->\n <footer id=\"footer\" data-stellar-background-ratio=\"0.5\">\n <div class=\"container\">\n <div class=\"row\">\n\n <div class=\"copyright-text col-md-12 col-sm-12\">\n <div class=\"col-md-6 col-sm-6\">\n <p>Copyright © 2020 horoscoper\"s </p>\n </div>\n\n <div class=\"col-md-6 col-sm-6\">\n <ul class=\"social-icon\">\n <li><a href=\"#\" class=\"fa fa-facebook-square\" attr=\"facebook icon\"></a></li>\n <li><a href=\"#\" class=\"fa fa-twitter\"></a></li>\n <li><a href=\"#\" class=\"fa fa-instagram\"></a></li>\n </ul>\n </div>\n </div>\n\n </div>\n </div>\n </footer>\n\n\n <!-- SCRIPTS -->\n <script src=\"js/jquery.js\"></script>\n <script src=\"js/bootstrap.min.js\"></script>\n <script src=\"js/jquery.stellar.min.js\"></script>\n <script src=\"js/owl.carousel.min.js\"></script>\n <script src=\"js/smoothscroll.js\"></script>\n \n <script>\n function ($) {\n\n \"use strict\";\n\n // PRE LOADER\n $(window).load(function(){\n $('.preloader').fadeOut(1000); // set duration in brackets \n });\n\n\n // MENU\n $('.navbar-collapse a').on('click',function(){\n $(\".navbar-collapse\").collapse('hide');\n });\n\n $(window).scroll(function() {\n if ($(\".navbar\").offset().top > 50) {\n $(\".navbar-fixed-top\").addClass(\"top-nav-collapse\");\n } else {\n $(\".navbar-fixed-top\").removeClass(\"top-nav-collapse\");\n }\n });\n\n\n // PARALLAX EFFECT\n $.stellar({\n horizontalScrolling: false,\n }); \n\n\n // ABOUT SLIDER\n $('.owl-carousel').owlCarousel({\n animateOut: 'fadeOut',\n items: 1,\n loop: true,\n autoplayHoverPause: false,\n autoplay: true,\n smartSpeed: 1000,\n });\n\n\n // SMOOTHSCROLL\n $(function() {\n $('.custom-navbar a').on('click', function(event) {\n var $anchor = $(this);\n $('html, body').stop().animate({\n scrollTop: $($anchor.attr('href')).offset().top - 49\n }, 1000);\n event.preventDefault();\n });\n }); \n\n})(jQuery);\n\n (function ($) \n{\n\n \"use strict\";\n\n // PRE LOADER\n $(window).load(function()\n{\n $('.preloader').fadeOut(1000); // set duration in brackets \n });\n\n\n \n// MENU\n $('.navbar-collapse a').on('click',function(){\n $(\".navbar-collapse\").collapse('hide');\n });\n\n $(window).scroll(function() {\n if ($(\".navbar\").offset().top > 50) {\n $(\".navbar-fixed-top\").addClass(\"top-nav-collapse\");\n } else {\n $(\".navbar-fixed-top\").removeClass(\"top-nav-collapse\");\n }\n });\n\n\n // PARALLAX EFFECT\n $.stellar({\n horizontalScrolling: false,\n }); \n\n\n // ABOUT SLIDER\n $('.owl-carousel').owlCarousel({\n animateOut: 'fadeOut',\n items: 1,\n loop: true,\n autoplayHoverPause: false,\n autoplay: true,\n smartSpeed: 1000,\n });\n\n\n // SMOOTHSCROLL\n $(function() {\n $('.custom-navbar a').on('click', function(event) {\n var $anchor = $(this);\n $('html, body').stop().animate({\n scrollTop: $($anchor.attr('href')).offset().top - 49\n }, 1000);\n event.preventDefault();\n });\n }); \n\n})(jQuery);\n\n </script>\n<script>\n// Get the modal1\nvar modal1 = document.getElementById('id01');\n\n// When the user clicks anywhere outside of the modal1, close1 it\nwindow.onclick = function(event) {\n if (event.target == modal1) {\n modal1.style.display = \"none\";\n }\n}\n</script>\n\n</body>\n</html>","output":"str","x":370,"y":120,"wires":[["8df76a38.2603b8"]]},{"id":"bf1fd48d.f0c2c8","type":"http in","z":"2f56ba91.8276f6","name":"","url":"/login","method":"get","upload":false,"swaggerDoc":"","x":180,"y":220,"wires":[["aa3c0c48.c0652"]]},{"id":"8972f684.44c7a8","type":"http response","z":"2f56ba91.8276f6","name":"","statusCode":"","headers":{},"x":590,"y":220,"wires":[]},{"id":"aa3c0c48.c0652","type":"template","z":"2f56ba91.8276f6","name":"Login Tab","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"\n<!DOCTYPE html>\n<html>\n<head>\n<title>IBM WIND ENERGY PREDICTION</title>\n\t\n <meta charset=\"UTF-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge\">\n <meta name=\"description\" content=\"\">\n <meta name=\"keywords\" content=\"\">\n <meta name=\"team\" content=\"\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.5.0/css/all.css\">\n <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css\"integrity=\"sha384HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu\" crossorigin=\"anonymous\">\n <link rel=\"stylesheet\" href=\"owl-carousel/owl.theme.css\">\n <link rel=\"stylesheet\" href=\"owl-carousel/owl.carousel.css\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\n <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400\">\n <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.5.0/css/all.css\">\n </head>\n\n\n <script src=\"http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js\"></script>\n <style>{{{payload.style}}}</style>\n \n<style>\n* {box-sizing: border-box}\n\n/* Set height of body and the document to 100% */\n\nbody {\n background: url('https://ak3.picdn.net/shutterstock/videos/1468063/thumb/1.jpg') no-repeat center center;\n background-size: cover;\n margin: 0;\n padding: 0;\n font-family: Raleway;\n background-color:#b9c8cb;\n \n font-family: 'Open Sans', sans-serif;\n overflow-x: hidden;\n \n}\n /*---------------------------------------\n GENERAL \n -----------------------------------------*/\n\n html{\n -webkit-font-smoothing: antialiased;\n scroll-behavior: smooth;\n }\n\n a {\n color: #202020;\n text-decoration: none !important;\n }\n\n a,\n input, button,\n .form-control {\n -webkit-transition: 0.5s;\n transition: 0.5s;\n }\n\n a:hover, a:active, a:focus {\n color: #29ca8e;\n outline: none;\n }\n\n ::-webkit-scrollbar{\n width: 8px;\n height: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n cursor: pointer;\n background: #202020;\n }\n\n .section-title {\n padding-bottom: 40px;\n }\n\n section {\n position: relative;\n padding: 100px 0;\n }\n\n #contact,\n footer {\n background-color:#b9c8cb;\n text-align: center;\n \n }\n\n .overlay {\n background: #536976; /* fallback for old browsers */\n background: -webkit-linear-gradient(to right, #292E49, #536976); /* Chrome 10-25, Safari 5.1-6 */\n background: linear-gradient(to right, #292E49, #536976); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .online-form {\n position: relative;\n }\n\n .online-form .form-control {\n border-color: #f0f0f0;\n display: inline-block;\n vertical-align: top;\n border-radius: 50px;\n box-shadow: none;\n height: 50px;\n margin-right: 0.5em;\n padding-left: 15px;\n }\n\n .online-form input[type=\"email\"] {\n width: 60%;\n }\n\n .online-form button {\n background: #29ca8e;\n border: 0;\n color: #ffffff;\n position: absolute;\n right: 6em;\n width: 25%;\n }\n\n .online-form button:hover {\n background: #202020;\n color: #ffffff;\n }\n\n\n\ninput[type=email], input[type=password] {\n width: 100%;\n padding: 12px 20px;\n margin: 8px 0;\n display: transparent;\n border: transparent;\n box-sizing: border-box;\n background-color:transparent;\n}\n /*---------------------------------------\n PRE LOADER \n -----------------------------------------*/\n\n .preloader {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n background: none repeat scroll 0 0 #ffffff;\n }\n\n .spinner {\n border: 1px solid transparent;\n border-radius: 3px;\n position: relative;\n }\n\n .spinner:before {\n content: '';\n box-sizing: border-box;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 45px;\n height: 45px;\n margin-top: -10px;\n margin-left: -10px;\n border-radius: 50%;\n border: 1px solid #575757;\n border-top-color: #ffffff;\n animation: spinner .9s linear infinite;\n }\n\n @-webkit-@keyframes spinner {\n to {transform: rotate(360deg);}\n }\n\n @keyframes spinner {\n to {transform: rotate(360deg);}\n }\n\n\n\n.cancelbtn1 {\n width: auto;\n padding: 10px 18px;\n background-color: blue;\n}\n.imgcontainer1 {\n text-align: center;\n margin: 24px 0 12px 0;\n position: relative;\n}\nimg.avatar {\n width: 40%;\n border-radius: 5%;\n background-color: transparent;\n}\n\n.container1 {\n padding: 44px;\n color: black;\n}\n\nspan.pword {\n float: right;\n padding-top: 16px;\n color:lightblue;\n}\n/* The Modal (background) */\n.modal1 {\n display: none; /* Hidden by default */\n position: fixed; /* Stay in place */\n z-index: 1; /* Sit on top */\n left: 0;\n top: 0;\n width: 100%; /* Full width */\n height: 100%; /* Full height */\n overflow: auto; /* Enable scroll if needed */\n background-color: rgb(0,0,0); /* Fallback color */\n background-color: rgba(0,0,0,0.4); /* Black w/ opacity */\n padding-top: 60px;\n}\n\n/* Modal Content/Box */\n.modal1-content {\n background-color: transparent;\n margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */\n border: transparent;\n width: 30%; /* Could be more or less, depending on screen size */\n}\n\n\n/* The Close Button (x) */\n.close1 {\n position: absolute;\n right: 25px;\n top: 0;\n color: black;\n font-size: 35px;\n font-weight: bold;\n}\n\n.close1:hover,\n.close1:focus {\n color: red;\n cursor: pointer;\n}\n\n/* Add Zoom Animation */\n.animate {\n -webkit-animation: animatezoom 0.6s;\n animation: animatezoom 0.6s\n}\n\n@-webkit-keyframes animatezoom {\n from {-webkit-transform: scale(0)} \n to {-webkit-transform: scale(1)}\n}\n \n@keyframes animatezoom {\n from {transform: scale(0)} \n to {transform: scale(1)}\n}\n\n/* Change styles for span and cancel button on extra small screens */\n@media screen and (max-width: 300px) {\n span.pword {\n display: block;\n float: none;\n color: black;\n }\n .cancelbtn {\n width: 100%;\n }\n}\n#regForm {\n background-color: #ffff ;\n margin: 100px auto;\n font-family: Raleway;\n padding: 40px;\n width: 30%;\n min-width: 300px;\n color: black;\n}\n\nh1 {\n text-align: center; \n}\n\ninput {\n padding: 10px;\n width: 100%;\n font-size: 17px;\n font-family: Raleway;\n border: 1.5px solid #00008B;\n}\n\ninput.valid {\n background-color: red;\n border-color: red;\n }\n\n\ninput.invalid {\n background-color: #ffdddd;\n border-color: lightcoral;\n\n}\n\n/* Hide all steps by default: */\n.tab {\n display: none;\n}\n\n\nbutton {\n background-color:blue;\n color: white;\n border: none;\n padding: 10px 20px;\n font-size: 17px;\n font-family: Raleway;\n cursor: pointer;\n\n}\n\nbutton:hover {\n opacity: 0.8;\n}\n\n#prevBtn {\n background-color: #bbbbbb;\n}\n\n/* Make circles that indicate the steps of the form: */\n.step {\n height: 15px;\n width: 15px;\n margin: 0 2px;\n background-color: #bbbbbb;\n border: none; \n border-radius: 50%;\n display: inline-block;\n opacity: 0.5;\n}\n\n.step.active {\n opacity: 1;\n}\n\n/* Mark the steps that are finished and valid: */\n.step.finish {\n background-color: blue;\n}\n\nbody, html {\n height: 100%;\n margin: 0;\n font-family: Arial;\n}\n\n/* Style tab links */\n.tablink {\n background-color: #555;\n color: white;\n float: left;\n border: none;\n outline: none;\n cursor: pointer;\n padding: 14px 16px;\n font-size: 17px;\n width: 25%;\n}\n\n.tablink:hover {\n background-color: #777;\n}\n\n/* Style the tab content (and add height:100% for full page content) */\n.tabcontent {\n color: white;\n display: none;\n padding:20px;\n height: 100%;\n}\n/* Clear floats */\n.clearfix::after {\n content: \"\";\n clear: both;\n display: table;\n}\n\n/* Change styles for cancel button and signup button on extra small screens */\n@media screen and (max-width: 300px) {\n .cancelbtn, .signupbtn1 {\n width: 50%;\n }\n}\n.logbutton{\n background-color: #4CAF50;\n color: black;\n padding: 14px 20px;\n margin: 8px 0;\n border: none;\n cursor: pointer;\n width: 100%;\n}\n.logbutton:hover {\n opacity: 0.8;}\n/* Extra styles for the cancel button */\n.cancelbtn {\n \n background-color: blue;\n color: white;\n}\n.signupbtn1 {\n \n background-color: paleblue;\n}\n\n/* Float cancel and signup buttons and add an equal width */\n .cancelbtn,.signupbtn1 {\n float: left;\n width: 50%;\n}\n\n\n\n/*---------------------------------------\n FOOTER \n -----------------------------------------*/\n\n footer {\n padding-bottom: 80px;\n }\n\n .copyright-text p {\n margin: 5px;\n }\n\n\n\n /*---------------------------------------\n SOCIAL ICON \n -----------------------------------------*/\n\n .social-icon {\n position: relative;\n padding: 0;\n margin: 0;\n }\n\n .social-icon li {\n display: inline-block;\n list-style: none;\n }\n\n .social-icon li a {\n border-radius: 50px;\n color: #202020;\n font-size: 15px;\n width: 35px;\n height: 35px;\n line-height: 35px;\n text-decoration: none;\n text-align: center;\n position: relative;\n margin: 5px 5px 5px 0;\n }\n\n .social-icon li a:hover {\n background: #536976;\n color: #ffffff;\n }\n\n/*---------------------------------------\n MENU \n -----------------------------------------*/\n\n .custom-navbar {\n border: none;\n margin-bottom: 0;\n padding: 25px 0;\n }\n\n .custom-navbar .navbar-brand {\n color: #ffffff;\n font-size: 25px;\n font-weight: 500;\n letter-spacing: -1px;\n }\n\n .top-nav-collapse {\n background: #ffffff;\n }\n\n .custom-navbar .navbar-nav {\n margin-left: 6em;\n }\n\n .custom-navbar .nav li a {\n font-size: 16px;\n font-weight: bold;\n color: black;\n padding-right: 22px;\n padding-left: 22px;\n }\n\n .custom-navbar .nav li a:hover {\n background: transparent;\n color: #29ca8e;\n }\n\n .custom-navbar .navbar-nav > li > a:hover,\n .custom-navbar .navbar-nav > li > a:focus {\n background-color: transparent;\n }\n\n .custom-navbar .nav li.active > a {\n background-color: transparent;\n color: #29ca8e;\n }\n\n .custom-navbar .navbar-toggle {\n border: none;\n padding-top: 10px;\n }\n\n .custom-navbar .navbar-toggle {\n background-color: transparent;\n }\n\n .custom-navbar .navbar-toggle .icon-bar {\n background: #29ca8e;\n border-color: transparent;\n }\n\n @media(min-width:768px) {\n .custom-navbar {\n border-bottom: 0;\n background: 0 0; \n }\n\n .custom-navbar.top-nav-collapse {\n background: grey;\n -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n padding: 10px 0;\n }\n\n .top-nav-collapse .navbar-brand {\n color: #252525;\n }\n\n .top-nav-collapse .nav li a {\n color: #575757;\n }\n\n .top-nav-collapse .nav .section-btn a {\n color: #ffffff;\n }\n }\n\n\n\n /*---------------------------------------\n RESPONSIVE STYLES \n -----------------------------------------*/\n\n @media only screen and (max-width: 1200px) {\n\n .custom-navbar .navbar-nav {\n margin-left: 3em;\n }\n\n .home-info {\n margin-top: 0;\n }\n }\n\n\n @media only screen and (max-width: 992px) {\n\n section {\n padding: 0;\n }\n\n .custom-navbar .navbar-nav {\n margin-left: 0;\n }\n\n .custom-navbar .nav li a {\n font-size: 14px;\n padding-right: 15px;\n padding-left: 15px;\n }\n\n #feature .nav-tabs>li>a {\n font-size: 16px;\n margin-right: 20px;\n }\n\n .feature-image {\n bottom: -24em;\n }\n\n .pricing-thumb {\n margin-bottom: 30px;\n }\n\n footer {\n padding-bottom: 40px;\n }\n }\n\n\n @media screen and (max-width: 767px) {\n\n .section-title {\n padding-bottom: 20px;\n }\n\n .custom-navbar {\n background: #ffffff;\n -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n padding: 10px 0;\n text-align: center;\n }\n\n .custom-navbar .nav li a {\n line-height: normal;\n padding: 5px;\n }\n\n .custom-navbar .navbar-brand,\n .top-nav-collapse .navbar-brand {\n color: #202020;\n font-weight: normal;\n }\n\n .custom-navbar .nav li a,\n .top-nav-collapse .nav li a {\n color: #656565;\n }\n\n .feature-image {\n position: relative;\n bottom: 0;\n }\n\n #about .col-md-4:nth-child(3n) .team-thumb {\n display: flex;\n -webkit-box-orient: vertical;\n flex-direction: column-reverse;\n -webkit-flex-direction: column-reverse;\n -ms-flex-direction: column-reverse;\n }\n\n .team-thumb-down:after {\n top: -15px;\n bottom: inherit;\n border-top: inherit;\n border-bottom: 15px solid #ffffff;\n }\n\n .testimonial-image,\n .testimonial-info {\n height: 85vh;\n }\n\n .testimonial-info {\n padding: 30px;\n }\n }\n\n\n @media screen and (max-width: 480px) {\n\n .online-form input[type=\"email\"],\n .online-form .form-control {\n width: 85%;\n }\n\n .online-form .form-control {\n display: block;\n margin: 20px auto;\n }\n\n .online-form button {\n position: relative;\n right: 0;\n }\n\n .testimonial-image,\n .testimonial-info {\n height: 65vh;\n }\n }\n</style>\n\n<body>\n \n <section class=\"navbar custom-navbar navbar-fixed-top\" role=\"navigation\">\n <div class=\"container\">\n\n \n </div>\n \n\n <!-- MENU LINKS -->\n <div class=\"collapse navbar-collapse\">\n <ul class=\"nav navbar-nav\">\n <li><a href=\"#home\" class=\"smoothScroll\">SIGN IN</a></li>\n \n <li><a href=\"#contact\" class=\"smoothScroll\">SIGN UP</a></li>\n </ul> \n </div>\n </section>\n<section id=\"home\" data-stellar-background-ratio=\"0.5\">\n <form class=\"modal1-content animate\" id=\"numform\" action=\"https://node-red-itpxr.eu-gb.mybluemix.net/predict\" ajax=\"false\" method=\"get\">\n <div class=\"imgcontainer1\">\n <span class=\"close1\" title=\"Close Modal\"><a href=\"https://node-red-itpxr.eu-gb.mybluemix.net/home\" class=\"smoothScroll\">×</a></span>\n <img src=\"https://www.watsonmartin.com/wp-content/uploads/2016/03/default-profile-picture.jpg\" alt=\"Avatar\" class=\"avatar\">\n </div>\n\n <div class=\"container1\">\n <i class=\"fas fa-user\"></i>\n <label for=\"uname\"><b>Username</b></label>\n <input type=\"email\" placeholder=\"Enter Email...\" name=\"email\" required>\n <i class=\"fas fa-lock\"></i>\n <label for=\"pword\"><b>Password</b></label>\n <input type=\"password\" placeholder=\"Enter Password...\" name=\"pword\" required>\n \n <button type=\"submit\" class=\"cancelbtn\">Sign In</button>\n <span class=\"pword\"><a href=\"#\">Forgot password?</a></span>\n </div>\n\n \n \n </form>\n </section>\n <!-- CONTACT -->\n <section id=\"contact\" >\n <div class=\"container\">\n <div class=\"row\">\n\n \n <form name='form' onsubmit=\"return validatePasswords(this);\" id=\"regForm\" method=\"post\" action=\"https://node-red-itpxr.eu-gb.mybluemix.net/mysitepost1\" ajax=\"false\">\n <output form=\"regForm\" color=red >\"NOTE:NO SIGNUP NEEDED FOR 10 DAYS U CAN USE DIRECTLY BY CLICLKING SIGN IN\"</output> \n <h1>Register:</h1>\n <div class=\"tab\">Name:\n <p><input type=\"text\" placeholder=\"First name...\" name=\"fname\" id=\"id1\"></p>\n <p><input type=\"text\"placeholder=\"Last name...\" oninput=\"myFunction1()\"name=\"lname\" id=\"id2\"></p>\n </div>\n <div class=\"tab\">Personal Info:\n \n <p><input type=\"tel\" name=\"phone\" placeholder=\"10 digit\"pattern=\"[0-9]{10}\" oninput=\"myFunction2()\" id=\"id3\"></p>\n <p><input type=\"date\" placeholder=\"dd/mm/yyyy\" oninput=\"myFunction3()\"\n name=\"dob\"id=\"id4\"></p>\n \n </div>\n <div class=\"tab\">Login Info:\n <p><input type=\"email\"pattern=\"[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,}$\" placeholder=\"E-mail...\" oninput=\"return myFunction4();\" \n name=\"email\" id=\"id5\"></p>\n <p><input placeholder=\"Password...\" oninput=\"myFunction5()\"\n name=\"pword\" type=\"password\" id=\"id6\"></p>\n <p><input name=\"cpword\" placeholder=\"Confirm Password...\" type=\"password\" id=\"id6\"></p>\n </div>\n <div style=\"overflow:auto;\">\n <div style=\"float:right;\">\n <button type=\"button\" id=\"prevBtn\" onclick=\"nextPrev(-1)\" name='button'>Previous</button>\n <button type=\"button\" id=\"nextBtn\" onclick=\"nextPrev(1)\"name='button'>Next</button>\n </div>\n </div>\n <div style=\"text-align:center;margin-top:40px;\">\n <span class=\"step\"></span>\n <span class=\"step\"></span>\n <span class=\"step\"></span>\n <span class=\"step\"></span>\n </div>\n </form>\n \n </div>\n </div>\n \n \n \n \n </section> \n\n\n <!-- FOOTER -->\n <footer id=\"footer\" data-stellar-background-ratio=\"0.5\">\n <div class=\"container\">\n <div class=\"row\">\n\n <div class=\"copyright-text col-md-12 col-sm-12\">\n <div class=\"col-md-6 col-sm-6\">\n <p>Copyright © 2020 horoscoper\"s </p>\n </div>\n </div>\n\n </div>\n </div>\n </footer>\n\n\n\n <!-- SCRIPTS -->\n <script src=\"js/jquery.js\"></script>\n <script src=\"js/bootstrap.min.js\"></script>\n <script src=\"js/jquery.stellar.min.js\"></script>\n <script src=\"js/owl.carousel.min.js\"></script>\n <script src=\"js/smoothscroll.js\"></script>\n \n \n \n <script>\nfunction openPage(pageName,elmnt,color) {\n var i, tabcontent, tablinks;\n tabcontent = document.getElementsByClassName(\"tabcontent\");\n for (i = 0; i < tabcontent.length; i++) {\n tabcontent[i].style.display = \"none\";\n }\n tablinks = document.getElementsByClassName(\"tablink\");\n for (i = 0; i < tablinks.length; i++) {\n tablinks[i].style.backgroundColor = \"\";\n }\n document.getElementById(pageName).style.display = \"block\";\n elmnt.style.backgroundColor = color;\n}\n\n// Get the element with id=\"defaultOpen\" and click on it\ndocument.getElementById(\"defaultOpen\").click();\n </script>\n <script>\n// Get the modal\nvar modal = document.getElementById('id01');\n\n// When the user clicks anywhere outside of the modal, close it\nwindow.onclick = function(event) {\n if (event.target == modal) {\n modal.style.display = \"none\";\n }\n}\n</script>\n \n <script>\nvar currentTab = 0; // Current tab is set to be the first tab (0)\nshowTab(currentTab); // Display the current tab\n\nfunction showTab(n) {\n // This function will display the specified tab of the form...\n var x = document.getElementsByClassName(\"tab\");\n x[n].style.display = \"block\";\n //... and fix the Previous/Next buttons:\n if (n == 0) {\n document.getElementById(\"prevBtn\").style.display = \"none\";\n } else {\n document.getElementById(\"prevBtn\").style.display = \"inline\";\n }\n if (n == (x.length - 1)) {\n document.getElementById(\"nextBtn\").innerHTML = \"Submit\";\n } else {\n document.getElementById(\"nextBtn\").innerHTML = \"Next\";\n }\n //... and run a function that will display the correct step indicator:\n fixStepIndicator(n)\n}\n\nfunction nextPrev(n) {\n // This function will figure out which tab to display\n var x = document.getElementsByClassName(\"tab\");\n // Exit the function if any field in the current tab is invalid:\n if (n == 1 && !validateForm()) return false;\n // Hide the current tab:\n x[currentTab].style.display = \"none\";\n // Increase or decrease the current tab by 1:\n currentTab = currentTab + n;\n // if you have reached the end of the form...\n if (currentTab >= x.length) {\n // ... the form gets submitted:\n document.getElementById(\"regForm\").submit();\n return false;\n }\n // Otherwise, display the correct tab:\n showTab(currentTab);\n}\n\nfunction validateForm() {\n // This function deals with validation of the form fields\n var x, y, i, valid = true;\n x = document.getElementsByClassName(\"tab\");\n y = x[currentTab].getElementsByTagName(\"input\");\n // A loop that checks every input field in the current tab:\n for (i = 0; i < y.length; i++) {\n // If a field is empty...\n if (y[i].value == \"\") {\n // add an \"invalid\" class to the field:\n y[i].className += \" invalid\";\n // and set the current valid status to false\n valid = false;\n }\n }\n // If the valid status is true, mark the step as finished and valid:\n if (valid) {\n document.getElementsByClassName(\"step\")[currentTab].className += \" finish\";\n }\n return valid; // return the valid status\n}\n\nfunction fixStepIndicator(n) {\n // This function removes the \"active\" class of all steps...\n var i, x = document.getElementsByClassName(\"step\");\n for (i = 0; i < x.length; i++) {\n x[i].className = x[i].className.replace(\" active\", \"\");\n }\n //... and adds the \"active\" class on the current step:\n x[n].className += \" active\";\n}\nfunction myFunction1() {\n var inpObj = document.getElementById(\"id1\");\n if (!inpObj.checkValidity()) {\n alert(\"I am an alert box!\");\n \n } else {\n document.getElementById(\"demo\").innerHTML = inpObj.validationMessage;\n } \n}\n\nfunction myFunction2() {\n var inpObj2 = document.getElementById(\"id2\");\n if (!inpObj2.checkValidity()) {\n alert(\"I am an alert box!\");\n \n } else {\n document.getElementById(\"demo\").innerHTML = inpObj.validationMessage;\n } \n}\n\nfunction myFunction3() {\n var inpObj3 = document.getElementById(\"id3\");\n if (!inpObj3.checkValidity()) {\n alert(\"Please Enter Your Valid Phone Number!\");\n \n } else {\n document.getElementById(\"demo\").innerHTML = inpObj.validationMessage;\n } \n}\n\nfunction myFunction4() {\n var inpObj4 = document.getElementById(\"id4\");\n if (!inpObj4.checkValidity()) {\n alert(\"I am an alert box!\");\n \n } else {\n document.getElementById(\"demo\").innerHTML = inpObj.validationMessage;\n }\n}\n\nfunction myFunction5() {\n var inpObj5 = document.getElementById(\"id5\");\n if (!inpObj5.checkValidity()) {\n alert(\"Please Enter Your valid Email Address!\");\n return false;\n } else {\n document.getElementById(\"demo\").innerHTML = inpObj.validationMessage;\n } \n}\n\nfunction myFunction6() {\n var inpObj6 = document.getElementById(\"id6\");\n if (!inpObj6.checkValidity()) {\n alert(\"I am an alert box!\");\n \n } else {\n document.getElementById(\"demo\").innerHTML = inpObj.validationMessage;\n } \n}\nfunction validatePasswords(form) {\n if (form.pword.value !== form.cpword.value) {\n alert(\"Passwords do not match\");\n return false;\n }\n return true;\n }\n\n\n\n </script> \n \n \n \n <script>\n function ($) {\n\n \"use strict\";\n\n // PRE LOADER\n $(window).load(function(){\n $('.preloader').fadeOut(1000); // set duration in brackets \n });\n\n\n // MENU\n $('.navbar-collapse a').on('click',function(){\n $(\".navbar-collapse\").collapse('hide');\n });\n\n $(window).scroll(function() {\n if ($(\".navbar\").offset().top > 50) {\n $(\".navbar-fixed-top\").addClass(\"top-nav-collapse\");\n } else {\n $(\".navbar-fixed-top\").removeClass(\"top-nav-collapse\");\n }\n });\n\n\n // PARALLAX EFFECT\n $.stellar({\n horizontalScrolling: false,\n }); \n\n\n // ABOUT SLIDER\n $('.owl-carousel').owlCarousel({\n animateOut: 'fadeOut',\n items: 1,\n loop: true,\n autoplayHoverPause: false,\n autoplay: true,\n smartSpeed: 1000,\n });\n\n\n // SMOOTHSCROLL\n $(function() {\n $('.custom-navbar a').on('click', function(event) {\n var $anchor = $(this);\n $('html, body').stop().animate({\n scrollTop: $($anchor.attr('href')).offset().top - 49\n }, 1000);\n event.preventDefault();\n });\n }); \n\n})(jQuery);\n\n (function ($) \n{\n\n \"use strict\";\n\n // PRE LOADER\n $(window).load(function()\n{\n $('.preloader').fadeOut(1000); // set duration in brackets \n });\n\n\n \n// MENU\n $('.navbar-collapse a').on('click',function(){\n $(\".navbar-collapse\").collapse('hide');\n });\n\n $(window).scroll(function() {\n if ($(\".navbar\").offset().top > 50) {\n $(\".navbar-fixed-top\").addClass(\"top-nav-collapse\");\n } else {\n $(\".navbar-fixed-top\").removeClass(\"top-nav-collapse\");\n }\n });\n\n\n // PARALLAX EFFECT\n $.stellar({\n horizontalScrolling: false,\n }); \n\n\n // ABOUT SLIDER\n $('.owl-carousel').owlCarousel({\n animateOut: 'fadeOut',\n items: 1,\n loop: true,\n autoplayHoverPause: false,\n autoplay: true,\n smartSpeed: 1000,\n });\n\n\n // SMOOTHSCROLL\n $(function() {\n $('.custom-navbar a').on('click', function(event) {\n var $anchor = $(this);\n $('html, body').stop().animate({\n scrollTop: $($anchor.attr('href')).offset().top - 49\n }, 1000);\n event.preventDefault();\n });\n }); \n\n})(jQuery);\n\n </script>\n<script>\n// Get the modal1\nvar modal1 = document.getElementById('id01');\n\n// When the user clicks anywhere outside of the modal1, close1 it\nwindow.onclick = function(event) {\n if (event.target == modal1) {\n modal1.style.display = \"none\";\n }\n}\n</script>\n\n</body>\n</html>\n\n ","output":"str","x":360,"y":220,"wires":[["8972f684.44c7a8"]]},{"id":"a5b0bb8d.b8ee08","type":"cloudant out","z":"2f56ba91.8276f6","name":"","cloudant":"","database":"registrationdetails","service":"node-red-itpxr-cloudant-1591848687015-63968","payonly":true,"operation":"insert","x":1190,"y":80,"wires":[]},{"id":"e6ac482.9b05db8","type":"function","z":"2f56ba91.8276f6","name":"","func":"if (msg.payload.pword==msg.payload.cpword) {\nmsg.payload = {\n _id:msg.payload.email,\n FName:msg.payload.fname,\n LName:msg.payload.lname,\n email:msg.payload.email,\n phn:msg.payload.phone,\n dob:msg.payload.dob,\n pwd:msg.payload.pword,\n \n}\nreturn [msg, null];\n} else {\nmsg.payload = \"testit\";\nreturn [null, msg];\n}\n\nreturn msg;","outputs":2,"noerr":0,"x":970,"y":120,"wires":[["a5b0bb8d.b8ee08"],["5a480a26.6be664"]]},{"id":"46c1fdda.f0ec74","type":"http in","z":"2f56ba91.8276f6","name":"","url":"/mysitepost2","method":"post","upload":true,"swaggerDoc":"","x":790,"y":120,"wires":[["e6ac482.9b05db8"]]},{"id":"5a480a26.6be664","type":"http request","z":"2f56ba91.8276f6","name":"","method":"GET","ret":"txt","paytoqs":false,"url":"https://node-red-itpxr.eu-gb.mybluemix.net/wf1?","tls":"","persist":false,"proxy":"","authType":"","x":1150,"y":140,"wires":[["dae4538d.006ff"]]},{"id":"dae4538d.006ff","type":"http response","z":"2f56ba91.8276f6","name":"","statusCode":"","headers":{},"x":1370,"y":140,"wires":[]},{"id":"e4359cc9.4ed46","type":"http in","z":"2f56ba91.8276f6","name":"retrive","url":"/retrive","method":"get","upload":false,"swaggerDoc":"","x":690,"y":260,"wires":[["1dc87a74.d17be6"]]},{"id":"e90dc9af.cf25a8","type":"http response","z":"2f56ba91.8276f6","name":"","statusCode":"","headers":{},"x":1270,"y":240,"wires":[]},{"id":"d43b5a16.7bb938","type":"cloudant in","z":"2f56ba91.8276f6","name":"","cloudant":"","database":"registrationdetails","service":"node-red-itpxr-cloudant-1591848687015-63968","search":"_id_","design":"","index":"","x":1030,"y":240,"wires":[["e90dc9af.cf25a8"]]},{"id":"e0e4681d.28c878","type":"function","z":"2f56ba91.8276f6","name":"PreToken","func":"global.set(\"ye\",msg.payload.ye)\nvar apikey=\"CXLCtQJbDrv_EhkeRWF0aDi8-KYTD8F-Qtbvw1UBviRK\";\nmsg.headers={\"content-type\":\"application/x-www-form-urlencoded\"}\nmsg.payload={\"grant_type\":\"urn:ibm:params:oauth:grant-type:apikey\",\"apikey\":apikey}\nreturn msg;","outputs":1,"noerr":0,"x":900,"y":600,"wires":[["2035af07.7d086"]]},{"id":"2035af07.7d086","type":"http request","z":"2f56ba91.8276f6","name":"","method":"POST","ret":"obj","paytoqs":false,"url":"https://iam.cloud.ibm.com/identity/token","tls":"","persist":false,"proxy":"","authType":"","x":1070,"y":600,"wires":[["f8035b74.c357b8"]]},{"id":"d40bef5e.05e42","type":"function","z":"2f56ba91.8276f6","name":"Pre Prediction","func":"var ye = global.get('ye')\nvar token=msg.payload.access_token\nvar instance_id=\"444b895f-f348-4cee-a911-3aaa83c3554f\"\nmsg.headers={'Content-Type': 'application/json',\"Authorization\":\"Bearer \"+token,\"ML-Instance-ID\":instance_id}\nmsg.payload={\"fields\": [\"years of experince\"], \"values\": [[ye]]}\n\nreturn msg;","outputs":1,"noerr":0,"x":920,"y":500,"wires":[["c8c3468c.6c1428"]]},{"id":"c8c3468c.6c1428","type":"http request","z":"2f56ba91.8276f6","name":"","method":"POST","ret":"obj","paytoqs":false,"url":"https://eu-gb.ml.cloud.ibm.com/v3/wml_instances/444b895f-f348-4cee-a911-3aaa83c3554f/deployments/b4c959f5-a0f2-475b-ac62-95f67fcce1b1/online","tls":"","persist":false,"proxy":"","authType":"","x":1110,"y":500,"wires":[["249694e3.98f4bc"]]},{"id":"249694e3.98f4bc","type":"function","z":"2f56ba91.8276f6","name":"","func":"msg.payload=msg.payload.values[0][0][0]\nreturn msg;","outputs":1,"noerr":0,"x":1350,"y":500,"wires":[["9c26169b.885948"]]},{"id":"bd6984fc.f5d5e8","type":"function","z":"2f56ba91.8276f6","name":"","func":"var myTex = global.get(\"myTex\");\nmsg.payload = { id :myTex};\nreturn msg;","outputs":1,"noerr":0,"x":385,"y":524,"wires":[["e5b23937.b53ac8","5aecb0c0.6a426"]]},{"id":"5b431558.afe82c","type":"function","z":"2f56ba91.8276f6","name":"","func":"\nglobal.set('myTex',msg.payload.myTex);\nreturn msg;","outputs":1,"noerr":0,"x":225,"y":524,"wires":[["bd6984fc.f5d5e8"]]},{"id":"e5b23937.b53ac8","type":"cloudant in","z":"2f56ba91.8276f6","name":"","cloudant":"6ef16aee.a22c54","database":"windcln","service":"_ext_","search":"_id_","design":"_design/speed","index":"date","x":545,"y":524,"wires":[["fc74e79c.803a78"]]},{"id":"5aecb0c0.6a426","type":"cloudant in","z":"2f56ba91.8276f6","name":"","cloudant":"6ef16aee.a22c54","database":"dircln","service":"_ext_","search":"_id_","design":"_design/speed","index":"date","x":535,"y":604,"wires":[["90791054.c349c"]]},{"id":"90791054.c349c","type":"split","z":"2f56ba91.8276f6","name":"","splt":"\\n","spltType":"str","arraySplt":1,"arraySpltType":"len","stream":false,"addname":"","x":665,"y":644,"wires":[["14b49eac.e78811"]]},{"id":"d133b037.7bb7b","type":"delay","z":"2f56ba91.8276f6","name":"","pauseType":"rate","timeout":"2","timeoutUnits":"seconds","rate":"3","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"x":845,"y":544,"wires":[[]]},{"id":"14b49eac.e78811","type":"delay","z":"2f56ba91.8276f6","name":"","pauseType":"rate","timeout":"5","timeoutUnits":"seconds","rate":"3","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"x":845,"y":644,"wires":[[]]},{"id":"b0ba62ea.c9a3","type":"split","z":"2f56ba91.8276f6","name":"","splt":"\\n","spltType":"str","arraySplt":1,"arraySpltType":"len","stream":false,"addname":"","x":685,"y":544,"wires":[["d133b037.7bb7b"]]},{"id":"9c3f348d.0456f8","type":"ui_chart","z":"2f56ba91.8276f6","name":"","group":"194d276e.774c99","order":6,"width":0,"height":0,"label":"Wind Direction","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"","ymax":"","removeOlder":"4","removeOlderPoints":"","removeOlderUnit":"1","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#da2b2b","#ff9896","#9467bd","#c5b0d5"],"useOldStyle":false,"outputs":1,"x":1035,"y":644,"wires":[[]]},{"id":"513e289e.5f5bd8","type":"function","z":"2f56ba91.8276f6","name":"","func":"var myTex = global.get(\"myTex\");\nmsg.payload = { id :myTex};\nreturn msg;","outputs":1,"noerr":0,"x":385,"y":524,"wires":[["515de7fb.e8e448","5016e530.2f8bbc"]]},{"id":"fdfeb826.0985a8","type":"function","z":"2f56ba91.8276f6","name":"","func":"\nglobal.set('myTex',msg.payload.myTex);\nreturn msg;","outputs":1,"noerr":0,"x":225,"y":524,"wires":[["513e289e.5f5bd8"]]},{"id":"515de7fb.e8e448","type":"cloudant in","z":"2f56ba91.8276f6","name":"","cloudant":"6ef16aee.a22c54","database":"windcln","service":"_ext_","search":"_id_","design":"_design/speed","index":"date","x":540,"y":560,"wires":[["484156d3.197ef8"]]},{"id":"96f4b075.187f2","type":"ui_chart","z":"2f56ba91.8276f6","name":"","group":"194d276e.774c99","order":3,"width":0,"height":0,"label":"Wind Speed","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"","ymax":"","removeOlder":"4","removeOlderPoints":"","removeOlderUnit":"1","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#da2b2b","#ff9896","#9467bd","#c5b0d5"],"useOldStyle":false,"outputs":1,"x":1025,"y":544,"wires":[[]]},{"id":"5016e530.2f8bbc","type":"cloudant in","z":"2f56ba91.8276f6","name":"","cloudant":"6ef16aee.a22c54","database":"dircln","service":"_ext_","search":"_id_","design":"_design/speed","index":"date","x":535,"y":604,"wires":[["c7a4d96.247d028"]]},{"id":"c7a4d96.247d028","type":"split","z":"2f56ba91.8276f6","name":"","splt":"\\n","spltType":"str","arraySplt":1,"arraySpltType":"len","stream":false,"addname":"","x":665,"y":644,"wires":[["7c8ee05a.9af75","3c8fa72d.30b488"]]},{"id":"5dff4603.c981c8","type":"delay","z":"2f56ba91.8276f6","name":"","pauseType":"rate","timeout":"2","timeoutUnits":"seconds","rate":"2","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"x":845,"y":544,"wires":[["96f4b075.187f2","73e0d1bf.cd3af"]]},{"id":"7c8ee05a.9af75","type":"delay","z":"2f56ba91.8276f6","name":"","pauseType":"rate","timeout":"5","timeoutUnits":"seconds","rate":"2","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"x":845,"y":644,"wires":[["9c3f348d.0456f8"]]},{"id":"484156d3.197ef8","type":"split","z":"2f56ba91.8276f6","name":"","splt":"\\n","spltType":"str","arraySplt":1,"arraySpltType":"len","stream":false,"addname":"","x":685,"y":544,"wires":[["5dff4603.c981c8","11a42d3.645a9d3"]]},{"id":"11a42d3.645a9d3","type":"function","z":"2f56ba91.8276f6","name":"","func":"var local=context.get('myTex') || {};\nif (local.count===undefined)//test exists\n{\n local.count=0;\n}\nlocal.count +=1;\nmsg.payload=msg.payload;\n\nreturn msg;","outputs":1,"noerr":0,"x":730,"y":600,"wires":[["e0e4681d.28c878"]]},{"id":"ad1ad59e.281d08","type":"http in","z":"2f56ba91.8276f6","name":"","url":"/predict","method":"get","upload":false,"swaggerDoc":"","x":490,"y":320,"wires":[["88e7c0de.165c4"]]},{"id":"4b32c440.cdfc9c","type":"http response","z":"2f56ba91.8276f6","name":"","statusCode":"","headers":{},"x":890,"y":320,"wires":[]},{"id":"88e7c0de.165c4","type":"template","z":"2f56ba91.8276f6","name":"predict Tab","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"\n<!DOCTYPE html>\n<html>\n<head>\n<title>IBM WIND ENERGY PREDICTION</title>\n\t\n <meta charset=\"UTF-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge\">\n <meta name=\"description\" content=\"\">\n <meta name=\"keywords\" content=\"\">\n <meta name=\"team\" content=\"\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.5.0/css/all.css\">\n <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css\"integrity=\"sha384HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu\" crossorigin=\"anonymous\">\n <link rel=\"stylesheet\" href=\"owl-carousel/owl.theme.css\">\n <link rel=\"stylesheet\" href=\"owl-carousel/owl.carousel.css\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\n <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400\">\n <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.5.0/css/all.css\">\n </head>\n\n\n <script src=\"http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js\"></script>\n <style>{{{payload.style}}}</style>\n \n<style>\n* {box-sizing: border-box}\n\n/* Set height of body and the document to 100% */\n\nbody {\n background: url('https://ak3.picdn.net/shutterstock/videos/1468063/thumb/1.jpg') no-repeat center center;\n background-size: cover;\n margin: 0;\n padding: 0;\n font-family: Raleway;\n background-color:white;\n \n font-family: 'Open Sans', sans-serif;\n overflow-x: hidden;\n \n}\n /*---------------------------------------\n GENERAL \n -----------------------------------------*/\n\n html{\n -webkit-font-smoothing: antialiased;\n scroll-behavior: smooth;\n }\n\n a {\n color: #202020;\n text-decoration: none !important;\n }\n\n a,\n input, button,\n .form-control {\n -webkit-transition: 0.5s;\n transition: 0.5s;\n }\n\n a:hover, a:active, a:focus {\n color: #29ca8e;\n outline: none;\n }\n\n ::-webkit-scrollbar{\n width: 8px;\n height: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n cursor: pointer;\n background: #202020;\n }\n\n .section-title {\n padding-bottom: 40px;\n }\n\n section {\n position: relative;\n padding: 100px 0;\n }\n\n #contact,\n footer {\n background-color:#b9c8cb;\n text-align: center;\n \n }\n\n .overlay {\n background: #536976; /* fallback for old browsers */\n background: -webkit-linear-gradient(to right, #292E49, #536976); /* Chrome 10-25, Safari 5.1-6 */\n background: linear-gradient(to right, #292E49, #536976); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */\n opacity: 0;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .online-form {\n position: relative;\n }\n\n .online-form .form-control {\n border-color: #f0f0f0;\n display: inline-block;\n vertical-align: top;\n border-radius: 50px;\n box-shadow: none;\n height: 50px;\n margin-right: 0.5em;\n padding-left: 15px;\n }\n\n .online-form input[type=\"email\"] {\n width: 60%;\n }\n\n .online-form button {\n background: #29ca8e;\n border: 0;\n color: #ffffff;\n position: absolute;\n right: 6em;\n width: 25%;\n }\n\n .online-form button:hover {\n background: #202020;\n color: #ffffff;\n }\n\n\n\ninput[type=date]{\n width: 100%;\n padding: 12px 20px;\n margin: 8px 0;\n display: black;\n box-sizing: border-box;\n background-color:transparent;\n border-color:black;\n}\n\n.unwanted{\n width: 100%;\n padding: 12px 20px;\n margin: 8px 900px;\n display: transparent;\n box-sizing: border-box;\n background-color:transparent;\n border-color:transparent;\n}\n /*---------------------------------------\n PRE LOADER \n -----------------------------------------*/\n\n .preloader {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 99999;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n background: none repeat scroll 0 0 #ffffff;\n }\n\n .spinner {\n border: 1px solid transparent;\n border-radius: 3px;\n position: relative;\n }\n\n .spinner:before {\n content: '';\n box-sizing: border-box;\n position: absolute;\n top: 50%;\n left: 50%;\n width: 45px;\n height: 45px;\n margin-top: -10px;\n margin-left: -10px;\n border-radius: 50%;\n border: 1px solid #575757;\n border-top-color: #ffffff;\n animation: spinner .9s linear infinite;\n }\n\n @-webkit-@keyframes spinner {\n to {transform: rotate(360deg);}\n }\n\n @keyframes spinner {\n to {transform: rotate(360deg);}\n }\n\n\n\n.cancelbtn1 {\n width: auto;\n padding: 10px 18px;\n background-color: blue;\n}\n\n.container1 {\n padding: 44px;\n color: black;\n font-size: 17px;\n}\n\nspan.pword {\n float: right;\n padding-top: 16px;\n color:lightblue;\n}\n/* The Modal (background) */\n.modal1 {\n display: none; /* Hidden by default */\n position: fixed; /* Stay in place */\n z-index: 1; /* Sit on top */\n left: 0;\n top: 0;\n width: 100%; /* Full width */\n height: 100%; /* Full height */\n overflow: auto; /* Enable scroll if needed */\n background-color: rgb(0,0,0); /* Fallback color */\n background-color: rgba(0,0,0,0.4); /* Black w/ opacity */\n padding-top: 60px;\n}\n\n/* Modal Content/Box */\n.modal1-content {\n background-color: transparent;\n margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */\n border: transparent;\n width: 30%; /* Could be more or less, depending on screen size */\n}\n\n\n\n@-webkit-keyframes animatezoom {\n from {-webkit-transform: scale(0)} \n to {-webkit-transform: scale(1)}\n}\n \n@keyframes animatezoom {\n from {transform: scale(0)} \n to {transform: scale(1)}\n}\n\n/* Change styles for span and cancel button on extra small screens */\n@media screen and (max-width: 300px) {\n span.pword {\n display: block;\n float: none;\n color: black;\n }\n .cancelbtn {\n width: 100%;\n }\n}\n\nbutton {\n background-color:blue;\n color: white;\n border: none;\n padding: 10px 20px;\n font-size: 17px;\n font-family: Raleway;\n cursor: pointer;\n\n}\n\nbutton:hover {\n opacity: 0.8;\n}\n\nbody, html {\n height: 100%;\n margin: 0;\n font-family: Arial;\n}\n\n\n\n/* Change styles for cancel button and signup button on extra small screens */\n@media screen and (max-width: 300px) {\n .cancelbtn, .signupbtn1 {\n width: 50%;\n }\n}\n\n/* Extra styles for the cancel button */\n.cancelbtn {\n \n background-color: blue;\n color: white;\n}\n.signupbtn1 {\n \n background-color: paleblue;\n}\n\n/* Float cancel and signup buttons and add an equal width */\n .cancelbtn,.signupbtn1 {\n float: left;\n width: 50%;\n}\n\n\n\n\n /*---------------------------------------\n SOCIAL ICON \n -----------------------------------------*/\n\n .social-icon {\n position: relative;\n padding: 0;\n margin: 0;\n }\n\n .social-icon li {\n display: inline-block;\n list-style: none;\n }\n\n .social-icon li a {\n border-radius: 50px;\n color: #202020;\n font-size: 15px;\n width: 35px;\n height: 35px;\n line-height: 35px;\n text-decoration: none;\n text-align: center;\n position: relative;\n margin: 5px 5px 5px 0;\n }\n\n .social-icon li a:hover {\n background: #536976;\n color: #ffffff;\n }\n\n/*---------------------------------------\n MENU \n -----------------------------------------*/\n\n .custom-navbar {\n border: none;\n margin-bottom: 0;\n padding: 25px 0;\n }\n\n .custom-navbar .navbar-brand {\n color: #ffffff;\n font-size: 25px;\n font-weight: 500;\n letter-spacing: -1px;\n }\n\n .top-nav-collapse {\n background: #ffffff;\n }\n\n .custom-navbar .navbar-nav {\n margin-left: 6em;\n }\n\n .custom-navbar .nav li a {\n font-size: 16px;\n font-weight: bold;\n color: black;\n padding-right: 22px;\n padding-left: 22px;\n }\n\n .custom-navbar .nav li a:hover {\n background: transparent;\n color: #29ca8e;\n }\n\n .custom-navbar .navbar-nav > li > a:hover,\n .custom-navbar .navbar-nav > li > a:focus {\n background-color: transparent;\n }\n\n .custom-navbar .nav li.active > a {\n background-color: transparent;\n color: #29ca8e;\n }\n\n .custom-navbar .navbar-toggle {\n border: none;\n padding-top: 10px;\n }\n\n .custom-navbar .navbar-toggle {\n background-color: transparent;\n }\n\n .custom-navbar .navbar-toggle .icon-bar {\n background: #29ca8e;\n border-color: transparent;\n }\n\n @media(min-width:768px) {\n .custom-navbar {\n border-bottom: 0;\n background: 0 0; \n }\n\n .custom-navbar.top-nav-collapse {\n background: grey;\n -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n padding: 10px 0;\n }\n\n .top-nav-collapse .navbar-brand {\n color: #252525;\n }\n\n .top-nav-collapse .nav li a {\n color: #575757;\n }\n\n .top-nav-collapse .nav .section-btn a {\n color: #ffffff;\n }\n }\n\n\n\n /*---------------------------------------\n RESPONSIVE STYLES \n -----------------------------------------*/\n\n @media only screen and (max-width: 1200px) {\n\n .custom-navbar .navbar-nav {\n margin-left: 3em;\n }\n\n .home-info {\n margin-top: 0;\n }\n }\n\n\n @media only screen and (max-width: 992px) {\n\n section {\n padding: 0;\n }\n\n .custom-navbar .navbar-nav {\n margin-left: 0;\n }\n\n .custom-navbar .nav li a {\n font-size: 14px;\n padding-right: 15px;\n padding-left: 15px;\n }\n\n #feature .nav-tabs>li>a {\n font-size: 16px;\n margin-right: 20px;\n }\n\n .feature-image {\n bottom: -24em;\n }\n\n .pricing-thumb {\n margin-bottom: 30px;\n }\n\n footer {\n padding-bottom: 40px;\n }\n }\n\n\n @media screen and (max-width: 767px) {\n\n .section-title {\n padding-bottom: 20px;\n }\n\n .custom-navbar {\n background: #ffffff;\n -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);\n padding: 10px 0;\n text-align: center;\n }\n\n .custom-navbar .nav li a {\n line-height: normal;\n padding: 5px;\n }\n\n .custom-navbar .navbar-brand,\n .top-nav-collapse .navbar-brand {\n color: #202020;\n font-weight: normal;\n }\n\n .custom-navbar .nav li a,\n .top-nav-collapse .nav li a {\n color: #656565;\n }\n\n .feature-image {\n position: relative;\n bottom: 0;\n }\n\n #about .col-md-4:nth-child(3n) .team-thumb {\n display: flex;\n -webkit-box-orient: vertical;\n flex-direction: column-reverse;\n -webkit-flex-direction: column-reverse;\n -ms-flex-direction: column-reverse;\n }\n\n .team-thumb-down:after {\n top: -15px;\n bottom: inherit;\n border-top: inherit;\n border-bottom: 15px solid #ffffff;\n }\n\n .testimonial-image,\n .testimonial-info {\n height: 85vh;\n }\n\n .testimonial-info {\n padding: 30px;\n }\n }\n\n\n @media screen and (max-width: 480px) {\n\n .online-form input[type=\"email\"],\n .online-form .form-control {\n width: 85%;\n }\n\n .online-form .form-control {\n display: block;\n margin: 20px auto;\n }\n\n .online-form button {\n position: relative;\n right: 0;\n }\n\n .testimonial-image,\n .testimonial-info {\n height: 65vh;\n }\n }\n</style>\n\n<body>\n \n <section class=\"navbar custom-navbar navbar-fixed-top\" role=\"navigation\">\n\n <div class=\"collapse navbar-collapse\">\n <ul class=\"nav navbar-nav\">\n <li><a href=\"#home\" class=\"smoothScroll\">Prediction</a></li>\n </ul> \n </div>\n </section>\n<section id=\"home\" data-stellar-background-ratio=\"0.5\">\n <form class=\"modal1-content animate\" action=\"https://node-red-itpxr.eu-gb.mybluemix.net/output\" method=\"post\"\n <div class=\"imgcontainer1\">\n \n </div>\n\n <div class=\"container1\">\n <br></br>\n <br></br>\n <i class=\"fa fa-calendar-plus-o\"></i>\n <label for=\"date\"><b>Date</b></label>\n <input type=\"date\" placeholder=\"Enter Date...\" id=\"date\" required=\"required\" min=\"2020-01\" value=\"2022-01\" required>\n <br></br>\n\t <button onclick=\"myFunction()\" class=\"cancelbtn\">Predict.!</button>\n <br></br>\n <br></br>\n <input id=\"myTex\" name=\"myTex\" class=\"unwanted\"> \n\t </div>\n \n </form>\n </section>\n\n \n <script>\nfunction myFunction() {\n var x= document.getElementById(\"date\").value;\n \n var d= new Date(x);\n var date = d.getDate();\n var month = d.getMonth() + 1; \n if(date<10) {\n var date= \"0\"+date;\n} else {\n //condition isn't met\n var date;\n}\n \n if(month<10) {\n var month= \"0\"+month;\n} else {\n //condition isn't met\n var month;\n}\n \n var dateStr = month+ \"/\" + date; \n document.getElementById(\"myTex\").value = dateStr;\n}\n</script>\n<script>{{{payload.script}}}</script>\n\n</body>\n</html>\n\n ","output":"str","x":670,"y":320,"wires":[["4b32c440.cdfc9c"]]},{"id":"ab6d52e0.5a1ad","type":"function","z":"2f56ba91.8276f6","name":"PreToken","func":"global.set(\"ye\",msg.payload.ye)\nvar apikey=\"mMtFox3bgn8ZwUo8OxuT_7uegZO6HNwmdj55cde-x4Tg\";\nmsg.headers={\"content-type\":\"application/x-www-form-urlencoded\"}\nmsg.payload={\"grant_type\":\"urn:ibm:params:oauth:grant-type:apikey\",\"apikey\":apikey}\nreturn msg;","outputs":1,"noerr":0,"x":860,"y":720,"wires":[["70ed2c0c.c21db4"]]},{"id":"70ed2c0c.c21db4","type":"http request","z":"2f56ba91.8276f6","name":"","method":"POST","ret":"obj","paytoqs":false,"url":"https://iam.cloud.ibm.com/identity/token","tls":"","persist":false,"proxy":"","authType":"","x":1059,"y":708.9999952316284,"wires":[["f8035b74.c357b8"]]},{"id":"f8035b74.c357b8","type":"function","z":"2f56ba91.8276f6","name":"Pre Prediction","func":"var ye = global.get('ye')\nvar token=msg.payload.access_token\nvar instance_id=\"fdc0cfe6-e3a5-4958-af00-d1453d727e98\"\nmsg.headers={'Content-Type': 'application/json',\"Authorization\":\"Bearer \"+token,\"ML-Instance-ID\":instance_id}\nmsg.payload={\"fields\": [\"years of experince\"], \"values\": [[ye]]}\n\nreturn msg;","outputs":1,"noerr":0,"x":1245,"y":663.9999952316284,"wires":[["3fde5beb.9d5df4"]]},{"id":"3fde5beb.9d5df4","type":"http request","z":"2f56ba91.8276f6","name":"","method":"POST","ret":"obj","paytoqs":false,"url":"https://eu-gb.ml.cloud.ibm.com/v3/wml_instances/fdc0cfe6-e3a5-4958-af00-d1453d727e98/deployments/27b4c695-9fb4-4c22-84a4-c73b2d6d0f86/online","tls":"","persist":false,"proxy":"","authType":"","x":1270,"y":600,"wires":[["a1656cdc.5e44e"]]},{"id":"a1656cdc.5e44e","type":"function","z":"2f56ba91.8276f6","name":"","func":"msg.payload=msg.payload.values[0][0][0]\nreturn msg;","outputs":1,"noerr":0,"x":1430,"y":600,"wires":[["9c26169b.885948"]]},{"id":"3c8fa72d.30b488","type":"function","z":"2f56ba91.8276f6","name":"","func":"var local=context.get('myTex') || {};\nif (local.count===undefined)//test exists\n{\n local.count=0;\n}\nlocal.count +=1;\nmsg.payload=msg.payload;\n\nreturn msg;","outputs":1,"noerr":0,"x":710,"y":720,"wires":[["ab6d52e0.5a1ad"]]},{"id":"e64fe5a2.527b48","type":"http request","z":"2f56ba91.8276f6","name":"","method":"POST","ret":"obj","paytoqs":false,"url":"https://eu-gb.ml.cloud.ibm.com/v3/wml_instances/fdc0cfe6-e3a5-4958-af00-d1453d727e98/deployments/27b4c695-9fb4-4c22-84a4-c73b2d6d0f86/online","tls":"","persist":false,"proxy":"","authType":"","x":1610,"y":600,"wires":[["fdd07f75.adf76"]]},{"id":"4e5f6bf3.b30a04","type":"function","z":"2f56ba91.8276f6","name":"PreToken","func":"global.set(\"time\", msg.payload.time)\n\nvar apikey=\"mMtFox3bgn8ZwUo8OxuT_7uegZO6HNwmdj55cde-x4Tg\";\nmsg.headers={\"content-type\":\"application/x-www-form-urlencoded\"}\nmsg.payload={\"grant_type\":\"urn:ibm:params:oauth:grant-type:apikey\",\"apikey\":apikey}\nreturn msg;","outputs":1,"noerr":0,"x":1460,"y":680,"wires":[["20005680.7ea67a"]]},{"id":"20005680.7ea67a","type":"http request","z":"2f56ba91.8276f6","name":"","method":"POST","ret":"obj","paytoqs":false,"url":"https://iam.cloud.ibm.com/identity/token","tls":"","persist":false,"proxy":"","authType":"","x":1630,"y":660,"wires":[["d6660d70.9ba9a"]]},{"id":"d6660d70.9ba9a","type":"function","z":"2f56ba91.8276f6","name":"Pre Prediction","func":"global.set(\"time\", msg.payload.time)\n\nvar token=msg.payload.access_token\nvar instance_id=\"fdc0cfe6-e3a5-4958-af00-d1453d727e98\"\nmsg.headers={'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token, 'ML-Instance-ID': instance_id}\nmsg.payload={\"fields\": [\"time\"], \"values\": [[time]]}\n\n\nreturn msg;","outputs":1,"noerr":0,"x":1600,"y":540,"wires":[["e64fe5a2.527b48"]]},{"id":"53d7374c.0e5748","type":"function","z":"2f56ba91.8276f6","name":"","func":"var local=context.get('myTex') || {};\nif (local.count===undefined)//test exists\n{\n local.count=0;\n}\nlocal.count +=1;\nmsg.payload=msg.payload;\n\nreturn msg;","outputs":1,"noerr":0,"x":1510,"y":500,"wires":[["4e5f6bf3.b30a04"]]},{"id":"613fec42.6149f4","type":"function","z":"2f56ba91.8276f6","name":"","func":"var local=context.get('myTex') || {};\nif (local.count===undefined)//test exists\n{\n local.count=0;\n}\nlocal.count +=1;\nmsg.payload=msg.payload;\n\nreturn msg;","outputs":1,"noerr":0,"x":1430,"y":540,"wires":[["53d7374c.0e5748"]]},{"id":"9c26169b.885948","type":"delay","z":"2f56ba91.8276f6","name":"","pauseType":"rate","timeout":"5","timeoutUnits":"seconds","rate":"3","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"x":1230,"y":540,"wires":[["613fec42.6149f4"]]},{"id":"1dc87a74.d17be6","type":"function","z":"2f56ba91.8276f6","name":"","func":"if (msg.payload.pword==msg.payload.cpword) {\nmsg.payload = {\n _id:msg.payload.email,\n \n}\nreturn [msg, null];\n} else {\nmsg.payload = \"testit\";\nreturn [null, msg];\n}\n\nreturn msg;","outputs":2,"noerr":0,"x":850,"y":240,"wires":[["d43b5a16.7bb938"],["ad4be12c.19a12"]]},{"id":"ad4be12c.19a12","type":"http request","z":"2f56ba91.8276f6","name":"","method":"GET","ret":"txt","paytoqs":false,"url":"https://node-red-itpxr.eu-gb.mybluemix.net/wf1?","tls":"","persist":false,"proxy":"","authType":"","x":1030,"y":300,"wires":[["984d0ac0.a831e8"]]},{"id":"984d0ac0.a831e8","type":"http response","z":"2f56ba91.8276f6","name":"","statusCode":"","headers":{},"x":1230,"y":300,"wires":[]},{"id":"1a6d90cb.5bcb0f","type":"http in","z":"2f56ba91.8276f6","name":"","url":"/graph","method":"get","upload":false,"swaggerDoc":"","x":90,"y":620,"wires":[["7812396.f06c6c8"]]},{"id":"1aece955.a3ae57","type":"http response","z":"2f56ba91.8276f6","name":"","statusCode":"","headers":{},"x":350,"y":620,"wires":[]},{"id":"7812396.f06c6c8","type":"template","z":"2f56ba91.8276f6","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<form action= \"https://node-red-itpxr.eu-gb.mybluemix.net/ui/#!/0?socketid=p-WU62bG-HPtvmTYAAAb\" , method=\"get\">\n<input type=\"submit\" value=\"click to see graph\" name=\"button1\" >\n </form>","output":"str","x":240,"y":660,"wires":[["1aece955.a3ae57"]]},{"id":"ba0e3c2c.a5be6","type":"debug","z":"2f56ba91.8276f6","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":610,"y":440,"wires":[]},{"id":"459ea3e.d96a45c","type":"delay","z":"2f56ba91.8276f6","name":"","pauseType":"rate","timeout":"2","timeoutUnits":"seconds","rate":"2","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"x":850,"y":460,"wires":[["73e0d1bf.cd3af","998a1037.0a4e","d40bef5e.05e42"]]},{"id":"73e0d1bf.cd3af","type":"ui_chart","z":"2f56ba91.8276f6","name":"","group":"194d276e.774c99","order":9,"width":0,"height":0,"label":"Wind power","chartType":"line","legend":"false","xformat":"HH:mm:ss","interpolate":"linear","nodata":"","dot":false,"ymin":"","ymax":"","removeOlder":"20","removeOlderPoints":"","removeOlderUnit":"1","cutout":0,"useOneColor":false,"useUTC":false,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#da2b2b","#a06564","#9467bd","#c5b0d5"],"useOldStyle":false,"outputs":1,"x":1030,"y":420,"wires":[[]]},{"id":"64a7def0.d92e","type":"http in","z":"2f56ba91.8276f6","name":"","url":"/output","method":"post","upload":true,"swaggerDoc":"","x":90,"y":440,"wires":[["fdfeb826.0985a8","ba0e3c2c.a5be6","2fdb6fff.3a8c"]]},{"id":"fc74e79c.803a78","type":"split","z":"2f56ba91.8276f6","name":"","splt":"\\n","spltType":"str","arraySplt":1,"arraySpltType":"len","stream":false,"addname":"","x":710,"y":500,"wires":[["459ea3e.d96a45c"]]},{"id":"2fdb6fff.3a8c","type":"http request","z":"2f56ba91.8276f6","name":"","method":"GET","ret":"txt","paytoqs":false,"url":"https://node-red-itpxr.eu-gb.mybluemix.net/graph","tls":"","persist":false,"proxy":"","authType":"","x":270,"y":460,"wires":[["3cd56431.d1818c"]]},{"id":"3cd56431.d1818c","type":"http response","z":"2f56ba91.8276f6","name":"","statusCode":"","headers":{},"x":450,"y":460,"wires":[]},{"id":"a308557d.4c20e8","type":"ui_text","z":"2f56ba91.8276f6","group":"194d276e.774c99","order":1,"width":0,"height":0,"name":"","label":"NOTE-THIS GRAPH SHOWING OUTPUT OF 24 HRS PER 10 MINTS IN 20 sec,THE X axis show is u r current time,TOTAL 144 points are drawn below, pls scroll!....","format":"{{msg.payload}}","layout":"row-spread","x":1150,"y":760,"wires":[]},{"id":"998a1037.0a4e","type":"ui_toast","z":"2f56ba91.8276f6","position":"prompt","displayTime":"3","highlight":"","sendall":true,"outputs":1,"ok":"OK","cancel":"","raw":false,"topic":"NOTE","name":"","x":870,"y":360,"wires":[["73e0d1bf.cd3af"]]},{"id":"e411def1.4c198","type":"ui_text","z":"2f56ba91.8276f6","group":"194d276e.774c99","order":7,"width":0,"height":0,"name":"","label":"OUTPUT POWER SHOW IN MW","format":"{{msg.payload}}","layout":"row-spread","x":810,"y":860,"wires":[]},{"id":"bb402ea9.4e767","type":"ui_text","z":"2f56ba91.8276f6","group":"194d276e.774c99","order":4,"width":0,"height":0,"name":"","label":"WIND DIERCTION IN DEGREE","format":"{{msg.payload}}","layout":"row-spread","x":790,"y":800,"wires":[]},{"id":"c6952d5a.7f09d","type":"ui_text","z":"2f56ba91.8276f6","group":"194d276e.774c99","order":2,"width":0,"height":0,"name":"","label":"WIND SPEED IN m/s ","format":"{{msg.payload}}","layout":"row-spread","x":790,"y":940,"wires":[]},{"id":"fdd07f75.adf76","type":"http response","z":"2f56ba91.8276f6","name":"","statusCode":"","headers":{},"x":1790,"y":600,"wires":[]},{"id":"6ef16aee.a22c54","type":"cloudant","z":"","host":"https://61daa295-0f37-4e03-8e0d-eb74a97338e1-bluemix.cloudant.com","name":""},{"id":"194d276e.774c99","type":"ui_group","z":"","name":"Wind Energy","tab":"12c84fc8.66c6","order":2,"disp":true,"width":12,"collapse":false},{"id":"12c84fc8.66c6","type":"ui_tab","z":"","name":"Graph","icon":"dashboard","disabled":false,"hidden":false}]