From d1d13806e3ce1003b8397aebb07f555256778993 Mon Sep 17 00:00:00 2001 From: Akshika Mudgal <66902249+akshikamudgal@users.noreply.github.com> Date: Fri, 13 May 2022 23:24:06 +0530 Subject: [PATCH 1/4] Update app.js --- app.js | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/app.js b/app.js index e69de29..1a7c52d 100644 --- a/app.js +++ b/app.js @@ -0,0 +1,31 @@ +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); From 3c4d4c7944c7b08eecc8b154838fd2b1561a6e6c Mon Sep 17 00:00:00 2001 From: Akshika Mudgal <66902249+akshikamudgal@users.noreply.github.com> Date: Fri, 13 May 2022 23:24:43 +0530 Subject: [PATCH 2/4] Update index.js --- index.js | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/index.js b/index.js index e69de29..8f75886 100644 --- a/index.js +++ b/index.js @@ -0,0 +1,43 @@ + + + + + + + Smartwatch-ui + + + + + + + + + +
+
+
+

SmartWatch

+
+
+
+
+

+
+

+
+
+
+ + + +
+
+ +
+
+ + + + + From 9b463c523381075cccf86954cc619d2087bb179e Mon Sep 17 00:00:00 2001 From: Akshika Mudgal <66902249+akshikamudgal@users.noreply.github.com> Date: Fri, 13 May 2022 23:25:30 +0530 Subject: [PATCH 3/4] Update style.css --- style.css | 82 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 82 insertions(+) diff --git a/style.css b/style.css index e69de29..2e2f258 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,82 @@ +* { + 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: 90px; + display: flex; + justify-content: space-between; + margin: 0px 25px; + } + button { + background-color: transparent; + border: none; + outline: none; + } + .far, + .fas { + color: white; + font-size: 25px; + } From 5bc30d566054d9ddcf805f5bd6f59dac7f79b6ea Mon Sep 17 00:00:00 2001 From: Akshika Mudgal <66902249+akshikamudgal@users.noreply.github.com> Date: Fri, 13 May 2022 23:28:12 +0530 Subject: [PATCH 4/4] Rename index.js to index.html --- index.js => index.html | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename index.js => index.html (100%) diff --git a/index.js b/index.html similarity index 100% rename from index.js rename to index.html