UNPKG

hlc-server

Version:

Serves real-time real-world context at a human scale by combining RFID, RTLS and M2M with structured, linked data on the web. We believe in an open Internet of Things.

175 lines (174 loc) 7.45 kB
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Whac-a-Mole reelyActive-style"> <link rel="stylesheet" href="../../style/bootstrap.min.css"> <link rel="stylesheet" href="../../style/reelyactive.css"> <title> Whac-a-Beaver by reelyActive </title> </head> <body> <!----- Navigation -----> <nav class="navbar navbar-expand-lg navbar-reelyactive bg-reelyactive"> <a class="navbar-brand" href="https://www.reelyactive.com/"> <img src="../../images/reelyactive-logo-nav.png" width="165" height="30" alt="reelyActive"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarItems" aria-controls="navbarItems" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarItems"> <ul class="navbar-nav mr-auto"></ul> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="../../"> <i class="fas fa-home"></i> </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fas fa-question-circle"></i> </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="https://www.reelyactive.com/how-we-observe/#digital"> <i class="fas fa-mouse-pointer"></i> Behaviour tracking free &nbsp; <span class="badge badge-success"> <i class="fas fa-user-shield"></i> </span> </a> <div class="dropdown-divider"></div> <a class="dropdown-item" target="_blank" href="https://getbootstrap.com" > <i class="fab fa-bootstrap"></i> Bootstrap 4 &nbsp; <span class="badge badge-light"> <i class="fab fa-osi"></i> MIT </span> </a> <a class="dropdown-item" target="_blank" href="https://fontawesome.com" > <i class="fab fa-font-awesome"></i> Font Awesome (Free) &nbsp; <span class="badge badge-light"> <i class="fab fa-creative-commons"></i> <i class="fab fa-osi"></i> MIT </span> </a> <a class="dropdown-item" target="_blank" href="https://jquery.com" > <i class="fab fa-js"></i> JQuery &nbsp; <span class="badge badge-light"> <i class="fab fa-osi"></i> MIT </span> </a> <a class="dropdown-item" target="_blank" href="https://github.com/reelyactive/web-style-guide/" > <i class="fas fa-code"></i> Web Style Guide &nbsp; <span class="badge badge-light"> <i class="fab fa-osi"></i> MIT </span> </a> <div class="dropdown-divider"></div> <a class="dropdown-item" target="_blank" href="https://www.reelyactive.com/made-in-montreal/" > <i class="fab fa-canadian-maple-leaf"></i> Made in Montr&eacute;al &nbsp; <i class="fas fa-city"></i> </a> </div> </li> </ul> </div> </nav> <!----- Content -----> <div class="container-fluid"> <div class="row justify-content-center my-4"> <div class="col-sm-12 col-md-12 col-lg-8 col-xl-7"> <img src="images/intro-beaver.png" class="img-fluid mb-4" id="beaverImage"> </div> <div class="col-sm-12 col-md-12 col-lg-4 col-xl-3"> <div class="card mb-4"> <div class="card-header bg-dark text-white"> <i class="fas fa-info-circle"></i> &nbsp; Beaver data </div> <div class="card-body"> <h5 class="card-title monospace"> <i class="fas fa-barcode"></i> &nbsp; <span id="beaverTransmitterId"> Waiting for DirAct beacon </span> </h5> <h6 class="card-subtitle mb-4 text-muted monospace"> <i class="fas fa-map-pin"></i> &nbsp; <span id="beaverReceiverId"> &hellip; </span> &nbsp; <i class="fas fa-signal"></i> &nbsp; <span id="beaverRssi">&mdash; dBm</span> </h6> <div class="card"> <div class="card-header text-truncate bg-light"> <i class="fas fa-user-friends"></i> &nbsp; Nearest </div> <div class="card-body text-muted monospace"> <i class="fas fa-barcode"></i> &nbsp; <span id="nearestInstanceId"> &hellip; </span> &nbsp; <i class="fas fa-signal"></i> &nbsp; <span id="nearestRssi">&mdash; dBm</span> </div> </div> </div> </div> <div class="card mb-4"> <div class="card-header bg-dark text-white"> <i class="fas fa-info-circle"></i> &nbsp; Paddle data </div> <div class="card-body"> <h5 class="card-title monospace"> <i class="fas fa-barcode"></i> &nbsp; <span id="paddleTransmitterId"> Waiting for accelerometer beacon </span> </h5> <h6 class="card-subtitle mb-4 text-muted monospace"> <i class="fas fa-map-pin"></i> &nbsp; <span id="paddleReceiverId"> &hellip; </span> &nbsp; <i class="fas fa-signal"></i> &nbsp; <span id="paddleRssi">&mdash; dBm</span> </h6> <div class="card"> <div class="card-header text-truncate bg-light"> <i class="fas fa-rocket"></i> &nbsp; Acceleration </div> <div class="card-body" id="paddleAccelerationCard"> </div> </div> </div> </div> </div> </div> </div> <footer class="footer"> <a href="https://github.com/reelyactive/hlc-server"> hlc-server </a> &nbsp; | &nbsp; <a href="https://www.reelyactive.com"> &copy; reelyActive 2014-2021 </a> </footer> <script defer src="../../js/solid.min.js"></script> <script defer src="../../js/brands.min.js"></script> <script defer src="../../js/fontawesome.min.js"></script> <script src="../../js/jquery-3.4.0.min.js"></script> <script src="../../js/bootstrap.bundle.min.js"></script> <script src="../../js/socket.io.min.js"></script> <script src="../../js/beaver.js"></script> <script src="js/whac-a-beaver.js"></script> </body> </html>