xxxxxxxxxx<html><head> <meta charset="utf-8"/> <!-- you probably have your CSS in some other files --> <style> .header { background: #84bfff; } .content { } .footer { } .post { padding: 15px; border: 1px solid gray; } </style></head> <body> <div class="header"> This is my homepage </div> <div id="content"> <script type="text/template" id="body"> <posts list="{{_page.posts}}"></posts> </script> </div> <div class="footer"> End homepage. </div> </body> <script type="text/template" id="posts" data-element="posts"> <div class="posts"> {{each list as #post, #i}} <div class="post" on-click="select(#post, #i)"> <h3>{{#post.title}}</h3> <p>{{#post.text}}</p> </div> {{/each}} </div> </script> <!-- <script src="lib/derby-standalone.min.js"></script> --> <script src="https://derbyjs.github.io/derby-standalone/dist/0.6.0-alpha25/derby-standalone.min.js"></script> <script src="index.js"></script> </body></html> Modified http://derbyjs.github.io/derby-standalone/dist/0.6.0-alpha25/derby-standalone.min.js to a secure url
https://derbyjs.github.io/derby-standalone/dist/0.6.0-alpha25/derby-standalone.min.js