diff options
Diffstat (limited to 'webapp/src/index.html')
-rw-r--r-- | webapp/src/index.html | 110 |
1 files changed, 79 insertions, 31 deletions
diff --git a/webapp/src/index.html b/webapp/src/index.html index 290b4be..45ac90d 100644 --- a/webapp/src/index.html +++ b/webapp/src/index.html @@ -2,49 +2,97 @@ <head> <title> - XDS Dashboard + XDS Server </title> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <link rel="icon" type="image/x-icon" href="assets/favicon.ico"> - <!-- TODO cleanup - <link rel="stylesheet" href="lib/foundation-sites/dist/css/foundation.min.css"> - --> - <link <link href="lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> + <link rel="stylesheet" href="font-awesome.min.css"> - <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css"> - <link rel="stylesheet" href="lib/font-awesome-animation/dist/font-awesome-animation.min.css"> + <style> + body.page-content { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + height: 100%; + width: auto; + text-align: center; + background: url("assets/images/background_iot_bzh_light.png") 0 0 no-repeat; + background-color: lightgrey; + background-size: cover; + background-position: center; + color: #FFFFFF; + } - <!-- 1. Load libraries --> - <!-- Polyfill(s) for older browsers --> - <script src="lib/core-js/client/shim.min.js"></script> + img { + width: 15em; + } - <script src="lib/zone.js/dist/zone.js"></script> - <script src="lib/reflect-metadata/Reflect.js"></script> - <script src="lib/systemjs/dist/system.src.js"></script> + li { + list-style: none; + font-size: x-large; + padding-bottom: 10px; + } - <!-- 2. Configure SystemJS --> - <script src="systemjs.config.js"></script> - <script> - System.import('app') - .then(null, console.error.bind(console)); - </script> + a { + color: royalblue; + } - <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> + i.fa { + font-size: smaller; + } + #dashbButton { + font-size: large; + font-weight: bold; + background: none; + color: royalblue; + } + </style> </head> -<!-- 3. Display the application --> +<body class="page-content"> + + <img id="logo-iot" src="assets/images/iot-bzh-logo-small.png"> + + <h1 id="title">X(cross) Development System</h1> + + <h2>Please start XDS agent on your machine<br> and + <br> connect to XDS Dashboard + </h2> + + <button id="dashbButton"> + Try to connect to dashboard<br> + http://localhost:8000 + </button> + <script type="text/javascript"> + document.getElementById("dashbButton").onclick = function () { + location.href = "http://localhost:8000"; + }; + </script> + <i style="font:xx-small;">(URL may depend on your configuration)</i> + + <br><br><br> -<body style="padding-top: 70px;"> <!-- padding needed due to fixed navbar --> - <app> - <div style="text-align:center; position:absolute; top:50%; width:100%; transform:translate(0,-50%);"> - <img id="logo-iot" src="assets/images/iot-bzh-logo-small.png"> - <br> Loading... - <i class="fa fa-spinner fa-spin fa-fw"></i> - </div> - </app> + <h2>For more information, please refer to XDS User's Guide:</h2> + <ul> + <li> + <a href="http://docs.automotivelinux.org/docs/devguides/en/dev/reference/xds/part-1/1_install-client.html"> + Install instructions <i class="fa fa-external-link" aria-hidden="true"></i> + </a> + </li> + <li> + <a href="http://docs.automotivelinux.org/docs/devguides/en/dev/#xcross-development-system-user's-guide"> + Online User's guide <i class="fa fa-external-link" aria-hidden="true"></i> + </a> + </li> + <li> + <a href="http://iot.bzh/download/public/2017/XDS/docs/XDS_UsersGuide.pdf"> + User's guide (PDF file) <i class="fa fa-external-link" aria-hidden="true"></i> + </a> + </li> + </ul> </body> </html> |