webapp/src/index.html

   1 <html>
   2
   3 <head>
   4     <title>
   5         XDS Server
   6     </title>
   7     <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
   8     <link rel="stylesheet" href="font-awesome.min.css">
   9
  10     <style>
  11         body.page-content {
  12             display: flex;
  13             flex-direction: column;
  14             justify-content: center;
  15             align-items: center;
  16             position: relative;
  17             height: 100%;
  18             width: auto;
  19             text-align: center;
  20             background: url("assets/images/background_iot_bzh_light.png") 0 0 no-repeat;
  21             background-color: lightgrey;
  22             background-size: cover;
  23             background-position: center;
  24             color: #FFFFFF;
  25         }
  26
  27         img {
  28             width: 15em;
  29         }
  30
  31         li {
  32             list-style: none;
  33             font-size: x-large;
  34             padding-bottom: 10px;
  35         }
  36
  37         a {
  38             color: royalblue;
  39         }
  40
  41         i.fa {
  42             font-size: smaller;
  43         }
  44
  45         #dashbButton {
  46             font-size: large;
  47             font-weight: bold;
  48             background: none;
  49             color: royalblue;
  50             min-height: 5rem;
  51         }
  52     </style>
  53 </head>
  54
  55 <body class="page-content">
  56
  57     <img id="logo-iot" src="assets/images/iot-bzh-logo-small.png">
  58
  59     <h1 id="title">X(cross) Development System</h1>
  60
  61     <h2>Please <a href="http://docs.automotivelinux.org/docs/devguides/en/dev/reference/xds/part-1/2_install-client.html">
  62             install and start XDS agent <i class="fa fa-external-link" aria-hidden="true"></i></a>
  63         <br> on your host first and then
  64         <br> connect to XDS Dashboard
  65     </h2>
  66
  67     <button id="dashbButton">
  68         Try to connect to dashboard
  69         <br> http://localhost:8800
  70     </button>
  71     <script type="text/javascript">
  72         document.getElementById("dashbButton").onclick = function () {
  73             location.href = "http://localhost:8800";
  74         };
  75     </script>
  76     <i style="font:xx-small;">(URL may depend on your configuration)</i>
  77
  78     <br>
  79     <br>
  80     <br>
  81
  82     <h2>For more information, please refer to XDS User's Guide:</h2>
  83     <ul>
  84         <li>
  85             <a href="http://docs.automotivelinux.org/docs/devguides/en/dev/reference/xds/part-1/2_install-client.html">
  86                 Install instructions
  87                 <i class="fa fa-external-link" aria-hidden="true"></i>
  88             </a>
  89         </li>
  90         <li>
  91             <a href="http://docs.automotivelinux.org/docs/devguides/en/dev/#xcross-development-system-user's-guide">
  92                 Online User's guide
  93                 <i class="fa fa-external-link" aria-hidden="true"></i>
  94             </a>
  95         </li>
  96         <li>
  97             <a href="http://iot.bzh/download/public/XDS/docs/XDS_UsersGuide.pdf">
  98                 User's guide (PDF file)
  99                 <i class="fa fa-external-link" aria-hidden="true"></i>
 100             </a>
 101         </li>
 102     </ul>
 103 </body>
 104
 105 </html>