Compare commits
8 Commits
9aaa040112
...
weather
Author | SHA1 | Date | |
---|---|---|---|
a26016bcaa | |||
c46e0be089 | |||
9f6d5ccc1f | |||
433ddb4a68 | |||
0fb84634e2 | |||
d972fbb7ca | |||
84687f3c73 | |||
dfdcc1780a |
BIN
calenderwatch_client.wgt
Normal file
BIN
calenderwatch_client.wgt
Normal file
Binary file not shown.
@ -14,5 +14,7 @@
|
|||||||
<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/JetBrainsMono-Bold.ttf
Normal file
BIN
css/JetBrainsMono-Bold.ttf
Normal file
Binary file not shown.
@ -1,10 +1,23 @@
|
|||||||
|
|
||||||
|
@font-face{
|
||||||
|
font-family: roboto;
|
||||||
|
src: url('JetBrainsMono-Bold.ttf');
|
||||||
|
}
|
||||||
|
|
||||||
|
.Roboto{
|
||||||
|
font-family: roboto;
|
||||||
|
}
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
font-family: "roboto";
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#container {
|
#container {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
-webkit-align-items: center;
|
-webkit-align-items: center;
|
||||||
@ -19,9 +32,62 @@ html, body {
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#canvas-content {
|
#canvas-content {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: 2;
|
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%;
|
||||||
}
|
}
|
12
index.html
12
index.html
@ -6,14 +6,26 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
<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" />
|
<meta name="description" content="Canvas Watch - Canvas API & Time API" />
|
||||||
<title>Canvas Watch</title>
|
<title>Canvas Watch</title>
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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">
|
<div id="container">
|
||||||
<canvas id="canvas-layout"></canvas>
|
<canvas id="canvas-layout"></canvas>
|
||||||
<canvas id="canvas-content"></canvas>
|
<canvas id="canvas-content"></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<script src="js/app.js"></script>
|
<script src="js/app.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
2
js/jquery-3.5.1.min.js
vendored
Normal file
2
js/jquery-3.5.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user