fixes incorrect event name appearnece

adds digital time and event name
updated css with b fabiolo font
2020-10-24 15:31:41 +02:00 · 2020-10-11 23:40:08 +02:00 · 2020-10-03 23:01:23 +02:00 · 2020-10-03 18:40:20 +02:00 · 2020-10-02 22:43:31 +02:00 · 2020-10-02 22:42:02 +02:00
10 changed files with 831 additions and 831 deletions
--- a/calenderwatch_client.wgt
+++ b/calenderwatch_client.wgt
--- a/config.xml
+++ b/config.xml
@@ -14,7 +14,5 @@
    <tizen:privilege name="http://tizen.org/privilege/filesystem.read"/>
    <tizen:privilege name="http://tizen.org/privilege/filesystem.write"/>
    <tizen:privilege name="http://tizen.org/privilege/mediastorage"/>
-    <tizen:privilege name="http://tizen.org/privilege/location"/>
-    
    <tizen:profile name="wearable"/>
 </widget>
--- a/css/CourierPrimeBold.ttf
+++ b/css/CourierPrimeBold.ttf
--- a/css/CourierPrimeSansRegular.ttf
+++ b/css/CourierPrimeSansRegular.ttf
--- a/css/alba.regular.ttf
+++ b/css/alba.regular.ttf
--- a/css/fabiolo-smallcap-regular.ttf
+++ b/css/fabiolo-smallcap-regular.ttf
--- a/css/style.css
+++ b/css/style.css
@@ -1,11 +1,16 @@

@font-face{
-    font-family: roboto;
-    src: url('JetBrainsMono-Bold.ttf');
+    font-family: courier;
+    src: url('CourierPrimeSansRegular.ttf');
+}
+
+@font-face{
+	font-family: fabiolo;
+	src: url('fabiolo-smallcap-regular.ttf')
 }

 .Roboto{
-    font-family: roboto;
+    font-family: fabiolo;
 }

 html, body {
@@ -13,7 +18,7 @@ html, body {
    height: 100%;
    margin: 0;
    overflow-y: hidden;
-    font-family: "roboto";
+    font-family: "courier";
    
 }

@@ -22,7 +27,7 @@ html, body {
    display: -webkit-flex;
    -webkit-align-items: center;
    width: 100%;
-    height: 100%
+    height: 100%;
 }

 #canvas-layout {
@@ -45,7 +50,6 @@ hour&minutes
 */
 #digital-body {
    position: absolute;
-    width: 70%;
    width: 360px;
    height: 360px;
    top: 0px;
@@ -53,40 +57,83 @@ hour&minutes
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
+  
+}
+
+#str-just-hours {
+	text-transform: full-width;
+    font-size: 600%;
+    font-style: bold;
+    letter-spacing: -2px;
+    float: left;
+    color: white;
+    width: 90px;
+    text-align: right;
 }

 #rec-time {
-  margin: 0;
-  position: absolute;
-  top: 50%;
+  position: relative;
+  display: inline-block;
+  top: 40%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
+  z-index: 1;
 }

 #str-hours {
-    font-size: 370%;
+    font-size: 450%;
    font-style: bold;
+    letter-spacing: -10px;
    float: left;
    color: white;
+    width: 80px;
+    text-align: right;
+    transform: translate(-5px, 0);
 }

 #str-console {
-    font-size: 370%;
-    font-style: bold;
+    font-size: 250%;
    float: left;
    color: white;
+    visibility: hidden;
+    transform: translate(-6px, 8px);
 }

 #str-minutes {
-    font-size: 370%;
-    font-style: bold;
+    font-size: 450%;
+    letter-spacing: -10px;
    float: left;
    color: white;
+    width: 70px;
+    text-align: left;
+    transform: translate(-15px, 0);
+    
 }

 #str-ampm {
    font-size: 280%;
    color: white;
    padding-top: 20%;
+}
+
+#str-event {
+position: absolute;
+  display: inline-block;
+  top:60%;
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  font-size: 175%;
+  color: white;
+  text-align: center;
+  z-index: 2;
+  line-height: 100%;
+  overflow: hidden;
+   text-overflow: ellipsis;
+   display: -webkit-box;
+   -webkit-line-clamp: 2; /* number of lines to show */
+   -webkit-box-orient: vertical;
+}
+	
 }
--- a/index.html
+++ b/index.html
@@ -6,17 +6,21 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="Canvas Watch - Canvas API & Time API" />
    <title>Canvas Watch</title>
+   
    <link rel="stylesheet" type="text/css" href="css/style.css" />
 </head>

 <body>

    <div id="digital-body">
+      	<div id="str-just-hours"></div>
+    
    	<div id="rec-time">
    	<div id="str-hours"></div>
    	<div id="str-console">:</div>
    	<div id="str-minutes"></div>
    	</div>
+    	<div id="str-event"></div>
    </div>
 	
    <div id="container">
@@ -25,7 +29,6 @@
    </div>
    

-    
    <script src="js/app.js"></script>
 </body>

--- a/js/app.js
+++ b/js/app.js
--- a/js/jquery-3.5.1.min.js
+++ b/js/jquery-3.5.1.min.js
Author	SHA1	Message	Date
raphael	1152e61384	fixes incorrect event name appearnece	2020-10-24 15:31:41 +02:00
raphael	a462151406	adds digital time and event name	2020-10-11 23:40:08 +02:00
raphael	feddff3fd6	updated css with b fabiolo font	2020-10-03 23:01:23 +02:00
raphael	2770c31e6d	adds scturcture for mixed design	2020-10-03 18:40:20 +02:00
raphael	c46e0be089	Merge branch 'dev' of git.maenle.net:raphael/calenderwatch_client into dev	2020-10-02 22:43:31 +02:00
raphael	433ddb4a68	adds jqurey, removes ':' when in longitude	2020-10-02 22:42:02 +02:00
raphael	9aaa040112	Merge branch 'master' into dev	2020-07-03 13:32:13 +02:00
Raphael Maenle	3367b3daa6	activates calendar polling and json readout	2020-05-16 17:26:17 +02:00