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         }
  51     </style>
  52 </head>
  53
  54 <body class="page-content">
  55
  56     <img id="logo-iot" src="assets/images/iot-bzh-logo-small.png">
  57
  58     <h1 id="title">X(cross) Development System</h1>
  59
  60     <h2>Please start XDS agent on your machine
  61         <br> and
  62         <br> connect to XDS Dashboard
  63     </h2>
  64
  65     <button id="dashbButton">
  66         Try to connect to dashboard
  67         <br> http://localhost:8800
  68     </button>
  69     <script type="text/javascript">
  70         document.getElementById("dashbButton").onclick = function () {
  71             location.href = "http://localhost:8800";
  72         };
  73     </script>
  74     <i style="font:xx-small;">(URL may depend on your configuration)</i>
  75
  76     <br>
  77     <br>
  78     <br>
  79
  80     <h2>For more information, please refer to XDS User's Guide:</h2>
  81     <ul>
  82         <li>
  83             <a href="http://docs.automotivelinux.org/docs/devguides/en/dev/reference/xds/part-1/1_install-client.html">
  84                 Install instructions
  85                 <i class="fa fa-external-link" aria-hidden="true"></i>
  86             </a>
  87         </li>
  88         <li>
  89             <a href="http://docs.automotivelinux.org/docs/devguides/en/dev/#xcross-development-system-user's-guide">
  90                 Online User's guide
  91                 <i class="fa fa-external-link" aria-hidden="true"></i>
  92             </a>
  93         </li>
  94         <li>
  95             <a href="http://iot.bzh/download/public/XDS/docs/XDS_UsersGuide.pdf">
  96                 User's guide (PDF file)
  97                 <i class="fa fa-external-link" aria-hidden="true"></i>
  98             </a>
  99         </li>
 100     </ul>
 101 </body>
 102
 103 </html>