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