From 4a40e9b5be8021600661bd775d032cb138c6f93d Mon Sep 17 00:00:00 2001 From: ReshetS Date: Wed, 17 Apr 2024 21:05:06 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20ReshetS/?= =?UTF-8?q?greenharvest.v.ua@15b00355b8ddb7ccacf102c53a95480a22261bc2=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/{index-c7911f3a.css => index-2764e4d4.css} | 2 +- commonHelpers.js | 2 +- commonHelpers.js.map | 2 +- index.html | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) rename assets/{index-c7911f3a.css => index-2764e4d4.css} (98%) diff --git a/assets/index-c7911f3a.css b/assets/index-2764e4d4.css similarity index 98% rename from assets/index-c7911f3a.css rename to assets/index-2764e4d4.css index 2e30b29..1e2c064 100644 --- a/assets/index-c7911f3a.css +++ b/assets/index-2764e4d4.css @@ -1 +1 @@ -h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul,ol{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.header .container{position:relative}.header-container{position:absolute;display:flex;justify-content:space-between;align-items:center;padding:0 20px;left:0;right:0;top:20px;width:100%;transition:background-color .5s cubic-bezier(.165,.84,.44,1)}.header-container.scrolled{z-index:3;background-color:#576f3599;border-bottom:1px solid rgba(61,59,59,.2);top:0;position:fixed;padding:0 calc((100% - 335px)/2);left:50%;transform:translate(-50%)}.header-logo-link{display:flex;align-items:center;gap:4px}.header-logo-mob{fill:#fbfbfb}.button-menu-open{display:block;stroke:#fbfbfb;background-color:transparent;border:none}.open-menu-tablet,.header-logo-tab,.nav{display:none}@media screen and (min-width: 768px){.header-container{padding:0 32px;top:32px}.header-container.scrolled{padding:16px calc((100% - 704px)/2)}.header-logo-link{gap:8px}.button-menu-open{height:40px}.button-menu-open-mob,.header-logo-mob,.open-menu-mobile{display:none}.open-menu-tablet{display:inline}.open-menu-tablet-icon{stroke:#fbfbfb;background-color:transparent;border:none}.header-logo-tab{display:inline;fill:#fbfbfb}}@media screen and (min-width:1280px){.header-container{padding:16px 100px}.header-container.scrolled{padding:20px calc((100% - 1080px)/2)}.button-menu-open-td{display:none}.nav{display:flex;align-items:center}.nav-list{display:flex}.nav-item:not(:last-child){margin-right:8px}.nav-item:nth-last-child(2){margin-right:20px}.nav-link{padding:12px;border:1px solid rgba(251,251,251,.4);border-radius:12px;font-weight:500;line-height:1.25;letter-spacing:-.02em}.button-menu-open{display:none}.shop-now{border-radius:30px;padding:16px 32px;background-color:#7a3145;border:none;font-weight:600;font-size:18px;letter-spacing:-.01em;line-height:1.11;text-transform:uppercase;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.shop-now:hover,.shop-now:focus{background-color:#622133}}.hero{width:100%;margin:0 auto;background-color:#576f35}.hero>.container{padding:0}.hero-text{padding:100px 20px 40px}.hero-header{font-size:48px;line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:20px}.hero-paragraph{line-height:1.29;font-weight:500}.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-mob-1x-min-b0b3d341.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:370px}@media screen and (min-resolution: 192dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-mob-2x-min-153def08.jpg)}}@media screen and (min-resolution: 288dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-mob-3x-min-8d259956.jpg)}}@media screen and (min-width: 768px){.hero-text{padding:122px 32px 50px}.hero-header{font-size:76px;margin-bottom:25px}.hero-paragraph{line-height:1.25;margin-right:101px}.hero-image{height:539px;background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-tab-1x-min-7b70e2a1.jpg)}@media screen and (min-resolution: 192dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-tab-2x-min-f621f8d2.jpg)}}@media screen and (min-resolution: 288dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-tab-3x-min-9489acaa.jpg)}}}@media screen and (min-width: 1280px){.hero>.container{display:flex;flex-direction:row;gap:0}.hero-text{padding-top:238px;padding-right:28px;padding-left:100px;flex-basis:630px}.hero-header{margin-bottom:128px}.hero-paragraph{margin-right:31px}.hero-image{flex-basis:650px;height:800px;background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-desc-1x-min-d628b702.jpg)}@media screen and (min-resolution: 192dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-desc-2x-min-db6448e7.jpg)}}@media screen and (min-resolution: 288dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-desc-3x-min-4e0ac0df.jpg)}}}.how-it-works{width:100%;margin:0 auto}.work-image-wrap{padding:40px 20px;max-width:375px;margin:0 auto}.work-image{position:relative}.work-image-pic{border-radius:30px;max-width:100%;margin:0 auto}.work-image:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#1414144d;border-radius:30px;pointer-events:none}.work-steps-container{background-color:#576f35}.work-steps-wrap{padding:80px 20px;max-width:375px;margin:0 auto}.work-steps-txt-wrap{margin-bottom:40px}.work-steps-subtit{font-weight:600;font-size:28px;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#fbfbfb;margin:0 auto 20px}.steps-subt-accent{color:#fbfbfb4d}.work-steps-text{font-weight:500;font-size:14px;line-height:1.28;color:#fbfbfb;margin:0 auto}.work-steps-list{color:#14141499;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%}.work-steps-item:nth-child(2){padding:12px 59px 12px 100px}.work-steps-item{display:flex;align-items:center;position:relative;counter-increment:section;list-style:none;z-index:0;background-color:#fbfbfb;border-radius:15px;padding:12px 27px 12px 100px;width:100%;height:76px}.work-steps-item:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='21' fill='%237A3145'/%3E%3Ccircle cx='26' cy='26' r='23.5' stroke='%237A3145' stroke-opacity='0.3' stroke-width='5'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:cover;content:counter(section);position:absolute;top:50%;transform:translateY(-50%);left:24px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fbfbfb;font-weight:500;line-height:1;letter-spacing:-.02em;height:52px;width:52px}.work-steps-item-txt{font-weight:500;font-size:12px;line-height:1.17;letter-spacing:-.02em;color:#14141499}.steps-list-accent{font-weight:700;color:#141414}@media screen and (min-width: 768px){.work-image-wrap{padding:100px 64px;max-width:768px;margin:0 auto}.work-image-pic{max-width:640px;height:640px}.work-steps-wrap{padding:100px 159px;max-width:768px;margin:0 auto}.work-steps-txt-wrap{margin-bottom:50px}.work-steps-subtit{font-size:32px;margin-bottom:25px}.work-steps-text{font-size:16px;line-height:1.25}.work-steps-item{padding:12px 25px 12px 100px}.work-steps-item-txt{font-size:16px;line-height:1.25}}@media screen and (min-width: 1280px){.how-it-works{display:flex;gap:0}.work-image-container{flex-basis:calc(50% - 10px);display:flex}.work-image-wrap{position:relative;flex-basis:630px;padding:100px;margin:0 0 0 auto}.work-image-pic{width:430px;height:559px}.work-steps-container{flex-basis:calc(50% + 10px);display:flex}.work-steps-wrap{flex-basis:650px;padding:100px 100px 160px;margin:0 auto 0 0}}.advertisement{padding-top:80px;padding-bottom:80px;background:#fbfbfb}.advertisement .container{padding-left:10px;padding-right:10px}.adv-text{display:block;font-size:48px;line-height:1.04;letter-spacing:-.01em;text-transform:uppercase;color:#141414}.adv-text-title{display:block;color:#fbfbfb;border-style:solid;border-color:#576f35;border-left-width:10px;border-right-width:10px;border-radius:12px;background-color:#576f35;padding-left:0}.adv-text-descr{display:block;padding-left:10px}@media screen and (min-width: 768px){.advertisement{padding-top:100px;padding-bottom:100px}.advertisement .container{padding-left:16px;padding-right:16px}.adv-text{font-size:64px;line-height:1.09}.adv-text-title{border-left-width:16px;border-right-width:16px}.adv-text-descr{padding-left:16px}}@media screen and (min-width: 1280px){.advertisement .container{padding-left:100px;padding-right:100px}.adv-text{font-size:76px;line-height:1.05}.adv-text-title{display:inline;border-left-width:13px;border-right-width:13px;position:relative;left:-13px}.adv-text-descr{display:inline;padding-left:0;padding-right:13px}}.vegetables{padding-top:80px;padding-bottom:80px;letter-spacing:-.01em}.organic-title{font-size:48px;line-height:1.04;text-transform:uppercase;margin-bottom:20px;max-width:335px}.organic-title span{color:#fbfbfb4d}.title-about{font-weight:500;line-height:1.29;margin-bottom:40px;max-width:335px}.vg-list{display:flex;flex-wrap:wrap;gap:20px}.vg-item{border-radius:40px;padding:32px 26px;flex-basis:auto;background:#fbfbfb}.vg-subtitle{font-size:28px;line-height:1;color:#7a3145;margin-bottom:12px}.price-list{line-height:1.29;text-transform:uppercase;color:#141414;margin-bottom:14px}.vg-image{margin:0 auto}@media screen and (min-width: 768px){.vegetables{padding-top:100px;padding-bottom:100px}.organic-title{font-size:64px;line-height:1;margin-bottom:50px;max-width:508px}.title-about{line-height:1.25;margin-bottom:50px;max-width:626px}.vg-list{gap:28px 20px}.vg-item{padding:32px 30px;flex-basis:calc((100% - 20px)/2)}.vg-subtitle{font-size:32px}.price-list{margin-bottom:10px}}@media screen and (min-width: 1280px){.organic-title{margin-bottom:25px}.vg-list{gap:28px 21px}.vg-item{padding:32px;flex-basis:calc((100% - 2 * 21px) / 3)}}.reviews{background-color:#fbfbfb;padding-top:80px;padding-bottom:80px}.reviews-title{font-size:48px;line-height:1.04;letter-spacing:-.01em;text-transform:uppercase;color:#141414;margin-bottom:20px}.reviews-title-part{color:#576f35}.reviews-text{font-weight:500;line-height:1.3;color:#141414;margin-bottom:40px}.reviews-item{border:1px solid rgba(122,49,69,.3);border-radius:24px;padding:20px 16px 38px;width:100%;height:238px}.reviews-img{background-color:#e0e0e0;display:block;margin:auto auto 24px;border-radius:100%}.reviews-subtitle{font-size:16px;line-height:1.25;letter-spacing:-.02em;text-align:center;color:#040306;margin-bottom:8px}.reviews-describe-text{font-weight:500;line-height:1.3;text-align:center;color:#04030666;max-width:288px}.reviews-item{display:none}.reviews-item:nth-child(1){display:block}@media screen and (min-width: 768px){.reviews{background-color:#fbfbfb;padding-top:100px;padding-bottom:100px}.reviews-title{max-width:553px;font-weight:400;font-size:64px;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#141414;margin-bottom:25px}.reviews-text{max-width:553px;font-weight:500;line-height:1.25;color:#141414;margin-bottom:50px}.reviews-subtitle{font-size:18px;line-height:1.1}.reviews-item:nth-child(-n+2){display:block}.reviews-describe-text{font-weight:500;line-height:1.4;text-align:center;color:#14141466}.reviews-list{display:flex;gap:18px}.reviews-item{width:343px;height:258px;padding:20px}:root{font-size:16px}}@media screen and (min-width: 1280px){.reviews{padding-top:100px;padding-bottom:100px}.reviews-item{display:block}.reviews-list{display:flex;gap:25px}}:root{--text: #141414;--background: #576f35;--background-2: #7a3145;--main-text: #fbfbfb;--harvest: rgba(251, 251, 251, .3);--font-family: "Inter Tight", sans-serif}.your-order{padding:80px 0}.your-order-title{display:block;font-size:48px;line-height:1.04;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:29px}.highlight-text-harvest{color:var(--harvest)}.your-order-text{font-weight:500;line-height:1.29;margin-bottom:40px}.order-block{border-radius:30px;padding:40px 20px;background-color:var(--main-text)}.order-form-text{margin-bottom:40px;font-size:24px;line-height:1.08;letter-spacing:-.01em;text-transform:uppercase;color:var(--text)}.highlight-text-from-us{color:var(--background-2)}.the-form{color:var(--background)}.order-form{display:flex;flex-direction:column}.form-input{border:1px solid rgba(77,61,61,.2);width:100%;border-radius:30px;padding-left:16px;margin-bottom:15px;height:46px}.form-input:user-valid{border-color:#3cbc81}.form-input:user-invalid{border-color:#e74a3b}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--background-2)}.form-textarea{resize:none;width:100%;border:1px solid rgba(20,20,20,.2);border-radius:15px;padding-left:16px;padding-top:14px;height:91px;margin-bottom:20px}.order-form ::placeholder{font-weight:500;line-height:129%;letter-spacing:-.02em;color:var(--text)}.form-submit-btn{font-weight:600;line-height:1.29;letter-spacing:-.01em;border:none;text-transform:uppercase;color:var(--main-text);border-radius:30px;padding:16px 0;max-width:100%;text-align:center;background:var(--background)}.social-media-block{margin-top:20px;border-radius:30px;padding:40px 20px;background-color:var(--background)}.order-block,.social-media-block{min-width:280px}.social-media-image{max-width:100%;border-radius:15px;max-height:273px;margin-bottom:20px}.image-wrap{position:relative}.image-wrap:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#1414144d;border-radius:15px;pointer-events:none}.social-media-text{line-height:1.29;letter-spacing:-.01em;color:#fbfbfb80}.social-media{margin-top:14px}.social-media-item{display:inline-block}.social-media-item:not(:last-child){margin-bottom:8px}.social-media-item:not(:last-child):after{content:"/";font-size:24px;line-height:1.08;margin:0 8px}.social-media-link{font-size:24px;line-height:1.08;letter-spacing:-.01em}@media screen and (min-width:768px){.your-order{padding:100px 0}.your-order-title{font-size:64px;line-height:1}.your-order-text{line-height:1.25;max-width:640px}.order-block{margin:0 auto;max-width:628px;padding:50px 100px}.order-form-text{margin-bottom:50px}.form-input{height:52px;line-height:1.25}.order-form::placeholder{font-weight:500;font-size:16px;line-height:1.25;letter-spacing:-.02em}.form-textarea{height:95px;margin-bottom:25px}.form-submit-btn{font-size:18px;line-height:1.11}.social-media-block{max-width:628px;margin:25px auto 0;padding:50px}.social-media-image{margin-bottom:50px}.social-media-text{font-size:18px;line-height:1.11}.social-media{margin-top:15px}.social-media-item:not(:last-child):after{font-size:32px;line-height:1;margin:0 12px}.social-media-item:not(:last-child){margin:0}.social-media-link{font-size:32px;line-height:1}}@media screen and (min-width:1280px){.order-wrap{display:flex;gap:24px}.order-block{padding:50px}.your-order-title{margin-bottom:25px;margin-right:auto;max-width:751px}.your-order-text{margin-right:auto;margin-bottom:50px;max-width:742px}.social-media-block{margin-top:0}.order-block,.social-media-block{flex-basis:calc((100% - 24px)/2)}.social-media-item:not(:last-child){margin-bottom:12px}}.footer{padding-top:40px;padding-bottom:40px}.footer-wrap{display:flex;flex-direction:column;gap:40px;margin-bottom:80px}.footer-logo{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:14px;width:296px}.footer-logo-link{display:flex;gap:4px;align-items:center}.footer-logo-icon-mob{fill:#fbfbfb}.footer-logo-icon-tab{display:none;fill:#fbfbfb}.footer-text{font-weight:500;font-size:14px;line-height:1.29;color:#fbfbfb}.footer-blok-nav{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:40px}.footer-nav-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:14px}.footer-nav-link{font-size:28px;line-height:1;letter-spacing:-.01em;color:#fbfbfb}.footer-address{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:14px}.footer-address-link{line-height:1.29;letter-spacing:-.01em;color:#fbfbfb}.footer-address-text{width:179px;line-height:1.29;letter-spacing:-.01em;color:#fbfbfb}.footer-soc{display:flex;flex-direction:row;gap:8px}.footer-soc-link,.footer-soc-text{font-weight:500;font-size:12px;line-height:1.33;letter-spacing:-.01em;color:#fbfbfb80}.footer-soc-link:last-child{margin-left:auto}@media screen and (min-width:768px){.footer{padding-top:32px;padding-bottom:32px}.footer-wrap{margin-bottom:100px;flex-direction:row}.footer-logo{gap:25px;width:265px}.footer-logo-link{gap:8px}.footer-logo-icon-mob{display:none}.footer-logo-icon-tab{display:flex;fill:#fbfbfb}.footer-text{font-size:16px;line-height:1.25}.footer-blok-nav{margin-left:auto;gap:64px}.footer-nav-list{gap:25px}.footer-nav-link{font-size:32px}.footer-address{gap:25px}.footer-address-link{font-size:18px;line-height:1.11}.footer-address-text{width:215px;font-size:18px;line-height:1.11}.footer-soc-link,.footer-soc-text{font-size:18px;line-height:1.11}}@media screen and (min-width:1280px){.footer{padding-top:50px;padding-bottom:50px}.footer-wrap{margin-bottom:125px}.footer-blok-nav{margin-left:auto;flex-direction:row;gap:121px}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:#14141466;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.mobile-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#7a3145;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(100%)}.backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.backdrop.is-open>.mobile-menu{transform:translate(0)}.modal{position:relative;display:flex;flex-direction:column;height:100%;padding-bottom:40px;padding-top:240px}.modal-btn{position:absolute;top:20px;right:20px;background-color:transparent;border:none;padding:0;line-height:0}.modal-close-icon-mini{stroke:#fbfbfb}.modal-close-icon-big{display:none}.modal-menu{height:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-direction:column;margin-left:auto;margin-right:auto}.modal-menu-item{display:flex;justify-content:center;align-items:center;border:1px solid rgba(251,251,251,.4);border-radius:12px;width:115px;height:42px;transition:color .25s cubic-bezier(.4,0,.2,1)}.modal-menu-item:hover,.modal-menu-item:focus{background:#fbfbfb}.modal-menu-item:hover>.modal-menu-link,.modal-menu-item:focus>.modal-menu-link{color:#7a3145}.modal-menu-link{font-weight:500;font-size:14px;line-height:1.28571;letter-spacing:-.02em;text-align:center;color:#fbfbfb;transition:color .25s cubic-bezier(.4,0,.2,1)}.modal-menu-item-shop{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:1px solid rgba(251,251,251,.2);border-radius:30px;width:155px;height:50px;margin-top:auto}.modal-menu-link-shop{font-weight:600;font-size:14px;line-height:1.28571;letter-spacing:-.01em;text-transform:uppercase;color:#fbfbfb}.modal-menu-item-shop:hover,.modal-menu-item-shop:focus{background:#fbfbfb}.modal-menu-item-shop:hover>.modal-menu-link-shop,.modal-menu-item-shop:focus>.modal-menu-link-shop{color:#7a3145}@media screen and (min-width: 768px) and (max-width: 1279px){.mobile-menu{width:351px;right:0;left:auto}.modal-close-icon-mini{display:none}.modal-close-icon-big{display:block;stroke:#fbfbfb}}@media screen and (min-width: 1280px){.backdrop.is-open{opacity:0;visibility:hidden;pointer-events:none}}:root{font-family:Inter Tight,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:14px;line-height:1;color:#fbfbfb;background-color:#7a3145;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}.container{width:100%;padding-left:20px;padding-right:20px;margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}@media screen and (min-width: 375px){.container{max-width:375px}}@media screen and (min-width: 768px){.container{max-width:768px;padding-left:32px;padding-right:32px}:root{font-size:16px}}@media screen and (min-width: 1280px){.container{max-width:1280px;padding-left:100px;padding-right:100px}} +h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul,ol{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.header .container{position:relative}.header-container{position:absolute;display:flex;justify-content:space-between;align-items:center;padding:0 20px;left:0;right:0;top:20px;width:100%;transition:background-color .5s cubic-bezier(.165,.84,.44,1)}.header-container.scrolled{z-index:3;background-color:#576f3599;border-bottom:1px solid rgba(61,59,59,.2);top:0;position:fixed;padding:0 calc((100% - 335px)/2);left:50%;transform:translate(-50%)}.header-logo-link{display:flex;align-items:center;gap:4px}.header-logo-mob{fill:#fbfbfb}.button-menu-open{display:block;stroke:#fbfbfb;background-color:transparent;border:none}.open-menu-tablet,.header-logo-tab,.nav{display:none}@media screen and (min-width: 768px){.header-container{padding:0 32px;top:32px}.header-container.scrolled{padding:16px calc((100% - 704px)/2)}.header-logo-link{gap:8px}.button-menu-open{height:40px}.button-menu-open-mob,.header-logo-mob,.open-menu-mobile{display:none}.open-menu-tablet{display:inline}.open-menu-tablet-icon{stroke:#fbfbfb;background-color:transparent;border:none}.header-logo-tab{display:inline;fill:#fbfbfb}}@media screen and (min-width:1280px){.header-container{padding:16px 100px}.header-container.scrolled{padding:20px calc((100% - 1080px)/2)}.button-menu-open-td{display:none}.nav{display:flex;align-items:center}.nav-list{display:flex}.nav-item:not(:last-child){margin-right:8px}.nav-item:nth-last-child(2){margin-right:20px}.nav-link{padding:12px;border:1px solid rgba(251,251,251,.4);border-radius:12px;font-weight:500;line-height:1.25;letter-spacing:-.02em}.button-menu-open{display:none}.shop-now{border-radius:30px;padding:16px 32px;background-color:#7a3145;border:none;font-weight:600;font-size:18px;letter-spacing:-.01em;line-height:1.11;text-transform:uppercase;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.shop-now:hover,.shop-now:focus{background-color:#622133}}.hero{width:100%;margin:0 auto;background-color:#576f35}.hero>.container{padding:0}.hero-text{padding:100px 20px 40px}.hero-header{font-size:48px;line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:20px}.hero-paragraph{line-height:1.29;font-weight:500}.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-mob-1x-min-b0b3d341.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:370px}@media screen and (min-resolution: 192dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-mob-2x-min-153def08.jpg)}}@media screen and (min-resolution: 288dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-mob-3x-min-8d259956.jpg)}}@media screen and (min-width: 768px){.hero-text{padding:122px 32px 50px}.hero-header{font-size:76px;margin-bottom:25px}.hero-paragraph{line-height:1.25;margin-right:101px}.hero-image{height:539px;background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-tab-1x-min-7b70e2a1.jpg)}@media screen and (min-resolution: 192dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-tab-2x-min-f621f8d2.jpg)}}@media screen and (min-resolution: 288dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-tab-3x-min-9489acaa.jpg)}}}@media screen and (min-width: 1280px){.hero>.container{display:flex;flex-direction:row;gap:0}.hero-text{padding-top:238px;padding-right:28px;padding-left:100px;flex-basis:630px}.hero-header{margin-bottom:128px}.hero-paragraph{margin-right:31px}.hero-image{flex-basis:650px;height:800px;background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-desc-1x-min-d628b702.jpg)}@media screen and (min-resolution: 192dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-desc-2x-min-db6448e7.jpg)}}@media screen and (min-resolution: 288dpi){.hero-image{background-image:linear-gradient(to bottom,rgba(20,20,20,.2),rgba(20,20,20,.2)),url(/assets/vegbox-desc-3x-min-4e0ac0df.jpg)}}}.how-it-works{width:100%;margin:0 auto}.work-image-wrap{padding:40px 20px;max-width:375px;margin:0 auto}.work-image{position:relative}.work-image-pic{border-radius:30px;max-width:100%;margin:0 auto}.work-image:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#1414144d;border-radius:30px;pointer-events:none}.work-steps-container{background-color:#576f35}.work-steps-wrap{padding:80px 20px;max-width:375px;margin:0 auto}.work-steps-txt-wrap{margin-bottom:40px}.work-steps-subtit{font-weight:600;font-size:28px;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#fbfbfb;margin:0 auto 20px}.steps-subt-accent{color:#fbfbfb4d}.work-steps-text{font-weight:500;font-size:14px;line-height:1.28;color:#fbfbfb;margin:0 auto}.work-steps-list{color:#14141499;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%}.work-steps-item:nth-child(2){padding:12px 59px 12px 100px}.work-steps-item{display:flex;align-items:center;position:relative;counter-increment:section;list-style:none;z-index:0;background-color:#fbfbfb;border-radius:15px;padding:12px 27px 12px 100px;width:100%;height:76px}.work-steps-item:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='21' fill='%237A3145'/%3E%3Ccircle cx='26' cy='26' r='23.5' stroke='%237A3145' stroke-opacity='0.3' stroke-width='5'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:cover;content:counter(section);position:absolute;top:50%;transform:translateY(-50%);left:24px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fbfbfb;font-weight:500;line-height:1;letter-spacing:-.02em;height:52px;width:52px}.work-steps-item-txt{font-weight:500;font-size:12px;line-height:1.17;letter-spacing:-.02em;color:#14141499}.steps-list-accent{font-weight:700;color:#141414}@media screen and (min-width: 768px){.work-image-wrap{padding:100px 64px;max-width:768px;margin:0 auto}.work-image-pic{max-width:640px;height:640px}.work-steps-wrap{padding:100px 159px;max-width:768px;margin:0 auto}.work-steps-txt-wrap{margin-bottom:50px}.work-steps-subtit{font-size:32px;margin-bottom:25px}.work-steps-text{font-size:16px;line-height:1.25}.work-steps-item{padding:12px 25px 12px 100px}.work-steps-item-txt{font-size:16px;line-height:1.25}}@media screen and (min-width: 1280px){.how-it-works{display:flex;gap:0}.work-image-container{flex-basis:calc(50% - 10px);display:flex}.work-image-wrap{position:relative;flex-basis:630px;padding:100px;margin:0 0 0 auto}.work-image-pic{width:430px;height:559px}.work-steps-container{flex-basis:calc(50% + 10px);display:flex}.work-steps-wrap{flex-basis:650px;padding:100px 100px 160px;margin:0 auto 0 0}}.advertisement{padding-top:80px;padding-bottom:80px;background:#fbfbfb}.advertisement .container{padding-left:10px;padding-right:10px}.adv-text{display:block;font-size:48px;line-height:1.04;letter-spacing:-.01em;text-transform:uppercase;color:#141414}.adv-text-title{display:block;color:#fbfbfb;border-style:solid;border-color:#576f35;border-left-width:10px;border-right-width:10px;border-radius:12px;background-color:#576f35;padding-left:0}.adv-text-descr{display:block;padding-left:10px}@media screen and (min-width: 768px){.advertisement{padding-top:100px;padding-bottom:100px}.advertisement .container{padding-left:16px;padding-right:16px}.adv-text{font-size:64px;line-height:1.09}.adv-text-title{border-left-width:16px;border-right-width:16px}.adv-text-descr{padding-left:16px}}@media screen and (min-width: 1280px){.advertisement .container{padding-left:100px;padding-right:100px}.adv-text{font-size:76px;line-height:1.05}.adv-text-title{display:inline;border-left-width:13px;border-right-width:13px;position:relative;left:-13px}.adv-text-descr{display:inline;padding-left:0;padding-right:13px}}.vegetables{padding-top:80px;padding-bottom:80px;letter-spacing:-.01em}.organic-title{font-size:48px;line-height:1.04;text-transform:uppercase;margin-bottom:20px;max-width:335px}.organic-title span{color:#fbfbfb4d}.title-about{font-weight:500;line-height:1.29;margin-bottom:40px;max-width:335px}.vg-list{display:flex;flex-wrap:wrap;gap:20px}.vg-item{border-radius:40px;padding:32px 26px;flex-basis:auto;background:#fbfbfb}.vg-subtitle{font-size:28px;line-height:1;color:#7a3145;margin-bottom:12px}.price-list{line-height:1.29;text-transform:uppercase;color:#141414;margin-bottom:14px}.vg-image{margin:0 auto}@media screen and (min-width: 768px){.vegetables{padding-top:100px;padding-bottom:100px}.organic-title{font-size:64px;line-height:1;margin-bottom:50px;max-width:508px}.title-about{line-height:1.25;margin-bottom:50px;max-width:626px}.vg-list{gap:28px 20px}.vg-item{padding:32px 30px;flex-basis:calc((100% - 20px)/2)}.vg-subtitle{font-size:32px}.price-list{margin-bottom:10px}}@media screen and (min-width: 1280px){.organic-title{margin-bottom:25px}.vg-list{gap:28px 21px}.vg-item{padding:32px;flex-basis:calc((100% - 2 * 21px) / 3)}}.reviews{background-color:#fbfbfb;padding-top:80px;padding-bottom:80px}.reviews-title{font-size:48px;line-height:1.04;letter-spacing:-.01em;text-transform:uppercase;color:#141414;margin-bottom:20px}.reviews-title-part{color:#576f35}.reviews-text{font-weight:500;line-height:1.3;color:#141414;margin-bottom:40px}.reviews-item{border:1px solid rgba(122,49,69,.3);border-radius:24px;padding:20px 16px 38px;width:100%;height:238px}.reviews-img{background-color:#e0e0e0;display:block;margin:auto auto 24px;border-radius:100%}.reviews-subtitle{font-size:16px;line-height:1.25;letter-spacing:-.02em;text-align:center;color:#040306;margin-bottom:8px}.reviews-describe-text{font-weight:500;line-height:1.3;text-align:center;color:#04030666;max-width:288px}.reviews-item{display:none}.reviews-item:nth-child(1){display:block}@media screen and (min-width: 768px){.reviews{background-color:#fbfbfb;padding-top:100px;padding-bottom:100px}.reviews-title{max-width:553px;font-weight:400;font-size:64px;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#141414;margin-bottom:25px}.reviews-text{max-width:553px;font-weight:500;line-height:1.25;color:#141414;margin-bottom:50px}.reviews-subtitle{font-size:18px;line-height:1.1}.reviews-item:nth-child(-n+2){display:block}.reviews-describe-text{font-weight:500;line-height:1.4;text-align:center;color:#14141466}.reviews-list{display:flex;gap:18px}.reviews-item{width:343px;height:258px;padding:20px}:root{font-size:16px}}@media screen and (min-width: 1280px){.reviews{padding-top:100px;padding-bottom:100px}.reviews-item{display:block}.reviews-list{display:flex;gap:25px}}:root{--text: #141414;--background: #576f35;--background-2: #7a3145;--main-text: #fbfbfb;--harvest: rgba(251, 251, 251, .3);--font-family: "Inter Tight", sans-serif}.your-order{padding:80px 0}.your-order-title{display:block;font-size:48px;line-height:1.04;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:29px}.highlight-text-harvest{color:var(--harvest)}.your-order-text{font-weight:500;line-height:1.29;margin-bottom:40px}.order-block{border-radius:30px;padding:40px 20px;background-color:var(--main-text)}.order-form-text{margin-bottom:40px;font-size:24px;line-height:1.08;letter-spacing:-.01em;text-transform:uppercase;color:var(--text)}.highlight-text-from-us{color:var(--background-2)}.the-form{color:var(--background)}.order-form{display:flex;flex-direction:column}.form-input{border:1px solid rgba(77,61,61,.2);width:100%;border-radius:30px;padding-left:16px;margin-bottom:15px;height:46px}.form-input:user-valid{border-color:#3cbc81}.form-input:user-invalid{border-color:#e74a3b}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--background-2)}.form-textarea{resize:none;width:100%;border:1px solid rgba(20,20,20,.2);border-radius:15px;padding-left:16px;padding-top:14px;height:91px;margin-bottom:20px}.order-form ::placeholder{font-weight:500;line-height:129%;letter-spacing:-.02em;color:var(--text)}.form-submit-btn{font-weight:600;line-height:1.29;letter-spacing:-.01em;border:none;text-transform:uppercase;color:var(--main-text);border-radius:30px;padding:16px 0;max-width:100%;text-align:center;background:var(--background)}.social-media-block{margin-top:20px;border-radius:30px;padding:40px 20px;background-color:var(--background)}.order-block,.social-media-block{min-width:280px}.social-media-image{max-width:100%;border-radius:15px;max-height:273px;margin-bottom:20px}.image-wrap{position:relative}.image-wrap:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#1414144d;border-radius:15px;pointer-events:none}.social-media-text{line-height:1.29;letter-spacing:-.01em;color:#fbfbfb80}.social-media{margin-top:14px}.social-media-item{display:inline-block}.social-media-item:not(:last-child){margin-bottom:8px}.social-media-item:not(:last-child):after{content:"/";font-size:24px;line-height:1.08;margin:0 8px}.social-media-link{font-size:24px;line-height:1.08;letter-spacing:-.01em}@media screen and (min-width:768px){.your-order{padding:100px 0}.your-order-title{font-size:64px;line-height:1}.your-order-text{line-height:1.25;max-width:640px}.order-block{margin:0 auto;max-width:628px;padding:50px 100px}.order-form-text{margin-bottom:50px}.form-input{height:52px;line-height:1.25}.order-form::placeholder{font-weight:500;font-size:16px;line-height:1.25;letter-spacing:-.02em}.form-textarea{height:95px;margin-bottom:25px}.form-submit-btn{font-size:18px;line-height:1.11}.social-media-block{max-width:628px;margin:25px auto 0;padding:50px}.social-media-image{margin-bottom:50px}.social-media-text{font-size:18px;line-height:1.11}.social-media{margin-top:15px}.social-media-item:not(:last-child):after{font-size:32px;line-height:1;margin:0 12px}.social-media-item:not(:last-child){margin:0}.social-media-link{font-size:32px;line-height:1}}@media screen and (min-width:1280px){.order-wrap{display:flex;gap:24px}.order-block{padding:50px}.your-order-title{margin-bottom:25px;margin-right:auto;max-width:751px}.your-order-text{margin-right:auto;margin-bottom:50px;max-width:742px}.social-media-block{margin-top:0}.order-block,.social-media-block{flex-basis:calc((100% - 24px)/2)}.social-media-item:not(:last-child){margin-bottom:12px}}.footer{padding-top:40px;padding-bottom:40px}.footer-wrap{display:flex;flex-direction:column;gap:40px;margin-bottom:80px}.footer-logo{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:14px;width:296px}.footer-logo-link{display:flex;gap:4px;align-items:center}.footer-logo-icon-mob{fill:#fbfbfb}.footer-logo-icon-tab{display:none;fill:#fbfbfb}.footer-text{font-weight:500;font-size:14px;line-height:1.29;color:#fbfbfb}.footer-blok-nav{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:40px}.footer-nav-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:14px}.footer-nav-link{font-size:28px;line-height:1;letter-spacing:-.01em;color:#fbfbfb}.footer-address{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:14px}.footer-address-link{line-height:1.29;letter-spacing:-.01em;color:#fbfbfb}.footer-address-text{width:179px;line-height:1.29;letter-spacing:-.01em;color:#fbfbfb}.footer-soc{display:flex;flex-direction:row;gap:8px}.footer-soc-link,.footer-soc-text{font-weight:500;font-size:12px;line-height:1.33;letter-spacing:-.01em;color:#fbfbfb80}.footer-soc-link:last-child{margin-left:auto}@media screen and (min-width:768px){.footer{padding-top:32px;padding-bottom:32px}.footer-wrap{margin-bottom:100px;flex-direction:row}.footer-logo{gap:25px;width:265px}.footer-logo-link{gap:8px}.footer-logo-icon-mob{display:none}.footer-logo-icon-tab{display:flex;fill:#fbfbfb}.footer-text{font-size:16px;line-height:1.25}.footer-blok-nav{margin-left:auto;gap:64px}.footer-nav-list{gap:25px}.footer-nav-link{font-size:32px}.footer-address{gap:25px}.footer-address-link{font-size:18px;line-height:1.11}.footer-address-text{width:215px;font-size:18px;line-height:1.11}.footer-soc-link,.footer-soc-text{font-size:18px;line-height:1.11}}@media screen and (min-width:1280px){.footer{padding-top:50px;padding-bottom:50px}.footer-wrap{margin-bottom:125px}.footer-blok-nav{margin-left:auto;flex-direction:row;gap:121px}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:#14141466;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.mobile-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#7a3145;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(100%)}.backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.backdrop.is-open>.mobile-menu{transform:translate(0)}.modal{position:relative;display:flex;flex-direction:column;height:100%;padding-bottom:40px;padding-top:240px}.modal-btn{position:absolute;top:20px;right:20px;background-color:transparent;border:none;padding:0;line-height:0}.modal-close-icon-mini{stroke:#fbfbfb}.modal-close-icon-big{display:none}.modal-menu{height:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-direction:column;margin-left:auto;margin-right:auto}.modal-menu-item{display:flex;justify-content:center;align-items:center;border:1px solid rgba(251,251,251,.4);border-radius:12px;width:115px;height:42px;transition:color .25s cubic-bezier(.4,0,.2,1)}.modal-menu-item:hover,.modal-menu-item:focus{background:#fbfbfb}.modal-menu-item:hover>.modal-menu-link,.modal-menu-item:focus>.modal-menu-link{color:#7a3145}.modal-menu-link{font-weight:500;font-size:14px;line-height:1.28571;letter-spacing:-.02em;text-align:center;color:#fbfbfb;transition:color .25s cubic-bezier(.4,0,.2,1)}.modal-menu-item-shop{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:1px solid rgba(251,251,251,.2);border-radius:30px;width:155px;height:50px;margin-top:auto}.modal-menu-link-shop{font-weight:600;font-size:14px;line-height:1.28571;letter-spacing:-.01em;text-transform:uppercase;color:#fbfbfb}.modal-menu-item-shop:hover,.modal-menu-item-shop:focus{background:#fbfbfb}.modal-menu-item-shop:hover>.modal-menu-link-shop,.modal-menu-item-shop:focus>.modal-menu-link-shop{color:#7a3145}@media screen and (min-width: 768px) and (max-width: 1279px){.mobile-menu{width:351px;right:0;left:auto}.modal-close-icon-mini{display:none}.modal-close-icon-big{display:block;stroke:#fbfbfb}}@media screen and (min-width: 1280px){.backdrop.is-open{opacity:0;visibility:hidden;pointer-events:none}}:root{font-family:Inter Tight,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:14px;line-height:1;color:#fbfbfb;background-color:#7a3145;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}.container{width:100%;padding-left:20px;padding-right:20px;margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}body.no-scroll{overflow:hidden}@media screen and (min-width: 375px){.container{max-width:375px}}@media screen and (min-width: 768px){.container{max-width:768px;padding-left:32px;padding-right:32px}:root{font-size:16px}}@media screen and (min-width: 1280px){.container{max-width:1280px;padding-left:100px;padding-right:100px}} diff --git a/commonHelpers.js b/commonHelpers.js index 1f92780..72d00f1 100644 --- a/commonHelpers.js +++ b/commonHelpers.js @@ -1,2 +1,2 @@ -(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))c(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const s of t.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&c(s)}).observe(document,{childList:!0,subtree:!0});function n(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function c(e){if(e.ep)return;e.ep=!0;const t=n(e);fetch(e.href,t)}})();(()=>{const r={modal:document.querySelector("#mobile-menu"),menuOpenBtn:document.querySelector(".button-menu-open"),menuCloseBtn:document.querySelector(".modal-btn"),menuCloseByLink:document.querySelectorAll(".modal-menu-link"),menuCloseByLinkShop:document.querySelector(".modal-menu-link-shop")};r.menuOpenBtn.addEventListener("click",o),r.menuCloseBtn.addEventListener("click",o),r.menuCloseByLink.forEach(n=>{n.addEventListener("click",o)}),r.menuCloseByLinkShop.addEventListener("click",o);function o(){r.modal.classList.toggle("is-open")}document.addEventListener("DOMContentLoaded",function(){const n=document.querySelector(".header-container"),c=n.getBoundingClientRect(),e=c.top+window.pageYOffset,t=c.height;function s(){window.pageYOffset-e>t*1.2?n.classList.add("scrolled"):n.classList.remove("scrolled")}window.addEventListener("scroll",s)})})(); +(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const r of t.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&n(r)}).observe(document,{childList:!0,subtree:!0});function c(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=c(e);fetch(e.href,t)}})();(()=>{const s=document.body,o={modal:document.querySelector("#mobile-menu"),menuOpenBtn:document.querySelector(".button-menu-open"),menuCloseBtn:document.querySelector(".modal-btn"),menuCloseByLink:document.querySelectorAll(".modal-menu-link"),menuCloseByLinkShop:document.querySelector(".modal-menu-link-shop")};o.menuOpenBtn.addEventListener("click",c),o.menuCloseBtn.addEventListener("click",c),o.menuCloseByLink.forEach(n=>{n.addEventListener("click",c)}),o.menuCloseByLinkShop.addEventListener("click",c);function c(){o.modal.classList.toggle("is-open"),s.classList.toggle("no-scroll")}document.addEventListener("DOMContentLoaded",function(){const n=document.querySelector(".header-container"),e=n.getBoundingClientRect(),t=e.top+window.pageYOffset,r=e.height;function l(){window.pageYOffset-t>r*1.2?n.classList.add("scrolled"):n.classList.remove("scrolled")}window.addEventListener("scroll",l)})})(); //# sourceMappingURL=commonHelpers.js.map diff --git a/commonHelpers.js.map b/commonHelpers.js.map index a2e3cb9..0233bb0 100644 --- a/commonHelpers.js.map +++ b/commonHelpers.js.map @@ -1 +1 @@ -{"version":3,"file":"commonHelpers.js","sources":["../src/main.js"],"sourcesContent":["(() => {\n const mobileMenu = {\n modal: document.querySelector('#mobile-menu'),\n menuOpenBtn: document.querySelector('.button-menu-open'),\n menuCloseBtn: document.querySelector('.modal-btn'),\n menuCloseByLink: document.querySelectorAll('.modal-menu-link'),\n menuCloseByLinkShop: document.querySelector('.modal-menu-link-shop'),\n };\n\n mobileMenu.menuOpenBtn.addEventListener('click', toogleIsOpen);\n mobileMenu.menuCloseBtn.addEventListener('click', toogleIsOpen);\n mobileMenu.menuCloseByLink.forEach(link => {\n link.addEventListener('click', toogleIsOpen);\n });\n mobileMenu.menuCloseByLinkShop.addEventListener('click', toogleIsOpen);\n function toogleIsOpen() {\n mobileMenu.modal.classList.toggle('is-open');\n }\n\n document.addEventListener('DOMContentLoaded', function () {\n const block = document.querySelector('.header-container');\n const blockRect = block.getBoundingClientRect();\n const blockStart = blockRect.top + window.pageYOffset; // Висота від початку сторінки до блоку\n const blockHeight = blockRect.height;\n\n function checkScroll() {\n const scrolledPast = window.pageYOffset - blockStart; // Як далеко ми проскролили від початку блоку\n if (scrolledPast > (blockHeight * 1.2)) { // 120% прокрутки блоку\n block.classList.add('scrolled');\n } else {\n block.classList.remove('scrolled');\n }\n }\n\n window.addEventListener('scroll', checkScroll);\n });\n})();\n"],"names":["mobileMenu","toogleIsOpen","link","block","blockRect","blockStart","blockHeight","checkScroll"],"mappings":"usBAAC,IAAM,CACL,MAAMA,EAAa,CACjB,MAAO,SAAS,cAAc,cAAc,EAC5C,YAAa,SAAS,cAAc,mBAAmB,EACvD,aAAc,SAAS,cAAc,YAAY,EACjD,gBAAiB,SAAS,iBAAiB,kBAAkB,EAC7D,oBAAqB,SAAS,cAAc,uBAAuB,CACvE,EAEEA,EAAW,YAAY,iBAAiB,QAASC,CAAY,EAC7DD,EAAW,aAAa,iBAAiB,QAASC,CAAY,EAC9DD,EAAW,gBAAgB,QAAQE,GAAQ,CACzCA,EAAK,iBAAiB,QAASD,CAAY,CAC/C,CAAG,EACDD,EAAW,oBAAoB,iBAAiB,QAASC,CAAY,EACrE,SAASA,GAAe,CACtBD,EAAW,MAAM,UAAU,OAAO,SAAS,CAC5C,CAED,SAAS,iBAAiB,mBAAoB,UAAY,CACxD,MAAMG,EAAQ,SAAS,cAAc,mBAAmB,EAClDC,EAAYD,EAAM,wBAClBE,EAAaD,EAAU,IAAM,OAAO,YACpCE,EAAcF,EAAU,OAE9B,SAASG,GAAc,CACA,OAAO,YAAcF,EACtBC,EAAc,IAChCH,EAAM,UAAU,IAAI,UAAU,EAE9BA,EAAM,UAAU,OAAO,UAAU,CAEpC,CAED,OAAO,iBAAiB,SAAUI,CAAW,CACjD,CAAG,CACH,GAAI"} \ No newline at end of file +{"version":3,"file":"commonHelpers.js","sources":["../src/main.js"],"sourcesContent":["(() => {\n const body = document.body;\n\n const mobileMenu = {\n modal: document.querySelector('#mobile-menu'),\n menuOpenBtn: document.querySelector('.button-menu-open'),\n menuCloseBtn: document.querySelector('.modal-btn'),\n menuCloseByLink: document.querySelectorAll('.modal-menu-link'),\n menuCloseByLinkShop: document.querySelector('.modal-menu-link-shop'),\n };\n\n mobileMenu.menuOpenBtn.addEventListener('click', toogleIsOpen);\n mobileMenu.menuCloseBtn.addEventListener('click', toogleIsOpen);\n mobileMenu.menuCloseByLink.forEach(link => {\n link.addEventListener('click', toogleIsOpen);\n });\n mobileMenu.menuCloseByLinkShop.addEventListener('click', toogleIsOpen);\n function toogleIsOpen() {\n mobileMenu.modal.classList.toggle('is-open');\n body.classList.toggle('no-scroll');\n }\n\n document.addEventListener('DOMContentLoaded', function () {\n const block = document.querySelector('.header-container');\n const blockRect = block.getBoundingClientRect();\n const blockStart = blockRect.top + window.pageYOffset; // Висота від початку сторінки до блоку\n const blockHeight = blockRect.height;\n\n function checkScroll() {\n const scrolledPast = window.pageYOffset - blockStart; // Як далеко ми проскролили від початку блоку\n if (scrolledPast > blockHeight * 1.2) {\n // 120% прокрутки блоку\n block.classList.add('scrolled');\n } else {\n block.classList.remove('scrolled');\n }\n }\n\n window.addEventListener('scroll', checkScroll);\n });\n})();\n"],"names":["body","mobileMenu","toogleIsOpen","link","block","blockRect","blockStart","blockHeight","checkScroll"],"mappings":"usBAAC,IAAM,CACL,MAAMA,EAAO,SAAS,KAEhBC,EAAa,CACjB,MAAO,SAAS,cAAc,cAAc,EAC5C,YAAa,SAAS,cAAc,mBAAmB,EACvD,aAAc,SAAS,cAAc,YAAY,EACjD,gBAAiB,SAAS,iBAAiB,kBAAkB,EAC7D,oBAAqB,SAAS,cAAc,uBAAuB,CACvE,EAEEA,EAAW,YAAY,iBAAiB,QAASC,CAAY,EAC7DD,EAAW,aAAa,iBAAiB,QAASC,CAAY,EAC9DD,EAAW,gBAAgB,QAAQE,GAAQ,CACzCA,EAAK,iBAAiB,QAASD,CAAY,CAC/C,CAAG,EACDD,EAAW,oBAAoB,iBAAiB,QAASC,CAAY,EACrE,SAASA,GAAe,CACtBD,EAAW,MAAM,UAAU,OAAO,SAAS,EAC3CD,EAAK,UAAU,OAAO,WAAW,CAClC,CAED,SAAS,iBAAiB,mBAAoB,UAAY,CACxD,MAAMI,EAAQ,SAAS,cAAc,mBAAmB,EAClDC,EAAYD,EAAM,wBAClBE,EAAaD,EAAU,IAAM,OAAO,YACpCE,EAAcF,EAAU,OAE9B,SAASG,GAAc,CACA,OAAO,YAAcF,EACvBC,EAAc,IAE/BH,EAAM,UAAU,IAAI,UAAU,EAE9BA,EAAM,UAAU,OAAO,UAAU,CAEpC,CAED,OAAO,iBAAiB,SAAUI,CAAW,CACjD,CAAG,CACH,GAAI"} \ No newline at end of file diff --git a/index.html b/index.html index 7c1792a..346e52b 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@ /> - +