<!doctype html> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title id="magazineTitle"></title> <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE"> <meta name="description" content=""/> <meta name="keywords" content=""/> <meta name="author" content="humans.txt"> <meta name="robots" content="noindex, nofollow"> <link rel="shortcut icon" href="https://publishing.ninja/V2/favicon.png" type="image/x-icon"/>  <meta property="fb:page_id" content=""/> <meta property="og:image" content=""/> <meta property="og:description" content=""/> <meta property="og:title" content=""/>  <meta itemprop="name" content=""> <meta itemprop="description" content=""> <meta itemprop="image" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=7)"> <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,700italic,400italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="/V2/css/import.css"> <link rel="stylesheet" href="/V2/css/ninjaExtra.css"> <script src="/V2/js/libs/modernizr-2.6.2.min.js"></script> <link rel="stylesheet" href="/V2/css/animations.css"> <link href="/V2/css/introjs.css" rel="stylesheet"> </head> <body> <input type="hidden" id="magazineName" value="Solar and Power Management" /> <div id="registerlogin" class="mike-modal-outer"> <div class="mike-modal-inner"> <div class="mike-modal-title"><a href="javascript:;" onclick="hideLogin()" id="member-top-option">&lsaquo; Back to magazine</a></div> <div class="modal-content"> <div id="member-content"></div> </div> </div> </div> <div id="newsearch" class="mike-modal-outer"> <div class="mike-modal-inner"> <div class="mike-modal-title"><a href="javascript:;" onclick="hideSearch()" style="color:#fff;"><img src="/V2/img/modal-close.png" alt="Close" /></a></div> <div class="modal-content"> <h2 class="mike-modal-subheading">Search this publication</h2> <p> <form action="search.php" id="searchForm" name="searchForm"> <input type="search" id="searchBox" class="mike-modal-input" name="searchBox" placeholder="Type search term here..." onkeydown="if (event.keyCode == 13) { searchPublication(); }" /> <input type="hidden" name="magazineId" id="magazineId" /> <input type="hidden" name="publicationId" id="publicationId" /> <button onclick="searchPublication()">Search</button> </form> </p> <div id="member-content"></div> </div> </div> </div> <style> .slides-pagination { font-size:0; } </style>  <div id="preloader"> <div id="status">   </div> </div>  <div class="animsition">  <header class="main custom-scroll" id="contentScroller">  <div id="header-scrollarea">  <div class="logo"> <div id="contentpublicationLogo"></div> </div>  <nav class="main-nav"> <ul class="site-nav" id="contents">  <li id="contentpublicationTitle"> </li> <br> </ul> </nav> </div> </header>  <div class="trigger"> <div class="trigger-box" style="margin-bottom:35px;"> <a title="Open Menu" class="toggle" gumby-trigger="header.main" id="trigger"> <i class="fa fa-bars active" data-step="2" data-intro="<p>To access the menu at any time click here</p>" data-position='right'></i> <i class="fa fa-times"></i> </a> </div>   <div class="menu-search-icon" style="margin-bottom:35px;"> <a title="Search" id="searcherXXX" href="javascript:;" onclick="showSearch()"><i class="fa fa-search active" data-step="3" data-intro="<p>To search at any time click here</p>" data-position='right'></i></a> </div> <div class="menu-user-icon" style="margin-bottom:35px;"> <a title="Member area" href="javascript:;" onclick="memberArea(49);"><i class="fa fa-user active"></i></a> </div> <div class="trigger-box2" style="margin-bottom:35px;"> <a title="Next page" id="next" href="contents.php?=0=49=8"><i class="fa fa-chevron-right" data-step="4" data-intro="<p>Click here to go to the next page</p>" data-position='right'></i></a> </div> <div class="trigger-box3" style="margin-bottom:35px;">  </div> <div class="menu-user-icon" style="margin-bottom:35px;" id="printVersion"> <a title="Print" id="print"><i class="fa fa-print"></i></a> </div> <div class="menu-user-icon" style="margin-bottom:35px;"> <a title="Share" id="share"><i class="fa fa-share-alt"></i></a> </div>  <div class="side-logo" id="side-logo"> </div>  <div class="back-to-top"> <a id="top-trigger"> <i class="fa fa-angle-up"></i> </a> </div> </div>  <div class="content custom-scroll"> <div id="frontPage" class="frontPage custom-scroll">  <div class="blocker"> </div>  <div id="scrollarea"> <div class="action step-right slideLeft">  <section class="home-slider">  <div id="crumbs" class="abs"> <div class="row large dark"> <div class="six columns"> </div> <div class="six columns text-right">  <ul class="nav-icon-list"> <li data-step="1" data-intro="<h6>Welcome To Our Publication</h6><hr><p>If you would like to learn how to use this digital publication then click next, or click skip to close.</p>"> </li> <li><div id="contentpublicationURL" class="contentpublicationURL"></div></li> </ul> </div> </div> </div>    <div id="slides" class="home"> <ul class="slides-container"> <li data-duration="14000" id="a">  <div id="frontCover" class="frontCover"> <div class="black-tint"></div> </div> <div class="slide-caption dark text-center">  <div class="row large do-fade">  <div style=" background-image: url(http://www.publishing.ninja/backend/logos/8/Solar-Power-Management-Logo-WHT-No-Strap.png); width: 375px; height:66px; margin:0 auto; "> </div>  <div class=" midtoppadding" id="exploreBox"> </div> </div> </div> </li> <li id="2" class="frontCover" data-duration="14000"></li><li id="3" class="frontCover" data-duration="14000"></li><li id="4" class="frontCover" data-duration="14000"></li> </ul>  <nav class="slides-navigation"> <a href="#" class="next"><i class="fa fa-chevron-right"></i></a> <a href="#" class="prev"><i class="fa fa-chevron-left"></i></a> </nav> </div> </section>   <footer id="colophon"> <div class="row large"> <div class="six columns"> <p> © Publishing Ninja 2017. All rights reserved. </p> </div> <div class="six columns">  <div class="text-right"> <div class="social-icon"> <ul class="social-icon-list"> <li><a href=""><i class="fa fa-twitter"></i></a></li> <li><a href=""><i class="fa fa-linkedin"></i></a></li> <li><a href=""><i class="fa fa-youtube"></i></a></li> </ul> </div> </div> </div> </div> </footer> </div> </div>  <div class="search-modal"> <div class="search-field"> <form action="/V2/search.php" id="searchForm" name="searchForm"> <input type="search" id="searchBox" class="mike-modal-input" name="searchBox" placeholder="Type search term here..." onkeydown="if (event.keyCode == 13) { searchPublication(); }" /> <input type="hidden" name="magazineId" id="magazineId" /> <input type="hidden" name="publicationId" id="publicationId" /> <a href="#" onclick="searchPublication();">Search - »</a> </form> </div> <a class="remove-search"><i class="fa fa-times"></i></a> </div>  <div class="video-modal" id="video-modal"> <div class="youtube video">  </div> <a class="remove-video switch" gumby-trigger="|#video-modal"><i class="fa fa-times"></i></a> </div> </div> <script src="/V2/js/libs/jquery-2.0.2.min.js"></script> <script src="/V2/js/libs/gumby.min.js"></script> <script src="/V2/js/plugins.js"></script> <script src="/V2/js/main.js"></script> <script src="/V2/js/ninjaFunctions.js"></script> <script> $(window).load(function() { var pagepath = window.location.pathname; //alert(pagepath); if (pagepath == '/V2/index.php'){ if (location.search != ""){ var x = location.search.substr(1).split(";") for (var i=0; i<x.length; i++) { var y = x[i].split("="); } } pageID = y[1]; magazineID = y[2]; publicationID = y[3]; //alert(magazineID ); pageID = removeExtraStuff(pageID); magazineID = removeExtraStuff(magazineID); publicationID = removeExtraStuff(publicationID); } else if (pagepath == '/V2/'){ if (location.search != ""){ var x = location.search.substr(1).split(";") for (var i=0; i<x.length; i++) { var y = x[i].split("="); } } pageID = y[1]; magazineID = y[2]; publicationID = y[3]; //alert(magazineID ); pageID = removeExtraStuff(pageID); magazineID = removeExtraStuff(magazineID); publicationID = removeExtraStuff(publicationID); } else { if (window.location.pathname != "") { //alert(window.location.pathname); var x = window.location.pathname.substr(1).split(";") for (var i=0; i<x.length; i++) { var y = x[i].split("/"); } } pageID = y[2]; magazineID = y[3]; publicationID = y[4]; //alert(magazineID ); } document.getElementById("publicationId").value = publicationID; document.getElementById("magazineId").value = magazineID; prepareTitle(publicationID); getMagazineDetails(magazineID); getFrontCover(magazineID); //getFrontCoverAD(magazineID); getFrontFeatures(magazineID); }); </script>  <script src="/V2/js/twitter.js"></script> <script> (function($) { "use strict"; $('.tweet').tweet({ username: "ninjapublishing", modpath: '/twitter/', count: 1, loading_text: 'loading twitter feed...' }); })(jQuery); introJs().start(); </script>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10312146-33', 'auto'); ga('send', 'pageview'); </script> <style> .cookie{ color:#ed1e82; background-color:#000; font-weight:bold; font-size:12px; bottom: 0%; position: fixed; z-index: 2147483647; } </style> <div id="cookieMonster" class="cookie" style="width:100%"><div class="container"><div class="row"> <div class="col-xs-10">We use cookies to ensure that we give you the best experience on our website. If you continue without changing your settings, we'll assume that you are happy to receive all cookies from this website. If you would like to change your preferences you may do so by following the instructions <a href="http://www.aboutcookies.org/Default.aspx?page=1">here</a></div><div class="col-xs-2"><a onClick="cookiesOK();"><button type="submit" style="background-color: #ed1e82; padding: 5x 10px; color: #fff;">Agree and Close</button></a></div></div></div> </div> <script> checkCookie(); function checkCookie() { //alert('checking for cookies'); var cookieOK = getCookie('cookieOK'); //alert('cookie:'+cookieOK); if (cookieOK === '1'){ $('#cookieMonster').hide(); } } function cookiesOK(){ $('#cookieMonster').hide(); // alert('create cookie'); setCookie('cookieOK', '1', '100'); } function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; var cookieOK = getCookie('cookieOK'); //alert('cookie:'+cookieOK); } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } //alert('hi'); </script> <meta property="og:image" content="https://www.publishing.ninja/publisher/screenshot/images/.jpg"> <meta name="twitter:image" content="https://www.publishing.ninja/publisher/screenshot/images/.jpg"></body> </html>

CINXE.COM