8 Commits

7 changed files with 902 additions and 578 deletions

BIN
calenderwatch_client.wgt Normal file

Binary file not shown.

View File

@ -14,5 +14,7 @@
<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>

BIN
css/JetBrainsMono-Bold.ttf Normal file

Binary file not shown.

View File

@ -1,10 +1,23 @@
@font-face{
font-family: roboto;
src: url('JetBrainsMono-Bold.ttf');
}
.Roboto{
font-family: roboto;
}
html, body {
width: 100%;
height: 100%;
margin: 0;
overflow-y: hidden;
font-family: "roboto";
}
#container {
display: -webkit-flex;
-webkit-align-items: center;
@ -19,9 +32,62 @@ html, body {
z-index: 1;
}
#canvas-content {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
/*
hour&minutes
*/
#digital-body {
position: absolute;
width: 70%;
width: 360px;
height: 360px;
top: 0px;
left: 0px;
background-size: 100%;
background-repeat: no-repeat;
overflow: hidden;
}
#rec-time {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#str-hours {
font-size: 370%;
font-style: bold;
float: left;
color: white;
}
#str-console {
font-size: 370%;
font-style: bold;
float: left;
color: white;
visibility: hidden;
}
#str-minutes {
font-size: 370%;
font-style: bold;
float: left;
color: white;
}
#str-ampm {
font-size: 280%;
color: white;
padding-top: 20%;
}

View File

@ -6,14 +6,26 @@
<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="rec-time">
<div id="str-hours"></div>
<div id="str-console">:</div>
<div id="str-minutes"></div>
</div>
</div>
<div id="container">
<canvas id="canvas-layout"></canvas>
<canvas id="canvas-content"></canvas>
</div>
<script src="js/app.js"></script>
</body>

1398
js/app.js

File diff suppressed because it is too large Load Diff

2
js/jquery-3.5.1.min.js vendored Normal file

File diff suppressed because one or more lines are too long