raphael/calenderwatch_client
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: raphael:weather
Branches Tags
raphael:master raphael:longitude-digital raphael:weather raphael:dev
..
compare: raphael:longitude-digital
Branches Tags
raphael:longitude-digital raphael:weather raphael:dev raphael:master

4 Commits
weather ... longitude-

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
9 changed files with 826 additions and 829 deletions
Expand all files Collapse all files

BIN
calenderwatch_client.wgt
View File

Binary file not shown.

2
config.xml
View File

@ -14,7 +14,5 @@
<tizen:privilege name="http://tizen.org/privilege/filesystem.read"/> <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/filesystem.write"/>
<tizen:privilege name="http://tizen.org/privilege/mediastorage"/> <tizen:privilege name="http://tizen.org/privilege/mediastorage"/>
<tizen:privilege name="http://tizen.org/privilege/location"/>
<tizen:profile name="wearable"/> <tizen:profile name="wearable"/>
</widget> </widget>

BIN
css/CourierPrimeBold.ttf Normal file
View File

Binary file not shown.

BIN
css/CourierPrimeSansRegular.ttf Normal file
View File

Binary file not shown.

BIN
css/alba.regular.ttf Normal file
View File

Binary file not shown.

BIN
css/fabiolo-smallcap-regular.ttf Normal file
View File

Binary file not shown.

74
css/style.css
View File

@ -1,11 +1,16 @@
@font-face{ @font-face{
font-family: roboto; font-family: courier;
src: url('JetBrainsMono-Bold.ttf'); src: url('CourierPrimeSansRegular.ttf');
}
@font-face{
font-family: fabiolo;
src: url('fabiolo-smallcap-regular.ttf')
} }
.Roboto{ .Roboto{
font-family: roboto; font-family: fabiolo;
} }
html, body { html, body {
@ -13,7 +18,7 @@ html, body {
height: 100%; height: 100%;
margin: 0; margin: 0;
overflow-y: hidden; overflow-y: hidden;
font-family: "roboto"; font-family: "courier";
} }
@ -22,7 +27,7 @@ html, body {
display: -webkit-flex; display: -webkit-flex;
-webkit-align-items: center; -webkit-align-items: center;
width: 100%; width: 100%;
height: 100% height: 100%;
} }
#canvas-layout { #canvas-layout {
@ -45,7 +50,6 @@ hour&minutes
*/ */
#digital-body { #digital-body {
position: absolute; position: absolute;
width: 70%;
width: 360px; width: 360px;
height: 360px; height: 360px;
top: 0px; top: 0px;
@ -53,41 +57,83 @@ hour&minutes
background-size: 100%; background-size: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
overflow: hidden; 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 { #rec-time {
margin: 0; position: relative;
position: absolute; display: inline-block;
top: 50%; top: 40%;
left: 50%; left: 50%;
-ms-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 1;
} }
#str-hours { #str-hours {
font-size: 370%; font-size: 450%;
font-style: bold; font-style: bold;
letter-spacing: -10px;
float: left; float: left;
color: white; color: white;
width: 80px;
text-align: right;
transform: translate(-5px, 0);
} }
#str-console { #str-console {
font-size: 370%; font-size: 250%;
font-style: bold;
float: left; float: left;
color: white; color: white;
visibility: hidden; visibility: hidden;
transform: translate(-6px, 8px);
} }
#str-minutes { #str-minutes {
font-size: 370%; font-size: 450%;
font-style: bold; letter-spacing: -10px;
float: left; float: left;
color: white; color: white;
width: 70px;
text-align: left;
transform: translate(-15px, 0);
} }
#str-ampm { #str-ampm {
font-size: 280%; font-size: 280%;
color: white; color: white;
padding-top: 20%; 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;
}
} }

3
index.html
View File

@ -13,11 +13,14 @@
<body> <body>
<div id="digital-body"> <div id="digital-body">
<div id="str-just-hours"></div>
<div id="rec-time"> <div id="rec-time">
<div id="str-hours"></div> <div id="str-hours"></div>
<div id="str-console">:</div> <div id="str-console">:</div>
<div id="str-minutes"></div> <div id="str-minutes"></div>
</div> </div>
<div id="str-event"></div>
</div> </div>
<div id="container"> <div id="container">

1576
js/app.js
View File

File diff suppressed because it is too large Load Diff