From bc399777a840ffe8d5fa76921a665452f3f3d6f7 Mon Sep 17 00:00:00 2001 From: hamed Date: Fri, 17 Dec 2021 10:35:16 +0330 Subject: [PATCH 1/3] compilit th tasks --- img/Group.png | Bin 0 -> 974 bytes img/Vector.png | Bin 0 -> 955 bytes img/arrow.png | Bin 0 -> 228 bytes img/heart.png | Bin 0 -> 402 bytes img/like.png | Bin 0 -> 1479 bytes img/person-icon.png | Bin 0 -> 20992 bytes img/retweet.png | Bin 0 -> 1094 bytes img/share.png | Bin 0 -> 492 bytes index.css | 170 ++++++++++++++++++++++++++++++++++---------- index.html | 66 +++++++++++++---- index.js | 75 +++++++++++++++++-- 11 files changed, 258 insertions(+), 53 deletions(-) create mode 100644 img/Group.png create mode 100644 img/Vector.png create mode 100644 img/arrow.png create mode 100644 img/heart.png create mode 100644 img/like.png create mode 100644 img/person-icon.png create mode 100644 img/retweet.png create mode 100644 img/share.png diff --git a/img/Group.png b/img/Group.png new file mode 100644 index 0000000000000000000000000000000000000000..8723c668497b28db3a4b0ecb65a74eab96bd468a GIT binary patch literal 974 zcmV;<12O!GP)turf$EC?%@__D zA;1I>2H@!HD6xWo%Wl?MmlgooPZtQrq;#osR2_i<=HzZ5K1Lj~+di)RfEWlQXEp51 zR!UtFKtAX`5i~o;l@s{KI5@L&iqu<;R7Ai$6U#nkiG!$J;|&W6fWWQvIPnA&SfHUV zRnrK41#sdGB<#b?ZN9X1mVt9Ab1n@p7mklJU5FA-J^vtWh@|dhGOpUlnd)ssee2&p zuUDEty2MK|CZsYY)y-kU&cceo?caBlE^sbGj+u=b&m$*oSZnqAf8H@KWo#tu*?DF5lB`CM+Ry8bO z`>66x7QveYl+9JQWszV-a2$6}7L?zkeC@QiYcfWW=G|=G)6#|)5q2h71PxjiV!}kN ztt8s8B5)T?n3%Vigitmaqj>8ZXx=28nGS5jFr3$`T_>Tp31~P2x`q|v!O`BrOZ7~; z1j8PXwk22HOJ(`{<{kWJ)XsX6OEv|G>{xx%R zE*bW~!!MYmQy>SmteofM01GPu+Y-ejstQc?UR)6@Ii`}zLc}+rl@l_aSY)Kq%1CO& zMN;98SR1U_?&4@fU%nv%t9L4zwI$9^;~K10YPJW5s-hA3G@tP`qUqR!FPCLL;NLyT zH?|~<$cfzdrG7e{Fjm4*AzkuJBZ6o|7N+-M*22MQuZxN#uMFECeP6zXN**7Ulzc91 zg{XSLdl5CBRKjJ#7i@7nmprq?6t%0am_$y-u!yxfN0pvGhcUUJfPCpBuBT`kFQu`; zPFq<%i=~K)?U2X#WzJrddFF3^Y9w-gz_eyNfw1UZ5X%j4NZ?+Rg0ZP#8wLBVUc5AD*X3Sm7yh5ECxx0=L@GrXgb35I4 zW~fm>kz%HDe(pT(+P$nLp?C z*T19R?YF;e5t%$O7YvBi0E=+PYS^2&UaQxtjUOeVEY`K{3WSu}vCI(qkT8VAP{$PFj+{MQ@SoyF()20t*aRNHqQ*#GFWtZ1EhLO|S^^eq zoaB{=O`k=_ZrnJ1@1L$3Cj|cql!&!Nc(5dia8EsDmB>hMGTFP@A_+W`wAE2uGZG?F z+$==&Bn_hHI!NX^`2TZDvQtG(>0@iCd2YYNh~ zr!VE0Z9qa0$uaOR_)0n0^qsioLaU)#<*iLPcO{X6?R5YE002ovPDHLkV1hOxuWtYV literal 0 HcmV?d00001 diff --git a/img/arrow.png b/img/arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..63fc9461ed97d9d0ef46816db4af4f50e22f2e90 GIT binary patch literal 228 zcmeAS@N?(olHy`uVBq!ia0vp^d_c^>!3HEx3Z6Ryq&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFM%AEbVpxD28NCO+8Zug{bhSQ7!dQVi^F0f>8~99 z6O)=sBobx$sT{O`6V8^4>M3Nb==$h2eNockBo8Yk#Zu8KNs&URa!!0KXYK_2iGT2& zQ&;Ub?PLo&6dd@|f1KUOj#>%jo({*OuD>Jq0*`15!_W1iAHoPNQC6ju==d$wuF=>M zW~4onJXa!tcB$_gv#CVtYiem&&7aS$EzCtSJ1fMpL(OL;Ap`!{Sxr(Cl`?nCCYg4{ wceyMP2y2*}#<3#4b74qOgWfo4{kj|T3nU0@1ddP7RsaA107*qoM6N<$f|@^}q5uE@ literal 0 HcmV?d00001 diff --git a/img/like.png b/img/like.png new file mode 100644 index 0000000000000000000000000000000000000000..5682478437f0f47b03858a7af25ef5e7bf733c6b GIT binary patch literal 1479 zcmV;&1vvVNP)&)c6r zR)e4w|Ni&zO>RMoZ?$eO3oY`nR$(*+t_!8$#|8#~iE7BO^E;NO&V&?owVz4!WO;2m+Clz$5ABNvG7E3>!+3Xm=M2Fdyj=E zlf{eZL%NG_TmcPKwu99wW&l>?D|j?q&Ac><@cT~3;_L#K!89Ek$9{NHCSn!zAl*gy zWq3jgkT;wm**NyXlS2t?&@Inr_V9jMvWRqz$ZZnE`c|;=EP5|H9~>9ylB2(78VWFW zg4H4`;N(5q=ZsXXtl}N z^1Xmpw$9NJRzM!M#}9v;40s zT90=@J^oXu%eS}#D6Nn9suj$#C)|Snj@Q4fU@g_*d|!AOzF~g(HceMavFda4R&s=r zQAn7eX+g^GX-Et9n7CHgACXZA1ry9DrE`)TmCp~mLt@=|Mk!b^+$he@NeXv-a9Edh z2*c5r_@6<#AYchuhe;kVVWAD-C=$scYT;>=ooPs6;!X0>c#=bA@weed4!S8RCsgML zUZapzxL89-)TK~u6XI!Q(j=LL);6rXQu?j5n`7Rx>HHs@K+70vmXl9^4c@reWhn~1 zgnWUlL3kVHDmkYX?UvM|Ba?p5WC-(SnNp%=Yv|Et85x1g z&oRqN^zJ6o+78wZdZk3>75m|9=HMe{T}D@E*_{$O_A#dzl(Om~Y*Hf7Oqx=s@^l`f zFV@*5G&ucRNv5oBZ64gvuG4K!VX=legT`V7ZW-#85$(BK5_nXANn-0F<##KX6Ifj} zFRe`)%7tFv^d!t)+m3xIgHqjU9!Rr}tSjrxy7$Yz_T3Nj53Yf^Al)GgURRd~rJ4sO z0Cp)g^3X}g$tsPZ#kipbafYe=0+Hvdk~65_0U$|s=jYCP+Yck9csiD5M+RD>Pww4& zQ?B_SnzN&lWsGFu2)68bQ_pQsDY8&XxiphRcL80r*buueD>(|rBFu2L-cuUhrqbB2 z(w+vA1@uAQxF5zQ9HCQx<;6bzd2LHVrlUDORX@jO>6gcVOCWPvw;y_Xpb05hn76XH0=;hVy2~*?O^?oE#Y=s z>`_0BW9_~0)iUjNJ~^^{j43}$vW%HpI1cO3coRO{+BVtX)#6s2_Iy}Bq(+#LIG@#X z`AT-ow1?A%AyvW=dRf~_k34X?R*mCM2s0AaZduW`z(rQwOw+1y+!^5rv15TV_rMPp h9G32dukWSG@gJOO;3T2~wPXMQ002ovPDHLkV1fh!#nJ!( literal 0 HcmV?d00001 diff --git a/img/person-icon.png b/img/person-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..088b3675720514cf804e4dcc8cb5779640119a84 GIT binary patch literal 20992 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 TdFA|zmjDGBRq1@myMF%%Hcu|z literal 0 HcmV?d00001 diff --git a/img/retweet.png b/img/retweet.png new file mode 100644 index 0000000000000000000000000000000000000000..bddf7e8a974592df428879f4cd15d0d19f5ece2f GIT binary patch literal 1094 zcmV-M1iAZ(P)ny0(FrWa3h=`dV{1F^X9V%ZNr?BnGp9oWSG+;zr2JLURJg z8@S8Ufv!{`I0FLdcEF8(3+U-LRo&Iq-821<08Qeh^!VQ^>y2u_@$Yx}GccrWF9eQj z8!2%?KhCpfjk8L!a0x?1=-d=5uFV0+5*5c=M!AzzJ_`oS9Arv}umJZ&2slH;3aZdv zZTX`E0T~!LXX)Ctvee;~9;OZ|kMzJW*g*WyBkD9dQW zU+zt>bpZd=$wh&TjjyN~T%Xj&F}XSuJJ3N~bN7*ntxGvC%<1B$sj%Z1vGSnj;( z9?%hZbpL}bL+X&6Px-3Jp-R#kr>P1ySD;b}A)9O7_PKHpAX`gqeTNYe-A~&hWR(CR z?lldS>S8_t2FP|HR$NaDsZRYt-)tuCbTzf}qr=F8^J*$Tfq+@B7Ht7oj(*LQcmQEU z)Rqel2ieg!4Z^E0>qh&B;I((>;cm^p`5hDAu(CvSHyxZKQu zw2q)F`}I1`-{-MsLbSNPDL`afmzR+-cS3i{OWtt&K{p>8lx2U=gWwEMgVSVL@M_Tx zTd)fwrk2{yaerHv&COHSRti*qyh|*cEas;<7%+fGxtiKqMb)6a0Gu0FIMQslX()QM zdBi~zSzF%Wbv(h-x0>2sg#gr+Kb6T>qF#sTpuThoNjPqorRdm{2NLEV(+m${n7(vS z4S7kMGMFOak@6JyW8*3C$Hr6OkBz6mO>nQ|3wR)2e$Gq{>$JxQsh`3cU-@ahcwa7wAvx^cDmXHYQso zI_pE3bi1j@*mcfCZRsVhppcW=8GjyeSy^c|$WCU8nJkQ$x(j^Jal9H#UtN!#>Q4QB z;tI#29r(>CWA4@gz~-ofXCZ@6dvxY5d$p8(ny!P|=7EVFWJnwltO>NmO%_+uwWaL@ z$D*aH`)NAt(z`}2G&0fs_Y0)@ZbG-tr$mwl;;2>O(4t)Re*z&P;RPIT&B-CjxDpwSoTfNu9tT=Lq}*|-L_?LqCs z0tu7H(6fsH;0(x+wHf5oP$#{!)35EjBB$pkGFBhB`v(fVvlHPJ7H#QLTmI>WmrHFa zpER-QR$BQRfX;FoO5lE4d%z@3U7I>#>)M%2^=@Vk(o+p(&6?Q%17rW-#xXHt?f?J) M07*qoM6N<$f?py582|tP literal 0 HcmV?d00001 diff --git a/img/share.png b/img/share.png new file mode 100644 index 0000000000000000000000000000000000000000..3994fcf4716c60f632f5b15f59945eda99192a89 GIT binary patch literal 492 zcmVq^Jv zwe<%9pKH@zHq|Ebj(VE - - - - - Project Name - - - -

My App

- - - + + + + + + Project Name + + + + +
+
+
+ +
+
+

Name

+

@Username

+
+
+
+

Your tweet here!

+
+
+ +
+ +
+ + +
+
+
+ +

44

+
+
+ +

3

+
+ + +
+
+ + + + + \ No newline at end of file diff --git a/index.js b/index.js index c60feaf..a8dc9d7 100644 --- a/index.js +++ b/index.js @@ -1,5 +1,72 @@ -const emojiList = ['🤗', '🍀', '(⚈ ̫ ⚈)', '😀', '😁', '😅', '😇', '😉']; -const p = document.querySelector('p'); -p.addEventListener('click', () => { - p.innerText = emojiList[Math.floor((Math.random() * 100) % emojiList.length)]; +// const emojiList = ['🤗', '🍀', '(⚈ ̫ ⚈)', '😀', '😁', '😅', '😇', '😉']; +// const p = document.querySelector('p'); +// p.addEventListener('click', () => { +// p.innerText = emojiList[Math.floor((Math.random() * 100) % emojiList.length)]; +// }); + +const comment = document.querySelector('.comment-icon'); +const retweet = document.querySelector('.retweet-icon'); +const like = document.querySelector('.like-icon'); +const share = document.querySelector('.share-icon'); +const time = document.querySelector('.time'); +let now = new Date(); +let hour = now.toLocaleTimeString(); +let day = now.getUTCDate(); +let month = now.getUTCMonth(); +let year = now.getUTCFullYear() + +switch (month) { + case 0: + month = 'Jan'; + break; + case 1: + month = 'Feb'; + break; + case 2: + month = 'Mar'; + break; + case 3: + month = 'Apr'; + break; + case 4: + month = 'May'; + break; + case 5: + month = 'Jun'; + break; + case 6: + month = 'Jul'; + break; + case 7: + month = 'Aug'; + break; + case 8: + month = 'Sep'; + break; + case 9: + month = 'Oct'; + break; + case 10: + month = 'Nov'; + break; + case 11: + month = 'Dec'; + break; +} +time.textContent = hour + " . " + month + " " + day + " " + year; + +comment.addEventListener('click', () => { + console.log('You clicked on comment') }); +retweet.addEventListener('click', () => { + console.log('You clicked on retweet') +}); +like.addEventListener('click', () => { + console.log('You clicked on like') +}); +share.addEventListener('click', () => { + console.log('You clicked on share') +}); + + + From bdb3b3e60928249c1ae1c8cd14d7f19b9506c468 Mon Sep 17 00:00:00 2001 From: hamed Date: Wed, 22 Dec 2021 12:43:40 +0330 Subject: [PATCH 2/3] done all tasks --- .prettierrc.json | 10 ++++ index.css | 2 +- index.html | 118 +++++++++++++++++++++++++++++++++++++++++++++-- index.js | 80 +++++--------------------------- 4 files changed, 137 insertions(+), 73 deletions(-) create mode 100644 .prettierrc.json diff --git a/.prettierrc.json b/.prettierrc.json new file mode 100644 index 0000000..1c2831c --- /dev/null +++ b/.prettierrc.json @@ -0,0 +1,10 @@ +{ + "semi": true, + "printWidth": 80, + "tabWidth": 2, + "useTabs": false, + "singleQuote": true, + "trailingComma": "all", + "jsxBracketSameLine": false, + "arrowParens": "avoid" +} diff --git a/index.css b/index.css index 20fbe5e..e2b97f5 100644 --- a/index.css +++ b/index.css @@ -30,7 +30,7 @@ .username-container { display: flex; margin-left: 10px; - margin-top: 10px; + padding-top: 10px; width: 50%; } diff --git a/index.html b/index.html index 1912669..653266e 100644 --- a/index.html +++ b/index.html @@ -10,8 +10,12 @@ -
-
+
+ +
+ + + + + + + - + \ No newline at end of file diff --git a/index.js b/index.js index a8dc9d7..32d8ad2 100644 --- a/index.js +++ b/index.js @@ -1,72 +1,16 @@ -// const emojiList = ['🤗', '🍀', '(⚈ ̫ ⚈)', '😀', '😁', '😅', '😇', '😉']; -// const p = document.querySelector('p'); -// p.addEventListener('click', () => { -// p.innerText = emojiList[Math.floor((Math.random() * 100) % emojiList.length)]; -// }); - -const comment = document.querySelector('.comment-icon'); -const retweet = document.querySelector('.retweet-icon'); -const like = document.querySelector('.like-icon'); -const share = document.querySelector('.share-icon'); -const time = document.querySelector('.time'); -let now = new Date(); -let hour = now.toLocaleTimeString(); -let day = now.getUTCDate(); -let month = now.getUTCMonth(); -let year = now.getUTCFullYear() -switch (month) { - case 0: - month = 'Jan'; - break; - case 1: - month = 'Feb'; - break; - case 2: - month = 'Mar'; - break; - case 3: - month = 'Apr'; - break; - case 4: - month = 'May'; - break; - case 5: - month = 'Jun'; - break; - case 6: - month = 'Jul'; - break; - case 7: - month = 'Aug'; - break; - case 8: - month = 'Sep'; - break; - case 9: - month = 'Oct'; - break; - case 10: - month = 'Nov'; - break; - case 11: - month = 'Dec'; - break; -} -time.textContent = hour + " . " + month + " " + day + " " + year; - -comment.addEventListener('click', () => { - console.log('You clicked on comment') -}); -retweet.addEventListener('click', () => { - console.log('You clicked on retweet') -}); -like.addEventListener('click', () => { - console.log('You clicked on like') -}); -share.addEventListener('click', () => { - console.log('You clicked on share') -}); +// comment.addEventListener('click', () => { +// console.log('You clicked on comment') +// }); +// retweet.addEventListener('click', () => { +// console.log('You clicked on retweet') +// }); +// like.addEventListener('click', () => { +// console.log('You clicked on like') +// }); +// share.addEventListener('click', () => { +// console.log('You clicked on share') +// }); From 1f33497cd13acea38a1fb655475139d10c768fab Mon Sep 17 00:00:00 2001 From: hamed Date: Thu, 23 Dec 2021 13:41:02 +0330 Subject: [PATCH 3/3] fixed click bug --- index.html | 10 ++++++---- index.js | 8 ++++---- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 653266e..e4eab89 100644 --- a/index.html +++ b/index.html @@ -132,19 +132,21 @@

3,500

const h4 = React.createElement('h3', { children: '44' }); - const commentIcon = React.createElement('img', { className: 'comment-icon', src: './img/Vector.png' }) + const commentIcon = React.createElement('img', { + className: 'comment-icon', src: './img/Vector.png', onClick: () => { console.log("You clicked on Comment!") } + }) const comment = React.createElement('div', { className: 'comment' }, commentIcon, h4); const h3 = React.createElement('h3', { children: '3' }); - const retweetIcon = React.createElement('img', { className: 'retweet-icon', src: './img/retweet.png' }) + const retweetIcon = React.createElement('img', { className: 'retweet-icon', src: './img/retweet.png', onClick: () => { console.log("You clicked on retweet!") } }) const retweet = React.createElement('div', { className: 'retweet' }, retweetIcon, h3); const h31 = React.createElement('h3', { children: '3500' }); - const likeIcon = React.createElement('img', { className: 'like-icon', src: './img/heart.png' }) + const likeIcon = React.createElement('img', { className: 'like-icon', src: './img/heart.png', onClick: () => { console.log("You clicked on like!") } }) const like = React.createElement('div', { className: 'like' }, likeIcon, h31); - const shareIcon = React.createElement('img', { className: 'share-icon', src: './img/share.png' }) + const shareIcon = React.createElement('img', { className: 'share-icon', src: './img/share.png', onClick: () => { console.log("You clicked on share!") } }) const share = React.createElement('div', { className: 'like' }, shareIcon); diff --git a/index.js b/index.js index 32d8ad2..081ca16 100644 --- a/index.js +++ b/index.js @@ -1,15 +1,15 @@ // comment.addEventListener('click', () => { -// console.log('You clicked on comment') +// console.log('You clicked on comment') // }); // retweet.addEventListener('click', () => { -// console.log('You clicked on retweet') +// console.log('You clicked on retweet') // }); // like.addEventListener('click', () => { -// console.log('You clicked on like') +// console.log('You clicked on like') // }); // share.addEventListener('click', () => { -// console.log('You clicked on share') +// console.log('You clicked on share') // });