Merge pull request #14 from SEPIA-Framework/dev

Multiple updates to support SEPIA-Home v2.2.0

Author: fquirin

config.xml

@@ -1,5 +1,5 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget id="org.example.sepia.app.web" version="0.15.2" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+<widget id="org.example.sepia.app.web" version="0.16.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
     <name>S.E.P.I.A.</name>
     <description>
         Prototype of S.E.P.I.A. framework client

www/always-on.html

@@ -25,6 +25,7 @@
 						<div id="sepiaFW-alwaysOn-battery"></div>
 					</div>
 				</div>
+				<div id="sepiaFW-alwaysOn-stt-out"></div>
 			</div>
 		</div>
 	</div>

www/css/sepiaFW-alwaysOn.css

@@ -197,4 +197,18 @@
 }
 #sepiaFW-alwaysOn-info-box > div {
 	padding: 4px;
+}
+
+#sepiaFW-alwaysOn-stt-out {
+	height: 42px;
+    width: 100%;
+    text-align: center;
+    color: #ceff1a;
+    padding: 0px 24px;
+    position: absolute;
+	bottom: 12px;
+	font-size: 18px;
+	overflow: hidden;
+	display: flex;
+    flex-direction: column-reverse;
 }

www/css/sepiaFW-skin-dark-sepia.css

@@ -151,6 +151,7 @@ html {
 }
 .sepiaFW-cards-list-body .listElement div,
 .sepiaFW-cards-list-body .weatherNowSmall > div,
+.sepiaFW-cards-list-body .linkCard > div,
 .sepiaFW-cards-list-body .timeEvent div,
 .sepiaFW-cards-list-body .newsArticle .newsCenter,
 .sepiaFW-cards-list-body .radioStation div {

www/css/sepiaFW-skin-grid.css

@@ -28,6 +28,12 @@ html {
 	box-shadow: 0 0 5px #15abc3;
 	color: #fff;
 }
+.sepiaFW-ao-mode #sepiaFW-nav-bar, 
+.sepiaFW-ao-mode #sepiaFW-chat-controls-form, 
+.sepiaFW-ao-mode #sepiaFW-chat-controls-right {
+	border: 0 !important;
+	box-shadow: 0 0 0px !important;
+}
 #sepiaFW-nav-bar {
 	margin-top: 1px;
 }
@@ -334,7 +340,8 @@ html {
 }
 .sepiaFW-cards-list-body .timeEvent > div,
 .sepiaFW-cards-list-body .radioStation > div,
-.sepiaFW-cards-list-body .weatherNowSmall > div {
+.sepiaFW-cards-list-body .weatherNowSmall > div,
+.sepiaFW-cards-list-body .linkCard > div {
     background: rgba(20, 163, 187, 0.66);
     color: #fff !important;
     box-shadow: 0 0 5px #15abc3;

www/css/sepiaFW-skin-neo-sepia-dark.css

@@ -25,12 +25,12 @@ html {
 }
 
 #sepiaFW-pC 	{ background-color: #101418; }
-#sepiaFW-sC 	{ background-color: #ceff1a; }
+#sepiaFW-sC 	{ background-color: #beff1a; } 	/*note: the change from ceff1a to beff1a is intentional*/
 #sepiaFW-sC2 	{ background-color: #08a0c8; 	}
 #sepiaFW-aC 	{ background-color: rgb(186, 42, 42); 	}
 #sepiaFW-aC2 	{ background-color: #08a0c8; 	}
-#sepiaFW-asC 	{ background-color: #ceff1a; 	}
-#sepiaFW-adC 	{ background-color: #ceff1a; 	}
+#sepiaFW-asC 	{ background-color: #beff1a; 	}
+#sepiaFW-adC 	{ background-color: #beff1a; 	}
 #sepiaFW-lC 	{ background-color: #535557; 	}
 
 #sepiaFW-login-box {
@@ -41,7 +41,7 @@ html {
 	color: #ECEBE7;
 }
 #sepiaFW-login-box button {
-	background: #ceff1a;
+	background: #beff1a;
 	color: #101418;
 }
 #sepiaFW-login-links a {
@@ -68,7 +68,7 @@ html {
 }
 .sepiaFW-notouch-device #sepiaFW-main-window button:hover {
 	background: transparent;
-	color: #ceff1a;
+	color: #beff1a;
 }
 
 #sepiaFW-chat-input {
@@ -115,7 +115,7 @@ html {
 	max-width: none;
 }
 #sepiaFW-chat-controls-more-menu button {
-	background: #ceff1a;
+	background: #beff1a;
 	color: #101418;
 }
 #sepiaFW-chat-menu {
@@ -133,7 +133,7 @@ html {
 }
 #sepiaFW-chat-menu button {
 	border: 1px solid #ECEBE7;
-	background-color: #ceff1a;
+	background-color: #beff1a;
 	color: #101418;
 	margin: 4px;
 }
@@ -147,7 +147,7 @@ html {
 }
 
 .sepiaFW-notouch-device #sepiaFW-main-window .chat-buttons-area button:hover {
-    background-color: #ceff1a !important;
+    background-color: #beff1a !important;
 	color: #101418 !important;
 }
 #sepiaFW-main-window .chat-buttons-area button {
@@ -163,7 +163,7 @@ html {
 	color: #ECEBE7 !important;
 }
 #sepiaFW-main-window #sepiaFW-myFirstStart-buttons button {
-	background: #ceff1a !important;
+	background: #beff1a !important;
 	color: #101418 !important
 }
 .sepiaFW-notouch-device #sepiaFW-main-window #sepiaFW-myFirstStart-buttons button:hover {
@@ -173,7 +173,7 @@ html {
 #sepiaFW-main-window #sepiaFW-myEvents-buttons button,
 #sepiaFW-main-window #sepiaFW-myEvents-buttons-replaced button,
 .sepiaFW-touch-device #sepiaFW-main-window #sepiaFW-myEvents-buttons button {
-    background: #ceff1a !important;
+    background: #beff1a !important;
 	color: #101418 !important;
 }
 /*
@@ -202,7 +202,7 @@ html {
 	color: #ECEBE7;
 }
 #sepiaFW-chat-output article.chatAssistant {
-	background: #ceff1a;
+	background: #beff1a;
 	color: #101418;
 }
 #sepiaFW-chat-output article.chatAssistant b{
@@ -255,6 +255,7 @@ html {
 }
 .sepiaFW-cards-list-body .listElement div,
 .sepiaFW-cards-list-body .weatherNowSmall > div,
+.sepiaFW-cards-list-body .linkCard > div,
 .sepiaFW-cards-list-body .timeEvent div,
 .sepiaFW-cards-list-body .newsArticle .newsCenter,
 .sepiaFW-cards-list-body .radioStation div {
@@ -295,10 +296,10 @@ html {
     background: #101418;
 }
 #sepiaFW-teachUI-view label {
-    color: #ceff1a;
+    color: #beff1a;
 }
 #sepiaFW-teachUI-editor button, 
 #sepiaFW-teachUI-manager button {
-    background: #ceff1a !important;
+    background: #beff1a !important;
     color: #101418 !important;
 }