From 56c2aaaded470a7d3baadd174fbce8b960a77a8d Mon Sep 17 00:00:00 2001 From: trishasinha22 Date: Sat, 2 Apr 2022 14:39:57 +0530 Subject: [PATCH] ProGrad ID: 8757 --- app.js | 29 ++++++++++++++++ images/chat.PNG | Bin 0 -> 2812 bytes images/music.PNG | Bin 0 -> 2018 bytes images/time.PNG | Bin 0 -> 3298 bytes index.html | 34 ++++++++++++++++++ style.css | 88 +++++++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 151 insertions(+) create mode 100644 images/chat.PNG create mode 100644 images/music.PNG create mode 100644 images/time.PNG create mode 100644 index.html diff --git a/app.js b/app.js index e69de29..150ab39 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}`; + + } + + topt.innerHTML=hours+":"+ minutes; + middle.innerHTML= hours+":"+minutes; + daydis.innerHTML= days[day]; +} + + setInterval(time,1000); \ No newline at end of file diff --git a/images/chat.PNG b/images/chat.PNG new file mode 100644 index 0000000000000000000000000000000000000000..ee483e0edfb7d16841fa8add96f0b351ed159a29 GIT binary patch literal 2812 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 literal 0 HcmV?d00001 diff --git a/images/music.PNG b/images/music.PNG new file mode 100644 index 0000000000000000000000000000000000000000..42ec89d5ca7ae72c9d4d6f3ca0935f8755cb96c1 GIT binary patch literal 2018 zcmbW2X*3%O7RPyBEp62k8A7d9OIuqW7p-0Ls3nowVhc^hybGg zBT+_>8dgL^A{Gh(J7e#xO-no64pi-pV1OOKaY(qm@x91VhZ-<&`-+f2i}ImCf(G6B z`17)vDw&nG3Wq1-exuI4Ur9jSZ9{^^`b2uN_< zeWT^UHGt9}3+1gI$f(pi;GC|SiAgPTS~(y!yfSNJ2ffgLxv~GeKsmS`|1N#r5Qj6h zF#j&gbv}Em6!3_!38*-l?Ze@?6bG;DA<0J5EcqP0IZ+)2)7ci?oET9s|9ptD+;ZE{ zD?%}5!B1-wlPdJ5| zEZPkqd~ql-9x1o$|8;u=Z-Et;GZx@%;#f^G(ae{)_8r!gJ;S5CweBN*L(M(@YA%s1 zCNu|1lois1`0DSZ{Ckw$_4BZ>F1mh@{h>!gV7He=VgFWF0#6qsrs%m}x6RU8t;V_K zydcgvH6MFg@ysU4+zhRi@A{OI7n?pDQ?tbS(o4cJY7@b+9aztdqx(4in6U;8mnc-G>DG$iU|0q1_p;Dl< z-mIX-v4@J2mXA^qp-m_DbBRp00nu|nTdCo1c}2rZtaf{b_jfZGT|iSqA+&w5lAWS= z7EI8e=;+CU(065xt?5rQba-b_rfMN~hTjplZy-Q+cMZd~l=jcS$iANONLfmPVDL%a z-M3cMnZ?KZrEq{!40%zmU7 zdN-$FuQ@dmh}Tin&r#tQYzr8Cx>c{%^Jf#Oour=pXGGHvI~rR~aYt2B4^?92IiU7W zi}`HL^n`KyNh9N zxx3~|@t6x?hJ8l`l!E>Qg%`>*H=A&F>Ao}JQPj@13&Y0$68gZkZRYyF~fkNNt>dBX(Ej#*s`RI`H(uIYI z#dRjFg`MJaSYC2+^~*8CSk(OVc|c~&_GwVpV%8Y&LJp?KWpD1%zU~iO0$adxg3#c; zHhqcm28SnLczsQC^R`dirGB?MtZYSn^6&=W4QSdjmDCsao2C0o`!AU>C$gc7Yh$~6 zmP1GvyW*)L`cv?-!HEi2`B32jM>&r)yL^qdJ|}q3=*$NYJ80+JQNNC z$IvX}E<8E;>zWxP24PS(1k5dt%`BCWiS(HeA2)#dMYSE~IX literal 0 HcmV?d00001 diff --git a/images/time.PNG b/images/time.PNG new file mode 100644 index 0000000000000000000000000000000000000000..a89951e0078e74fa97352dea4ca52d377093070b GIT binary patch literal 3298 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 + + + + + + SmartWatch + + + +
+
+
+

SmartWatch

+
+
+
+
+

+
+

+

+
+
+ + + +
+
+
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css index e69de29..615a663 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,88 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +html,body{ + background: black; + height: 100%; + width: 100%; +} +.container{ + display: flex; + margin-top: 20px; + height: 100%; +} +.left{ + width: 50%; + background-color:rgb(43, 46, 56); + margin-bottom: 10px; + } + .right{ + width: 50%; + background-color: white; + margin-bottom: 10px; + } + .text{ + position: relative; + font-size:400%; + font-weight: normal; + color: white; + top: 285px; + left: 150px; + font-family: 'Times New Roman', Times, serif; + } + + .clock{ + height: 350px; + width: 250px; + top: 140px; + left: 230px; + background: black; + border-radius: 13%; + border-top: 25px solid grey; + border-bottom: 25px solid grey; + color: white; + position: relative; + display: flex; + flex-direction: column; + + } + .clock h3{ + text-align: center; + margin-top: 15px; + } + .center{ + text-align: center; + position: relative; + top: 10%; + font-family: 'Times New Roman', Times, serif; + } + .center h1{ + font-size:550%; + } + #daydis{ + font-size: 100%; + } + img{ + position: relative; + display: flex; + height: 30px; + } + + #img1{ + margin-left: 60%; +} +#img2{ + margin-left: 200%; +} +#img3{ + margin-left: 350%; +} +button{ + background-color: transparent; + justify-content: space-around; + margin-top: 35%; + border: none; + } +