index.html

<!doctype html> <html lang=en> <head> <meta charset=utf-8> <meta name=description> <meta name=viewport content="width=device-width, initial-scale=1, minimal-ui"> <title>Dashy.io</title> <!--Place favicon.ico and apple-touch-icon.png in the root directory--> <link href="http://fonts.googleapis.com/css?family=Roboto:400,700" rel=stylesheet type=text/css> <link rel=stylesheet href=styles/vendor.css> <link rel=stylesheet href=styles/main.css> </head> <body> <!--[if lt IE 10]>
 <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
 <![endif]--> <div class=splash-container> <div class="pure-menu pure-menu-horizontal menu-dashy"> <ul class=pure-menu-list> <li class=pure-menu-item><a href=http://manage.dashy.io class=pure-menu-link>Management Console</a> </li> <li class="pure-menu-item button-mobile-menu"><a href=# id=trigger-overlay class=pure-menu-link>Menu</a> </li> </ul> <ul class="pure-menu-list menu-right"> <li class=pure-menu-item><a href=http://view.dashy.io target=_blank class=pure-menu-link>New dashboard</a> </li> </ul> </div> <div class=pure-g> <div class=pure-u-5-5> <div class=container-splash> <img src=images/logo3.png alt="logo dashy" class=img-header> <h1 class=title-splash>Dashy.io</h1> <p class=lead-splash>Dashboard Management Platform</p> </div> </div> </div> </div> <div class=content-wrapper> <section class=section-how-to> <h2 class="text-center section-title">How it works?</h2> <div class=pure-g> <div class="pure-u-1 pure-u-md-1-3"> <div class="box text-center"> <div class=circle-number> <span class=icon-power-cord></span> </div> <div class=box-text> <p> </p><h3>Prepare a device and connect it to Dashy</h3> <p></p> <p> You need a device connected to internet with a browser </p> <p> Install our script and be ready to claim the device </p> </div> <p> <img src=images/step0.png class="pure-img center-block img-step" height=100> </p> <p> <small>(we will have a guide to setup a RaspberryPi soon)</small> </p> </div> </div> <div class="pure-u-1 pure-u-md-1-3"> <div class="box text-center"> <div class=circle-number> <span class=icon-user-check></span> </div> <div class=box-text> <p> </p><h3>Claim the device on your admin panel</h3> <p></p> <p> Authenticate with your Google account </p> <p> Add a new device and claim your dashboard </p> </div> <p> <img src=images/step2.png class="pure-img center-block img-step"> </p> </div> </div> <div class="pure-u-1 pure-u-md-1-3"> <div class="box text-center"> <div class=circle-number> <span class=icon-cog></span> </div> <div class=box-text> <p> </p><h3>Setup your dashboard</h3> <p></p> <p> Change Name, Urls and Interval </p> </div> <p> <img src=images/step3.png class="pure-img center-block img-step" height=100> </p> </div> </div> </div> <div class=pure-g> <div class="pure-u-1 text-center"> <div class=box> <div class=circle-number> <span class=icon-eye></span> </div> <p> </p><h3>Enjoy your dashboards on your device</h3> <p></p> <p> <img src=images/dashy.gif alt="dashboard rotation" class=img-dashy-gif> </p> <p> <small>Dashboard pages taken from <a href="http://keen.github.io/dashboards/">http://keen.github.io/dashboards/</a></small> </p> </div> </div> </div> </section> <section class=dashy-elements> <div class=pure-g> <div class="pure-u-1 text-center"> <h2 class=section-title>Components and current status</h2> <p class=components> <a href=https://github.com/dashy-io/dashy-server-api class="link-title component"> <i class="fa fa-sitemap fa-lg fa-icon-components"></i>Server</a> <a href=https://github.com/dashy-io/dashy-admin-ui class="link-title component"> <i class="fa fa-dashboard fa-lg fa-icon-components"></i>Admin Panel UI</a> <a href=https://github.com/dashy-io/dashy-device class="link-title component"> <i class="fa fa-cogs fa-lg fa-icon-components"></i>Devices Config</a> <a href=https://github.com/dashy-io/dashy-client class="link-title component"> <i class="fa fa-laptop fa-lg fa-icon-components"></i>Client</a> </p> <p class=lead>Dashy is not ready for testing, you can wait or <a href=https://github.com/dashy-io class="pure-button pure-button-primary">help us</a> to release it.</p> </div> </div> </section> <footer> <div class=box> <div class=pure-g> <div class="pure-u-1 pure-u-md-8-24 text-center"> <p><small class=text-black>Made with love in London</small> </p> </div> <div class="pure-u-1 pure-u-md-8-24 text-center"> <p>Dashy is <a class="link-title link" href=https://github.com/dashy-io>open source <i class="fa fa-github fa-lg"></i></a> </p> </div> <div class="pure-u-1 pure-u-md-8-24 text-center"> <p><small><a href=https://github.com/mtt87 class=link>Mattia</a> - <a href=https://github.com/bettiolo class=link>Marco</a></small> </p> </div> </div> </div> </footer> </div> <!--open/close--> <div class="overlay overlay-slidedown"> <div class="pure-menu pure-menu-horizontal menu-dashy"> <ul class="pure-menu-list menu-right"> <li class=pure-menu-item><a href=http://client.dashy.io target=_blank class=pure-menu-link>Create new dashboard</a> </li> <li class=pure-menu-link><a href=# class="pure-menu-link overlay-close">X</a></li> </ul> </div> <nav> <ul> <li><a href=#>Management Console</a> </li> <li><a href=#>Create new dashboard</a> </li> </ul> </nav> </div> <script src=scripts/vendor.js></script> <script src=scripts/main.js></script> </body> </html> 