diff options
| -rw-r--r-- | src/styles/app.scss | 10 | ||||
| -rw-r--r-- | src/styles/main.scss | 8 | ||||
| -rw-r--r-- | src/templates/index.html | 191 |
3 files changed, 2 insertions, 207 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss index d7290f4..014e722 100644 --- a/src/styles/app.scss +++ b/src/styles/app.scss @@ -1,15 +1,9 @@ -$colors: ( - primary: #00ADDC, - secondary: #223340, - font: #FFFFFF, - grey: #848286 -); - - $body-bg: transparent; $body-color: #FFFFFF; $list-group-bg: transparent; $font-size-base: 1.5rem; +$input-bg: transparent; +$input-color: #FFFFFF; @import "~bootstrap/scss/bootstrap"; @import "main.scss"; diff --git a/src/styles/main.scss b/src/styles/main.scss index 626d127..e5e81f5 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -2,14 +2,6 @@ display: none; } -::-webkit-progress-bar { - background: map-get($colors, grey); -} - -::-webkit-progress-value { - background-color: map-get($colors, primary); -} - html { height: 100%; background-size: cover; diff --git a/src/templates/index.html b/src/templates/index.html deleted file mode 100644 index 20de554..0000000 --- a/src/templates/index.html +++ /dev/null @@ -1,191 +0,0 @@ -<!-- - Copyright 2019 Igalia, S.L. - - Licensed 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. ---> -<!doctype html> -<html lang="en"> - <head> - <!-- Required meta tags --> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - </head> - <body> - <div class="page" id="main"> - <h1 class="header"> - Settings - </h1> - <div class="container"> - <a href="#" class="entry" onclick="window.show('datetime');"> - <div class="icon"> - <i class="fa fa-clock"></i> - </div> - <div class="label"> - Date & Time - </div> - <div class="control"> - </div> - </a> - <a href="#" class="entry"> - <div class="icon"> - <i class="fab fa-bluetooth-b"></i> - </div> - <div class="label" onclick="window.show('bluetooth');"> - Bluetooth - </div> - <div id="BluetoothControl" class="control enabled" onclick="window.toggle_bluetooth();"> - <span class="fa fa-toggle-on on"></span> - <span class="fa fa-toggle-off off"></span> - </div> - </a> - <a href="#" class="entry" onclick="window.show('wifi');"> - <div class="icon"> - <i class="fas fa-wifi"></i> - </div> - <div class="label"> - Wifi - </div> - <div class="control"> - <!-- <span class="fa fa-toggle-on on"></span> --> - <span class="fa fa-toggle-off off"></span> - </div> - </a> - <a href="#" class="entry" onclick="window.show('wired');"> - <div class="icon"> - <i class="fas fa-network-wired"></i> - </div> - <div class="label"> - Wired - </div> - </a> - <a href="#" class="entry" onclick="window.show('version');"> - <div class="icon"></div> - <div class="icon"> - <i class="fas fa-tachometer-alt"></i> - </div> - <div class="label"> - Version info - </div> - </a> - </div> - </div> - - <div class="secondary page hide" id="datetime"> - <h1 class="header"> - <a href="#" class="backButton" onclick="window.hide('datetime')"> - <i class="fas fa-chevron-left"></i> - </a> - Date & Time - </h1> - <div class="entry"> - <h2> - Date - </h2> - </div> - <div class="entry"> - <h2> - Time - </h2> - </div> - </div> - - <div class="secondary page hide" id="bluetooth"> - <h1 class="header"> - <a href="#" class="backButton" onclick="window.hide('bluetooth')"> - <i class="fas fa-chevron-left"></i> - </a> - Bluetooth - </h1> - <div id="BluetoothContainer" class="container"></div> - <div class="footer"> - <a href="#" filter="available" class="button active" onclick="window.setFilter_bluetooth(this)"> - Available - </a> - <a href="#" filter="paired" class="button" onclick="window.setFilter_bluetooth(this)"> - Paired - </a> - <a href="#" filter="connected" class="button" onclick="window.setFilter_bluetooth(this)"> - Connected - </a> - </div> - <script id="bluetooth-device-template" type="x-tmpl-mustache"> - <div class="entry" deviceId="{{device}}"> - <div class="icon"> - <span class="fab fa-bluetooth"></span> - </div> - <div class="label" onclick="window.manage_bluetooth('{{device}}', {{properties.paired}}, {{ properties.connected }})"> - <div class="title"> - {{ properties.name }} - </div> - <div class="subtitle"> - {{ properties.address }} - </div> - </div> - <div class="control" onclick="window.remove_device_bluetooth('{{device}}')"> - <span class="fa fa-trash"></span> - </div> - </div> - </script> - </div> - - <div class="secondary page hide" id="wifi"> - <h1 class="header"> - <a href="#" class="backButton" onclick="window.hide('wifi')"> - <i class="fas fa-chevron-left"></i> - </a> - Wifi - </h1> - <div id="WifiContainer" class="container"></div> - <script id="wifi-device-template" type="x-tmpl-mustache"> - <div class="entry" service="{{service}}"> - <div class="icon"> - <span class="fas fa-wifi"></span> - </div> - <div class="label" onclick="window.manage_bluetooth('{{device}}', {{properties.paired}}, {{ properties.connected }})"> - <div class="title"> - {{ properties.name }} - </div> - <div class="subtitle"> - {{ properties.ethernet.address }} - </div> - </div> - <div class="control"> - {{ properties.strength }}% - </div> - </div> - </script> - </div> - - <div class="secondary page hide" id="wired"> - <h1 class="header"> - <a href="#" class="backButton" onclick="window.hide('wired')"> - <i class="fas fa-chevron-left"></i> - </a> - Wired - </h1> - </div> - - <div class="secondary page hide" id="version"> - <h1 class="header"> - <a href="#" class="backButton" onclick="window.hide('version')"> - <i class="fas fa-chevron-left"></i> - </a> - Version info - </h1> - </div> - - <div class="log" id="log"> - - </div> - </body> -</html>
\ No newline at end of file |