diff --git a/source/favicon-152.ico b/source/favicon-152.ico deleted file mode 100644 index 4c5bc6b..0000000 Binary files a/source/favicon-152.ico and /dev/null differ diff --git a/source/favicon.ico b/source/favicon.ico new file mode 100644 index 0000000..c464cd7 Binary files /dev/null and b/source/favicon.ico differ diff --git a/source/favicons/152.png b/source/favicons/152.png new file mode 100644 index 0000000..1810aed Binary files /dev/null and b/source/favicons/152.png differ diff --git a/source/favicons/16.png b/source/favicons/16.png new file mode 100644 index 0000000..ddbb9a6 Binary files /dev/null and b/source/favicons/16.png differ diff --git a/source/favicons/32.png b/source/favicons/32.png new file mode 100644 index 0000000..37b27b0 Binary files /dev/null and b/source/favicons/32.png differ diff --git a/source/favicons/favicon-152.svg b/source/favicons/favicon-152.svg deleted file mode 100644 index 52d28ac..0000000 --- a/source/favicons/favicon-152.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/source/favicons/favicon-16.svg b/source/favicons/favicon-16.svg deleted file mode 100644 index 05f3a7a..0000000 --- a/source/favicons/favicon-16.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/source/favicons/favicon-32.svg b/source/favicons/favicon-32.svg deleted file mode 100644 index 07ed730..0000000 --- a/source/favicons/favicon-32.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/source/images/cat-skinny-photo-mobile.png b/source/images/after-mobile.png similarity index 100% rename from source/images/cat-skinny-photo-mobile.png rename to source/images/after-mobile.png diff --git a/source/images/after-mobile@2x.png b/source/images/after-mobile@2x.png new file mode 100644 index 0000000..6ea610c Binary files /dev/null and b/source/images/after-mobile@2x.png differ diff --git a/source/images/after-tablet.png b/source/images/after-tablet.png new file mode 100644 index 0000000..49af694 Binary files /dev/null and b/source/images/after-tablet.png differ diff --git a/source/images/after-tablet@2x.png b/source/images/after-tablet@2x.png new file mode 100644 index 0000000..647b403 Binary files /dev/null and b/source/images/after-tablet@2x.png differ diff --git a/source/images/cat-fat-photo-mobile.png b/source/images/before-mobile.png similarity index 100% rename from source/images/cat-fat-photo-mobile.png rename to source/images/before-mobile.png diff --git a/source/images/before-mobile@2x.png b/source/images/before-mobile@2x.png new file mode 100644 index 0000000..97b4529 Binary files /dev/null and b/source/images/before-mobile@2x.png differ diff --git a/source/images/before-tablet.png b/source/images/before-tablet.png new file mode 100644 index 0000000..85f8fd8 Binary files /dev/null and b/source/images/before-tablet.png differ diff --git a/source/images/before-tablet@2x.png b/source/images/before-tablet@2x.png new file mode 100644 index 0000000..b4e0cc6 Binary files /dev/null and b/source/images/before-tablet@2x.png differ diff --git a/source/images/buckwheat1000@1x.png b/source/images/buckwheat1000@1x.png new file mode 100644 index 0000000..bf35034 Binary files /dev/null and b/source/images/buckwheat1000@1x.png differ diff --git a/source/images/buckwheat1000@1x.webp b/source/images/buckwheat1000@1x.webp new file mode 100644 index 0000000..8e19328 Binary files /dev/null and b/source/images/buckwheat1000@1x.webp differ diff --git a/source/images/buckwheat1000@2x.png b/source/images/buckwheat1000@2x.png new file mode 100644 index 0000000..cb8c339 Binary files /dev/null and b/source/images/buckwheat1000@2x.png differ diff --git a/source/images/buckwheat1000@2x.webp b/source/images/buckwheat1000@2x.webp new file mode 100644 index 0000000..e7ffb15 Binary files /dev/null and b/source/images/buckwheat1000@2x.webp differ diff --git a/source/images/buckwheat1000@2x@1x.png b/source/images/buckwheat1000@2x@1x.png new file mode 100644 index 0000000..5801ff5 Binary files /dev/null and b/source/images/buckwheat1000@2x@1x.png differ diff --git a/source/images/buckwheat1000@2x@1x.webp b/source/images/buckwheat1000@2x@1x.webp new file mode 100644 index 0000000..53ec1c6 Binary files /dev/null and b/source/images/buckwheat1000@2x@1x.webp differ diff --git a/source/images/buckwheat1000@2x@2x.png b/source/images/buckwheat1000@2x@2x.png new file mode 100644 index 0000000..13ed13d Binary files /dev/null and b/source/images/buckwheat1000@2x@2x.png differ diff --git a/source/images/buckwheat1000@2x@2x.webp b/source/images/buckwheat1000@2x@2x.webp new file mode 100644 index 0000000..d78233e Binary files /dev/null and b/source/images/buckwheat1000@2x@2x.webp differ diff --git a/source/images/buckwheat500@1x.png b/source/images/buckwheat500@1x.png new file mode 100644 index 0000000..f4c8072 Binary files /dev/null and b/source/images/buckwheat500@1x.png differ diff --git a/source/images/buckwheat500@1x.webp b/source/images/buckwheat500@1x.webp new file mode 100644 index 0000000..3793861 Binary files /dev/null and b/source/images/buckwheat500@1x.webp differ diff --git a/source/images/buckwheat500@2x.png b/source/images/buckwheat500@2x.png new file mode 100644 index 0000000..50b3a40 Binary files /dev/null and b/source/images/buckwheat500@2x.png differ diff --git a/source/images/buckwheat500@2x.webp b/source/images/buckwheat500@2x.webp new file mode 100644 index 0000000..c1d3f35 Binary files /dev/null and b/source/images/buckwheat500@2x.webp differ diff --git a/source/images/buckwheat500@2x@1x.png b/source/images/buckwheat500@2x@1x.png new file mode 100644 index 0000000..e4da138 Binary files /dev/null and b/source/images/buckwheat500@2x@1x.png differ diff --git a/source/images/buckwheat500@2x@1x.webp b/source/images/buckwheat500@2x@1x.webp new file mode 100644 index 0000000..8d66644 Binary files /dev/null and b/source/images/buckwheat500@2x@1x.webp differ diff --git a/source/images/buckwheat500@2x@2x.png b/source/images/buckwheat500@2x@2x.png new file mode 100644 index 0000000..e04a33d Binary files /dev/null and b/source/images/buckwheat500@2x@2x.png differ diff --git a/source/images/buckwheat500@2x@2x.webp b/source/images/buckwheat500@2x@2x.webp new file mode 100644 index 0000000..37726bb Binary files /dev/null and b/source/images/buckwheat500@2x@2x.webp differ diff --git a/source/images/cat-case@1x.jpg b/source/images/cat-case@1x.jpg new file mode 100644 index 0000000..f22027d Binary files /dev/null and b/source/images/cat-case@1x.jpg differ diff --git a/source/images/cat-case@1x.webp b/source/images/cat-case@1x.webp new file mode 100644 index 0000000..0830450 Binary files /dev/null and b/source/images/cat-case@1x.webp differ diff --git a/source/images/cat-case@2x.jpg b/source/images/cat-case@2x.jpg new file mode 100644 index 0000000..24359d8 Binary files /dev/null and b/source/images/cat-case@2x.jpg differ diff --git a/source/images/cat-case@2x.webp b/source/images/cat-case@2x.webp new file mode 100644 index 0000000..c86bdbf Binary files /dev/null and b/source/images/cat-case@2x.webp differ diff --git a/source/images/cat-case@2x@1x.png b/source/images/cat-case@2x@1x.png new file mode 100644 index 0000000..cc68998 Binary files /dev/null and b/source/images/cat-case@2x@1x.png differ diff --git a/source/images/cat-case@2x@1x.webp b/source/images/cat-case@2x@1x.webp new file mode 100644 index 0000000..b178d74 Binary files /dev/null and b/source/images/cat-case@2x@1x.webp differ diff --git a/source/images/cat-case@2x@2x.png b/source/images/cat-case@2x@2x.png new file mode 100644 index 0000000..48d69f0 Binary files /dev/null and b/source/images/cat-case@2x@2x.png differ diff --git a/source/images/cat-case@2x@2x.webp b/source/images/cat-case@2x@2x.webp new file mode 100644 index 0000000..2f4c3d5 Binary files /dev/null and b/source/images/cat-case@2x@2x.webp differ diff --git a/source/images/cat-fat-photo-desktop@1x.png b/source/images/cat-fat-photo-desktop@1x.png deleted file mode 100644 index c6c3e84..0000000 Binary files a/source/images/cat-fat-photo-desktop@1x.png and /dev/null differ diff --git a/source/images/cat-fat-photo-desktop@1x.webp b/source/images/cat-fat-photo-desktop@1x.webp deleted file mode 100644 index c1875f4..0000000 Binary files a/source/images/cat-fat-photo-desktop@1x.webp and /dev/null differ diff --git a/source/images/cat-fat-photo-desktop@2x.png b/source/images/cat-fat-photo-desktop@2x.png deleted file mode 100644 index 747be76..0000000 Binary files a/source/images/cat-fat-photo-desktop@2x.png and /dev/null differ diff --git a/source/images/cat-fat-photo-desktop@2x.webp b/source/images/cat-fat-photo-desktop@2x.webp deleted file mode 100644 index 3c14736..0000000 Binary files a/source/images/cat-fat-photo-desktop@2x.webp and /dev/null differ diff --git a/source/images/cat-fat-photo-tablet@1x.png b/source/images/cat-fat-photo-tablet@1x.png deleted file mode 100644 index f612c9e..0000000 Binary files a/source/images/cat-fat-photo-tablet@1x.png and /dev/null differ diff --git a/source/images/cat-fat-photo-tablet@1x.webp b/source/images/cat-fat-photo-tablet@1x.webp deleted file mode 100644 index 2fb0f88..0000000 Binary files a/source/images/cat-fat-photo-tablet@1x.webp and /dev/null differ diff --git a/source/images/cat-fat-photo-tablet@2x.png b/source/images/cat-fat-photo-tablet@2x.png deleted file mode 100644 index 0461369..0000000 Binary files a/source/images/cat-fat-photo-tablet@2x.png and /dev/null differ diff --git a/source/images/cat-fat-photo-tablet@2x.webp b/source/images/cat-fat-photo-tablet@2x.webp deleted file mode 100644 index eaad87f..0000000 Binary files a/source/images/cat-fat-photo-tablet@2x.webp and /dev/null differ diff --git a/source/images/chicken1000@1x.png b/source/images/chicken1000@1x.png new file mode 100644 index 0000000..581337a Binary files /dev/null and b/source/images/chicken1000@1x.png differ diff --git a/source/images/chicken1000@1x.webp b/source/images/chicken1000@1x.webp new file mode 100644 index 0000000..57a7165 Binary files /dev/null and b/source/images/chicken1000@1x.webp differ diff --git a/source/images/chicken1000@2x.png b/source/images/chicken1000@2x.png new file mode 100644 index 0000000..fc1c9d3 Binary files /dev/null and b/source/images/chicken1000@2x.png differ diff --git a/source/images/chicken1000@2x.webp b/source/images/chicken1000@2x.webp new file mode 100644 index 0000000..0f9df92 Binary files /dev/null and b/source/images/chicken1000@2x.webp differ diff --git a/source/images/chicken1000@2x@1x.png b/source/images/chicken1000@2x@1x.png new file mode 100644 index 0000000..887c926 Binary files /dev/null and b/source/images/chicken1000@2x@1x.png differ diff --git a/source/images/chicken1000@2x@1x.webp b/source/images/chicken1000@2x@1x.webp new file mode 100644 index 0000000..6503ee7 Binary files /dev/null and b/source/images/chicken1000@2x@1x.webp differ diff --git a/source/images/chicken1000@2x@2x.png b/source/images/chicken1000@2x@2x.png new file mode 100644 index 0000000..6186f7f Binary files /dev/null and b/source/images/chicken1000@2x@2x.png differ diff --git a/source/images/chicken1000@2x@2x.webp b/source/images/chicken1000@2x@2x.webp new file mode 100644 index 0000000..15ab71d Binary files /dev/null and b/source/images/chicken1000@2x@2x.webp differ diff --git a/source/images/chicken500@1x.png b/source/images/chicken500@1x.png new file mode 100644 index 0000000..b7106e9 Binary files /dev/null and b/source/images/chicken500@1x.png differ diff --git a/source/images/chicken500@1x.webp b/source/images/chicken500@1x.webp new file mode 100644 index 0000000..c57b01f Binary files /dev/null and b/source/images/chicken500@1x.webp differ diff --git a/source/images/chicken500@2x.png b/source/images/chicken500@2x.png new file mode 100644 index 0000000..0886a07 Binary files /dev/null and b/source/images/chicken500@2x.png differ diff --git a/source/images/chicken500@2x.webp b/source/images/chicken500@2x.webp new file mode 100644 index 0000000..0797156 Binary files /dev/null and b/source/images/chicken500@2x.webp differ diff --git a/source/images/chicken500@2x@1x.png b/source/images/chicken500@2x@1x.png new file mode 100644 index 0000000..bb0657a Binary files /dev/null and b/source/images/chicken500@2x@1x.png differ diff --git a/source/images/chicken500@2x@1x.webp b/source/images/chicken500@2x@1x.webp new file mode 100644 index 0000000..ce63ba0 Binary files /dev/null and b/source/images/chicken500@2x@1x.webp differ diff --git a/source/images/chicken500@2x@2x.png b/source/images/chicken500@2x@2x.png new file mode 100644 index 0000000..f23156c Binary files /dev/null and b/source/images/chicken500@2x@2x.png differ diff --git a/source/images/chicken500@2x@2x.webp b/source/images/chicken500@2x@2x.webp new file mode 100644 index 0000000..ad59a0c Binary files /dev/null and b/source/images/chicken500@2x@2x.webp differ diff --git a/source/images/fish1000@1x.png b/source/images/fish1000@1x.png new file mode 100644 index 0000000..0de52ee Binary files /dev/null and b/source/images/fish1000@1x.png differ diff --git a/source/images/fish1000@1x.webp b/source/images/fish1000@1x.webp new file mode 100644 index 0000000..e01b804 Binary files /dev/null and b/source/images/fish1000@1x.webp differ diff --git a/source/images/fish1000@2x.png b/source/images/fish1000@2x.png new file mode 100644 index 0000000..ac2618d Binary files /dev/null and b/source/images/fish1000@2x.png differ diff --git a/source/images/fish1000@2x.webp b/source/images/fish1000@2x.webp new file mode 100644 index 0000000..738f148 Binary files /dev/null and b/source/images/fish1000@2x.webp differ diff --git a/source/images/fish1000@2x@1x.png b/source/images/fish1000@2x@1x.png new file mode 100644 index 0000000..3918f65 Binary files /dev/null and b/source/images/fish1000@2x@1x.png differ diff --git a/source/images/fish1000@2x@1x.webp b/source/images/fish1000@2x@1x.webp new file mode 100644 index 0000000..8b230b3 Binary files /dev/null and b/source/images/fish1000@2x@1x.webp differ diff --git a/source/images/fish1000@2x@2x.png b/source/images/fish1000@2x@2x.png new file mode 100644 index 0000000..4c06994 Binary files /dev/null and b/source/images/fish1000@2x@2x.png differ diff --git a/source/images/fish1000@2x@2x.webp b/source/images/fish1000@2x@2x.webp new file mode 100644 index 0000000..d2d55bc Binary files /dev/null and b/source/images/fish1000@2x@2x.webp differ diff --git a/source/images/fish500@1x.png b/source/images/fish500@1x.png new file mode 100644 index 0000000..8a3e216 Binary files /dev/null and b/source/images/fish500@1x.png differ diff --git a/source/images/fish500@1x.webp b/source/images/fish500@1x.webp new file mode 100644 index 0000000..158990f Binary files /dev/null and b/source/images/fish500@1x.webp differ diff --git a/source/images/fish500@2x.png b/source/images/fish500@2x.png new file mode 100644 index 0000000..106206a Binary files /dev/null and b/source/images/fish500@2x.png differ diff --git a/source/images/fish500@2x.webp b/source/images/fish500@2x.webp new file mode 100644 index 0000000..72018de Binary files /dev/null and b/source/images/fish500@2x.webp differ diff --git a/source/images/fish500@2x@1x.png b/source/images/fish500@2x@1x.png new file mode 100644 index 0000000..60c3f73 Binary files /dev/null and b/source/images/fish500@2x@1x.png differ diff --git a/source/images/fish500@2x@1x.webp b/source/images/fish500@2x@1x.webp new file mode 100644 index 0000000..6fd11c1 Binary files /dev/null and b/source/images/fish500@2x@1x.webp differ diff --git a/source/images/fish500@2x@2x.png b/source/images/fish500@2x@2x.png new file mode 100644 index 0000000..04b7ff1 Binary files /dev/null and b/source/images/fish500@2x@2x.png differ diff --git a/source/images/fish500@2x@2x.webp b/source/images/fish500@2x@2x.webp new file mode 100644 index 0000000..a679918 Binary files /dev/null and b/source/images/fish500@2x@2x.webp differ diff --git a/source/images/rice500@1x.png b/source/images/rice500@1x.png new file mode 100644 index 0000000..d874b47 Binary files /dev/null and b/source/images/rice500@1x.png differ diff --git a/source/images/rice500@1x.webp b/source/images/rice500@1x.webp new file mode 100644 index 0000000..9733adc Binary files /dev/null and b/source/images/rice500@1x.webp differ diff --git a/source/images/rice500@2x.png b/source/images/rice500@2x.png new file mode 100644 index 0000000..1497562 Binary files /dev/null and b/source/images/rice500@2x.png differ diff --git a/source/images/rice500@2x.webp b/source/images/rice500@2x.webp new file mode 100644 index 0000000..3549904 Binary files /dev/null and b/source/images/rice500@2x.webp differ diff --git a/source/images/rice500@2x@1x.png b/source/images/rice500@2x@1x.png new file mode 100644 index 0000000..c65b830 Binary files /dev/null and b/source/images/rice500@2x@1x.png differ diff --git a/source/images/rice500@2x@1x.webp b/source/images/rice500@2x@1x.webp new file mode 100644 index 0000000..d9cae90 Binary files /dev/null and b/source/images/rice500@2x@1x.webp differ diff --git a/source/images/rice500@2x@2x.png b/source/images/rice500@2x@2x.png new file mode 100644 index 0000000..01ee2b9 Binary files /dev/null and b/source/images/rice500@2x@2x.png differ diff --git a/source/images/rice500@2x@2x.webp b/source/images/rice500@2x@2x.webp new file mode 100644 index 0000000..219b5b3 Binary files /dev/null and b/source/images/rice500@2x@2x.webp differ diff --git a/source/images/slider-vector.svg b/source/images/slider-vector.svg new file mode 100644 index 0000000..8c8f49f --- /dev/null +++ b/source/images/slider-vector.svg @@ -0,0 +1,4 @@ + + + + diff --git a/source/index.html b/source/index.html index bca6490..adb76c6 100644 --- a/source/index.html +++ b/source/index.html @@ -6,6 +6,10 @@ Кокой-то Cat Energy + + + + @@ -99,28 +103,28 @@

Живой пример

- -
- -
- - - - - Толстенький котик - -
- -
- Худенький котик -
- -
- - -
+ +
+ +
diff --git a/source/manifest.webmanifest b/source/manifest.webmanifest new file mode 100644 index 0000000..d8a1295 --- /dev/null +++ b/source/manifest.webmanifest @@ -0,0 +1,19 @@ +{ + "icons": [ + { + "src": "favicons/16.png", + "type": "image/png", + "sizes": "16x16" + }, + { + "src": "favicons/32.png", + "type": "image/png", + "sizes": "32x32" + }, + { + "src": "favicons/152.png", + "type": "image/png", + "sizes": "152x152" + } + ] +} diff --git a/source/scripts/index.js b/source/scripts/index.js index 7a738ce..9456a2a 100644 --- a/source/scripts/index.js +++ b/source/scripts/index.js @@ -1 +1,13 @@ -/* в этот файл добавляет скрипты*/ +const sliderControl = document.querySelector('.slider__control'); +const slider = document.querySelector('.slider'); + +let flag = false; +sliderControl.addEventListener('click', () => { + if (!flag) { + slider.classList.add('slider--after'); + flag = true; + }else{ + slider.classList.toggle('slider--after'); + slider.classList.toggle('slider--before'); + } +}); diff --git a/source/styles/blocks/description.scss b/source/styles/blocks/description.scss index b13dc10..0e59e42 100644 --- a/source/styles/blocks/description.scss +++ b/source/styles/blocks/description.scss @@ -47,5 +47,5 @@ text-align: center; text-transform: uppercase; margin: 0; - padding: 20px 0 0; + padding: 20px 0; } diff --git a/source/styles/blocks/footer.scss b/source/styles/blocks/footer.scss index 51d00a1..5fd3a05 100644 --- a/source/styles/blocks/footer.scss +++ b/source/styles/blocks/footer.scss @@ -26,14 +26,15 @@ } .footer__logo { - text-align: center; display: block; + text-align: center; } .link__developer { border-top: 1px solid #d9d9d9; padding: 20px 20px 0; display: flex; + flex-wrap: wrap; justify-content: space-between; } @@ -48,3 +49,4 @@ width: 27px; height: 34px; } + diff --git a/source/styles/blocks/slider.scss b/source/styles/blocks/slider.scss index 7ace784..601f705 100644 --- a/source/styles/blocks/slider.scss +++ b/source/styles/blocks/slider.scss @@ -9,3 +9,104 @@ margin: 0 auto; position: relative; } + +.slider__list { + padding: 0; + margin: 0; + list-style: none; + position: relative; + width: 100%; + height: 100%; +} + +.slider__screen { + height: 100%; + position: absolute; + top: 0; + left: 0; + overflow: hidden; +} + +.slider__screen--before { + z-index: 5; + width: 50%; + background-color: #eaeaea; + transition: width 2s ease; +} + +.slider__screen--after { + z-index: 1; + width: 100%; +} + +.slider--before .slider__screen--before { + width: 100%; +} + +.slider--after .slider__screen--before { + width: 0; +} + +.slider__control { + position: absolute; + width: 40px; + height: 40px; + top: 50%; + transform: translate(-50%, -50%); + left: 50%; + background-color: #ffffff; + z-index: 10; + border-radius: 50%; + cursor: pointer; + border: 2px solid #666666; + transition: left 2s ease; +} + +.slider--before .slider__control { + left: 100%; +} + +.slider--after .slider__control { + left: 0; +} + +.slider__control::before { + content: ""; + position: absolute; + height: 256px; + width: 4px; + border-radius: 2px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: #666666; +} + +.slider__control::after { + content: ""; + position: absolute; + height: 37px; + width: 37px; + border-radius: 50%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: #ffffff; + background-image: url("../../images/slider-vector.svg"); +} + +.slider__control:hover { + border: 2px solid #68b738; +} + +.slider__control:hover::before { + background-color: #68b738; +} + +.slider__control:focus { + border: 2px solid #5eaa2f; +} + +.slider__control:focus::before { + background-color: #5eaa2f; +} diff --git a/source/styles/blocks/social.scss b/source/styles/blocks/social.scss index 30c6ceb..9f36b6e 100644 --- a/source/styles/blocks/social.scss +++ b/source/styles/blocks/social.scss @@ -4,9 +4,10 @@ padding: 0; list-style: none; display: flex; - flex-wrap: nowrap; + flex-wrap: wrap; justify-content: center; gap: 24px; + max-width: 132px; } .social__link { @@ -20,14 +21,42 @@ } + .social__link--vk { mask: url("../../icons/vkontakte.svg"); } +.social__link--vk:hover { + background-color: #68b738; +} + +.social__link--vk:active { + background-image: #68b738; + opacity: 30%; +} + .social__link--youtube { mask: url("../../icons/youtube.svg"); } +.social__link--youtube:hover { + background-color: #68b738; +} + +.social__link--youtube:active { + background-image: #68b738; + opacity: 30%; +} + .social__link--telegram { mask: url("../../icons/telegram.svg"); } + +.social__link--telegram:hover { + background-color: #68b738; +} + +.social__link--telegram:active { + background-image: #68b738; + opacity: 30%; +}