67 lines
3.3 KiB
HTML
67 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Licensed to the Apache Software Foundation (ASF) under one
|
|
or more contributor license agreements. See the NOTICE file
|
|
distributed with this work for additional information
|
|
regarding copyright ownership. The ASF licenses this file
|
|
to you under the Apache License, Version 2.0 (the
|
|
"License"); you may not use this file except in compliance
|
|
with the License. You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing,
|
|
software distributed under the License is distributed on an
|
|
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
KIND, either express or implied. See the License for the
|
|
specific language governing permissions and limitations
|
|
under the License.
|
|
-->
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<!--
|
|
Customize this policy to fit your own app's needs. For more guidance, please refer to the docs:
|
|
https://cordova.apache.org/docs/en/latest/
|
|
Some notes:
|
|
* https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
|
|
* Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
|
|
* Enable inline JS: add 'unsafe-inline' to default-src
|
|
-->
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="msapplication-tap-highlight" content="no">
|
|
<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
|
|
<meta name="color-scheme" content="light dark">
|
|
<link rel="stylesheet" href="css/index.css">
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<!-- JavaScript Bundle with Popper -->
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
<title>Hello World</title>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h1>Applejack is best pony</h1>
|
|
<div>
|
|
<img src="./img/aj.gif" width="100%" alt="aj" id="aj" class="mx-auto d-block" />
|
|
</div>
|
|
<div class="content justify-content-center">
|
|
<button class="btn btn-primary mx-auto d-block" id="takePicture">Camera</button>
|
|
<button class="btn btn-secondary mx-auto d-block" id="getPosition">Position</button>
|
|
<button class="btn btn-info mx-auto d-block" id="getCon">Est connecté ?</button>
|
|
<button class="btn btn-danger mx-auto d-block" id="getNotif">Notif</button>
|
|
<h2 style="color: white;">Batterie</h2>
|
|
<div class="progress">
|
|
<div id="batteryLevel" class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%"></div>
|
|
</div>
|
|
<div class="camera">
|
|
<img src="" alt=" " class="mx-auto d-block imgh" id="imgToReplace">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<script src="cordova.js"></script>
|
|
<script src="js/index.js"></script>
|
|
</body>
|
|
</html>
|