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