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.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
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 {
|
||||
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%;
|
||||
}
|
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="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>
|
||||
|
||||
|
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