From c0a0680e81fb009eeb453a2ebc37d4fcae0ba581 Mon Sep 17 00:00:00 2001 From: Nile Krupa Sheel Date: Fri, 25 Mar 2022 19:41:27 +0530 Subject: [PATCH] update --- app.js | 29 ++++++++++++++++ image/chat.png | Bin 0 -> 2992 bytes image/clk.png | Bin 0 -> 3062 bytes image/music.png | Bin 0 -> 2525 bytes index.html | 41 +++++++++++++++++++++++ style.css | 87 ++++++++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 157 insertions(+) create mode 100644 image/chat.png create mode 100644 image/clk.png create mode 100644 image/music.png create mode 100644 index.html diff --git a/app.js b/app.js index e69de29..8c8356c 100644 --- a/app.js +++ b/app.js @@ -0,0 +1,29 @@ +var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; +var setTime = setInterval(showtime, 1000); + + +function showtime() +{ + var today = new Date(); + var hours = today.getHours(); + var minutes = today.getMinutes(); + var day = today.getDay(); + + + if(hours<10) + { + hours= `0${hours}`; + } + + if(minutes<10) + { + minutes=`0${minutes}`; + + } + + toptime.innerHTML=hours+":"+ minutes; + middletime.innerHTML= hours+":"+minutes; + daydisplay.innerHTML= days[day]; +} + + setInterval(time,1000); \ No newline at end of file diff --git a/image/chat.png b/image/chat.png new file mode 100644 index 0000000000000000000000000000000000000000..d597dc1c85019f0891f0c603a5a3b205b2037b94 GIT binary patch literal 2992 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 + + + + + + Smartwatch-ui + + + + + + + + + +
+
+
+

SmartWatch

+
+
+
+
+

+
+

+
+
+
+ + + +
+
+ +
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css index e69de29..9b2fa4b 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,87 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + } + html,body{ + height: 98%; + width: 100%; + + background:black; + } + .container{ + display: flex; + height: 100%; + margin-top: 20px; + + } + .left{ + width: 50%; + background-color:rgb(43, 46, 56); + margin-bottom: 10px; + } + .right{ + width: 50%; + background-color: white; + margin-bottom: 10px; + } + .text{ + position: relative; + top: 285px; + left: 150px; + font-size: 4rem; + font-weight: 800; + color: white; + font-family: 'Times New Roman', Times, serif; + } + + .clock{ + height: 340px; + width: 270px; + top: 140px; + left: 230px; + background: black; + border-radius: 15%; + border-top: 25px solid grey; + border-bottom: 25px solid grey; + color: white; + position: relative; + display: flex; + flex-direction: column; + + } + .clock h4{ + text-align: center; + margin-top: 15px; + } + .centertime{ + text-align: center; + position: relative; + top: 10%; + font-size: 1.5rem; + font-family: 'Times New Roman', Times, serif; + } + .centertime h1{ + font-size: 5rem; + } + .image{ + /* position: relative; */ + top: 75px; + display: flex; + justify-content: space-around; + margin: 0px 0px; + } + button{ + background-color: transparent; + margin-top: 75px; + display: flex; + justify-content: space-around; + border: none; + } + .image>img{ + width:10px; + } + .far,.fas{ + color: white; + font-size: 25px; + } \ No newline at end of file