From 9d4ebffea0b56c4d9805f644cfe19a2ac7367b98 Mon Sep 17 00:00:00 2001 From: Pivasikq Date: Wed, 23 Aug 2023 21:09:37 +0300 Subject: [PATCH 1/3] fix --- .bemlintrc.json | 16 ++++++++++++++++ readme.md | 4 ++-- src/images/Stars.png | Bin 0 -> 1053 bytes src/images/star.svg | 4 ++-- src/index.html | 44 +++++++++++++++++++++++++++++++++++++++++++ src/style.css | 19 +++++++++++++++++++ 6 files changed, 83 insertions(+), 4 deletions(-) create mode 100644 .bemlintrc.json create mode 100644 src/images/Stars.png diff --git a/.bemlintrc.json b/.bemlintrc.json new file mode 100644 index 0000000000..22a597e54f --- /dev/null +++ b/.bemlintrc.json @@ -0,0 +1,16 @@ +{ + "elementDivider": "__", + "modifierDivider": "--", + "ignore": [ + "node_modules", + "dist" + ], + "rules": { + "one-block": true, + "one-element": true, + "element-inside-parent-block": true, + "no-double-element": true, + "no-neighbour-parent-block": true, + "modifiable-class": true + } +} diff --git a/readme.md b/readme.md index 67cabc463e..0fbb8d1655 100644 --- a/readme.md +++ b/readme.md @@ -1,7 +1,7 @@ # Stars block Replace `` with your Github username and copy the links to Pull Request description: -- [DEMO LINK](https://.github.io/layout_stars/) -- [TEST REPORT LINK](https://.github.io/layout_stars/report/html_report/) +- [DEMO LINK](https://deniskaizxa.github.io/layout_stars/) +- [TEST REPORT LINK](https://deniskaizxa.github.io/layout_stars/report/html_report/) > Follow [this instructions](https://mate-academy.github.io/layout_task-guideline) ___ diff --git a/src/images/Stars.png b/src/images/Stars.png new file mode 100644 index 0000000000000000000000000000000000000000..d933994a9317b50b188bdcdf67682daf8d12bdb1 GIT binary patch literal 1053 zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkP>``W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&di49uH6T^vIy7~jtH^}FpL(YD{PbpwyL(uAf} zVXyk`G|X!#YFgIqr7Qh{bAfq6bITQ8TgQHeI}NesYbSXrY+E?{S$oQ_Ue5`=^&TR# z&l}gpYfgGQvr?%Sn`d|34HlGN0o>Uqy|gWVYQm-z=BK6}=; z)%OLunY zF%aM9K!L@bMJ*v(Q@@)eAMk#DbZvv@a=!3SwQ*(#RX_Ko@l?Fr6Tr(+W3#350pI)Z z>64$=)Tgbg*?&L&A=9OWnoRdD@43MBqHOoFhZC$#)tY_7!ozRxja%>d{peD!V75I! zD>#}ICSBZLHv8B2^wsBYcc1hA%J^iZZIH$O^OL8)U@mzbJa^0U`RSK8ty+D{@Z9_2 z2TRv9960m$@Xy*fn|jt4*WB$6M)T;4`lbcc)?9x!Z~4M+yDzp@l@`gdxAM=p$bR9j z(^N61`X7%!l(l^RZBy}2?8*Lai z^gMg4$kF7n?1kL{*8K@v`3nx}N4#c^`N)0k7en};CQ-WssrwUJ`3r99M?7SX`Nn>xYG=LgI!l^+-n+5BKg1R84qF;?LWs&wl!#g5lM`HzR+S*Eb*>|$VU OX7F_Nb6Mw<&;$UjzU80* literal 0 HcmV?d00001 diff --git a/src/images/star.svg b/src/images/star.svg index 3dddf87dcc..a7dcbe14f2 100644 --- a/src/images/star.svg +++ b/src/images/star.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/index.html b/src/index.html index 3963c1c4cd..1d19e73236 100644 --- a/src/index.html +++ b/src/index.html @@ -9,5 +9,49 @@

Stars

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/style.css b/src/style.css index e69de29bb2..0b22d2d210 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,19 @@ +.body { + margin: 0; +} +.stars { + display: flex; +} +.stars__star { + width: 96px; + height: 96px; + background-image: url("images/star.svg"); +} +.stars--0 .stars__star:nth-child(-n+0), +.stars--1 .stars__star:nth-child(-n+1), +.stars--2 .stars__star:nth-child(-n+2), +.stars--3 .stars__star:nth-child(-n+3), +.stars--4 .stars__star:nth-child(-n+4), +.stars--5 .stars__star:nth-child(-n+5) { +background-image: url("images/star-active.svg"); +} From 711c34212d90c80fc7755199755783b7557b3f1c Mon Sep 17 00:00:00 2001 From: Pivasikq Date: Wed, 23 Aug 2023 21:18:54 +0300 Subject: [PATCH 2/3] add task --- src/index.html | 14 +++++++------- src/style.css | 26 +++++++++++++++++--------- 2 files changed, 24 insertions(+), 16 deletions(-) diff --git a/src/index.html b/src/index.html index 1d19e73236..773e4b3544 100644 --- a/src/index.html +++ b/src/index.html @@ -9,43 +9,43 @@

Stars

-
-
+
+
-
+
-
+
-
+
-
+
-
+
diff --git a/src/style.css b/src/style.css index 0b22d2d210..92a8d7784f 100644 --- a/src/style.css +++ b/src/style.css @@ -1,19 +1,27 @@ .body { margin: 0; } + .stars { display: flex; } + .stars__star { - width: 96px; - height: 96px; + width: 16px; + height: 16px; background-image: url("images/star.svg"); + background-position: center; + background-repeat: no-repeat ; } -.stars--0 .stars__star:nth-child(-n+0), -.stars--1 .stars__star:nth-child(-n+1), -.stars--2 .stars__star:nth-child(-n+2), -.stars--3 .stars__star:nth-child(-n+3), -.stars--4 .stars__star:nth-child(-n+4), -.stars--5 .stars__star:nth-child(-n+5) { -background-image: url("images/star-active.svg"); + +.stars > :not(:first-child) { + margin-left: 4px; +} + +.stars--5 .stars__star, +.stars--1 .stars__star:nth-child(-n + 1), +.stars--2 .stars__star:nth-child(-n + 2), +.stars--3 .stars__star:nth-child(-n + 3), +.stars--4 .stars__star:nth-child(-n + 4) { + background-image: url("images/star-active.svg"); } From 722ed44f93b132438350968089e4785abce21578 Mon Sep 17 00:00:00 2001 From: Pivasikq Date: Wed, 23 Aug 2023 21:54:46 +0300 Subject: [PATCH 3/3] fix2 --- src/images/star.svg | 4 ++-- src/index.html | 1 - 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/images/star.svg b/src/images/star.svg index a7dcbe14f2..e345a48b44 100644 --- a/src/images/star.svg +++ b/src/images/star.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/index.html b/src/index.html index 773e4b3544..d38f23ec22 100644 --- a/src/index.html +++ b/src/index.html @@ -8,7 +8,6 @@ -

Stars