Big update, adding favicons and minor changes to server and webpage styling

This commit is contained in:
2017-02-19 10:36:35 +01:00
parent 2b0712364c
commit e75971e2dd
305 changed files with 461 additions and 13 deletions

29
public/index.html Normal file → Executable file
View File

@@ -9,12 +9,28 @@
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="images/manifest.json">
<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="images/favicon.ico">
<meta name="msapplication-config" content="images/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black-translucent" id="status_bar" name="apple-mobile-web-app-status-bar-style" />
<script type="text/javascript">
if(!navigator.standalone && (/iphone|ipod|ipad/gi).test(navigator.platform) && (/Safari/i).test(navigator.appVersion)){
document.getElementById("status_bar").content = "black-translucent";
}
</script>
<style type="text/css">
html * {
font-family: 'Ubuntu', sans-serif !important;
}
.myContainer {
margin-top: 20px;
margin-top: 85px;
margin-left: auto;
margin-right: auto;
width: 100%;
@@ -65,6 +81,12 @@
<h2>Fan Controller</h2>
</div>
<hr>
<div class="state_display">
<h4>Current fan state:</h4>
<span id="state">ON</span>
</div>
<hr>
<div style="text-align:center;">
@@ -72,11 +94,6 @@
<button class="btn btn-danger" id="off" type="submit" onclick="UserAction('off')">OFF</button>
</div>
<div class="state_display">
<h4>Current fan state:</h4>
<span id="state">ON</span>
</div>
<hr>
</div>