diff --git a/.gitignore b/.gitignore index b869edf..30bc162 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1 @@ -prepros.config \ No newline at end of file +/node_modules \ No newline at end of file diff --git a/27b059bb811937989947.css b/27b059bb811937989947.css new file mode 100644 index 0000000..a12d51c --- /dev/null +++ b/27b059bb811937989947.css @@ -0,0 +1 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;width:100%;height:100%;scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans",sans-serif;letter-spacing:1px;width:100%;height:100%;-webkit-tap-highlight-color:rgba(3,2,2,0);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);-webkit-text-decoration:none;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}figure{margin:0}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}details summary::-webkit-details-marker{display:none}details>summary{list-style:none}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}ul{list-style-type:none;padding:0}svg{cursor:pointer;pointer-events:auto}h1,h2,h3,h4,h5,p,ul{margin:0}:root{--brown-background: url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);--white_255: rgb(255, 255, 255);--white_250: rgb(250, 250, 250);--white_246: rgb(246, 246, 246);--orange: rgb(241, 205, 179);--orange_hover: rgb(253, 220, 196);--dark__buttons: rgb(41, 41, 41);--dark__76: rgb(76, 76, 76);--dark__84: rgb(84, 84, 84);--dark__205: rgb(205, 205, 205);--nav__active-color: rgb(241, 205, 179);--nav__active-border: 3px solid var(--nav__active-color);--buttons-borderRadius: 100px;--buttons-padding: 14px 44px 14px 44px;--content-width: 1200px;--padding-contentInline: 40px;--Georgia-regular: "Georgia", "sans-serif";--transition: all 0.3s ease}.body{font-family:"Georgia", "sans-serif";font-family:var(--Georgia-regular);font-weight:400}.body_fixed{overflow:hidden}.body_popup_fixed{overflow:hidden}.container{margin:0 auto;padding-left:40px;padding-right:40px;padding-left:var(--padding-contentInline);padding-right:var(--padding-contentInline);max-width:1200px;max-width:var(--content-width);box-sizing:content-box}.title{font-size:max(25px, min(4.5572916667vw, 35px));font-weight:400;line-height:130%;letter-spacing:2.1px;text-align:left;color:rgb(84, 84, 84);color:var(--dark__84)}@media only screen and (max-width: 767px){.title{letter-spacing:1.5px;text-align:center}}.subtitle{font-family:"Arial","sans-serif";font-size:15px;line-height:160%;letter-spacing:0;text-align:left}@media only screen and (max-width: 767px){.subtitle{text-align:justify}}.subtitle-animal{color:rgb(84, 84, 84);color:var(--dark__84);font-size:20px;line-height:23px;text-align:center}@media only screen and (max-width: 1279.5px){.subtitle-animal{letter-spacing:1.2px}}@media only screen and (max-width: 767px){.subtitle-animal{letter-spacing:1px}}.header{background:url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);background:var(--brown-background)}.header .container{padding-top:30px}@media only screen and (max-width: 1279.5px){.header .container{padding-left:30px;padding-right:30px}}@media only screen and (max-width: 767px){.header .container{padding-left:20px;padding-right:20px}}.header__inner{display:flex;justify-content:space-between;align-items:center}.logo__title{margin-bottom:10px;font-size:32px;line-height:110%;letter-spacing:2px;color:rgb(241, 205, 179);color:var(--orange)}.logo__subtitle{margin-left:4px;color:rgb(255, 255, 255);color:var(--white_255);font-size:13px;line-height:15px;letter-spacing:1.3px}.nav{color:rgb(205, 205, 205);color:var(--dark__205)}.nav__list{display:flex;-moz-column-gap:36px;column-gap:36px}@media only screen and (max-width: 767px){.nav__list{position:fixed;right:0;top:0;flex-direction:column;align-items:center;row-gap:38px;padding-top:248px;padding-bottom:248px;width:320px;height:100dvh;background:rgb(41, 41, 41);background:var(--dark__buttons);z-index:1;transform:translateX(200%);transition:transform .5s ease-in-out}}.nav__list_active{transform:translateX(0);box-shadow:0 0 0 9999px rgba(0,0,0,.6)}.nav__item{border-bottom:3px solid rgba(0,0,0,0);cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.nav__item:hover{color:rgb(250, 250, 250);color:var(--white_250)}}.nav__item:active{color:rgb(250, 250, 250);color:var(--white_250);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}.nav__item:first-of-type{color:rgb(250, 250, 250);color:var(--white_250);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}@media only screen and (max-width: 767px){.nav__item{font-size:32px}}.burger{display:none;flex-direction:column;row-gap:8.5px;position:relative;z-index:2;width:30px;height:22px;cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}.burger::before{content:"";position:absolute;display:block;top:-15px;left:-15px;right:-15px;bottom:-15px}@media only screen and (max-width: 767px){.burger{display:flex}}.burger__line{border-bottom:2px solid rgb(241, 205, 179);border-bottom:2px solid var(--nav__active-color)}.burger_active{transform:rotate(90deg)}.popup{position:fixed;top:50%;left:50%;display:none;z-index:3;width:900px;background:rgb(250, 250, 250);background:var(--white_250);border-radius:9px;transform:translate(-50%, -50%);box-shadow:0px 2px 35px 14px rgba(13,13,13,.04)}@media only screen and (max-width: 1279.5px){.popup{width:630px}}@media only screen and (max-width: 767px){.popup{padding:10px;width:240px}}.popup_active{display:flex;justify-content:flex-start}@media only screen and (max-width: 767px){.popup_active{justify-content:center}}.popup__text{color:#000;font-weight:400;line-height:115%;text-align:left}.popup__picture{margin-right:30px}@media only screen and (max-width: 1279.5px){.popup__picture{margin-right:11px}}@media only screen and (max-width: 767px){.popup__picture{display:none}}.popup__picture-image{width:500px;height:500px}@media only screen and (max-width: 1279.5px){.popup__picture-image{width:350px;height:350px}}.popup__content{padding-top:52px;padding-right:20px}@media only screen and (max-width: 1279.5px){.popup__content{padding-top:10px;padding-right:8px}}@media only screen and (max-width: 767px){.popup__content{padding-top:0;padding-right:0}.popup__content :where(h4,h5){text-align:center}}.popup__title{margin-bottom:8px;font-size:35px;line-height:130%;letter-spacing:2.1px}@media only screen and (max-width: 767px){.popup__title{margin-bottom:10px}}.popup__breed{margin-bottom:40px;font-size:20px;line-height:115%;letter-spacing:1.2px}@media only screen and (max-width: 1279.5px){.popup__breed{margin-bottom:20px}}.popup__description{margin-bottom:40px;font-size:15px;letter-spacing:.9px}@media only screen and (max-width: 1279.5px){.popup__description{margin-bottom:20px;font-size:13px;letter-spacing:.78px;line-height:110%}}@media only screen and (max-width: 767px){.popup__description{margin-bottom:20px;text-align:justify}}.popup__item{position:relative;padding-left:13px;font-size:15px;font-weight:700;list-style:none;line-height:110%;letter-spacing:.9px;color:#000}.popup__item:not(:last-of-type){margin-bottom:11px}@media only screen and (max-width: 1279.5px){.popup__item:not(:last-of-type){margin-bottom:6px}}@media only screen and (max-width: 767px){.popup__item:not(:last-of-type){margin-bottom:7px}}@media only screen and (max-width: 767px){.popup__item{font-size:15px;padding-left:15px}}.popup__item:before{position:absolute;top:7px;left:0;display:block;content:"";width:4px;height:4px;border-radius:50%;background:rgb(241, 205, 179);background:var(--nav__active-color)}.popup__span{font-weight:400}.popup__button{position:absolute;top:-52px;right:-42px;z-index:0;padding:0;width:52px;height:52px;border:2px solid rgb(241, 205, 179);border:2px solid var(--nav__active-color);border-radius:26px;color:rgb(41, 41, 41);color:var(--dark__buttons);outline:none;cursor:pointer;background-color:rgba(0,0,0,0);transition:all 0.3s ease;transition:var(--transition)}.popup__button::before{content:url(assets/images/svg/ad115b3922e9177158a4.svg)}@media only screen and (max-width: 767px){.popup__button{top:-52px;right:-29px}}@media(hover: hover){.popup__button:hover{background:rgb(253, 220, 196);background:var(--orange_hover)}}@media(hover: none){.popup__button:active{background:rgb(253, 220, 196);background:var(--orange_hover)}}.popup__button_hover{background:rgb(253, 220, 196);background:var(--orange_hover)}.popup_shadow{position:fixed;display:none;top:0;right:0;bottom:0;left:0;background:rgba(41,41,41,.6);z-index:1;min-height:100%;cursor:pointer}.popup_shadow-on{display:block}.welcome{margin-top:-1px;background:url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);background:var(--brown-background)}.welcome .container{padding-top:90px}@media only screen and (max-width: 1279.5px){.welcome .container{padding-left:100px;padding-right:100px;padding-top:61px}}@media only screen and (max-width: 767px){.welcome .container{padding-left:10px;padding-right:10px}}.welcome__inner{display:flex}@media only screen and (max-width: 1279.5px){.welcome__inner{flex-direction:column}}.welcome__info{margin-right:42px;padding-top:164px}@media only screen and (max-width: 1279.5px){.welcome__info{display:flex;flex-direction:column;align-items:center;align-self:center;margin-right:0;padding-top:0;max-width:460px}}.welcome__info-title{margin-bottom:42px;font-size:max(25px, min(5.7291666667vw, 44px));color:rgb(255, 255, 255);color:var(--white_255);line-height:130%;letter-spacing:0;font-weight:400}@media only screen and (max-width: 1279.5px){.welcome__info-title{align-self:baseline}}@media only screen and (max-width: 767px){.welcome__info-title{letter-spacing:1.4px;text-align:center;align-self:center}}.welcome__info-subtitle{margin-bottom:42px;color:rgb(205, 205, 205);color:var(--dark__205)}@media only screen and (max-width: 767px){.welcome__info-subtitle{text-align:center}}.welcome__info-link{display:inline-block;padding:15px 45px;border-radius:100px;border-radius:var(--buttons-borderRadius);background-color:rgb(241, 205, 179);background-color:var(--nav__active-color);color:rgb(41, 41, 41);color:var(--dark__buttons);font-size:17px;line-height:130%;letter-spacing:1px;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.welcome__info-link:hover{background-color:rgb(253, 220, 196);background-color:var(--orange_hover)}}@media(hover: none){.welcome__info-link:active{background-color:rgb(253, 220, 196);background-color:var(--orange_hover)}}@media only screen and (max-width: 1279.5px){.welcome__info-link{margin-bottom:100px}}@media only screen and (max-width: 767px){.welcome__info-link{margin-bottom:105px}}@media only screen and (max-width: 1279.5px){.welcome__picture{padding-left:70px}}@media only screen and (max-width: 767px){.welcome__picture{padding-left:40px}}.welcome__picture-image{width:max(260px, min(74vw, 698px))}.about{background:rgb(255, 255, 255);background:var(--white_255)}.about .container{padding-top:78px;padding-bottom:100px}@media only screen and (max-width: 1279.5px){.about .container{padding-top:76px;padding-left:165px;padding-right:165px}}@media only screen and (max-width: 767px){.about .container{padding:37px 10px 40px}}.about__inner{display:flex;margin-left:175px;margin-right:175px}@media only screen and (max-width: 1279.5px){.about__inner{flex-direction:column-reverse;align-items:center;margin-left:0;margin-right:0}}.about__picture{margin-right:120px}@media only screen and (max-width: 1279.5px){.about__picture{margin-right:0}}.about__picture-image{width:max(260px, min(78vw, 300px))}.about__info{padding-top:12px}@media only screen and (max-width: 1279.5px){.about__info{padding-top:0;max-width:430px}}@media only screen and (max-width: 767px){.about__info{padding-left:15px;padding-right:15px;max-width:300px}}.about__info-title{margin-bottom:25px;text-wrap:balance}@media only screen and (max-width: 1279.5px){.about__info-title{margin-bottom:23px}}.about__info-subtitle{color:rgb(76, 76, 76);color:var(--dark__76)}.about__info-subtitle:not(:last-of-type){margin-bottom:25px}@media only screen and (max-width: 1279.5px){.about__info-subtitle:last-of-type{margin-bottom:80px}}@media only screen and (max-width: 767px){.about__info-subtitle{max-width:270px}.about__info-subtitle:not(:last-of-type){margin-bottom:22px}.about__info-subtitle:last-of-type{margin-bottom:42px}}@keyframes moveLeft{from{transform:translateX(0)}to{transform:translateX(-1080px)}}@keyframes moveLeftDesktop{from{transform:translateX(0)}to{transform:translateX(-620px)}}@keyframes moveLeftMobile{from{transform:translateX(0)}to{transform:translateX(-310px)}}@keyframes moveRight{from{transform:translateX(-1080px)}to{transform:translateX(0)}}@keyframes moveRightDesktop{from{transform:translateX(-620px)}to{transform:translateX(0)}}@keyframes moveRightMobile{from{transform:translateX(-310px)}to{transform:translateX(0)}}.pets{background:rgb(246, 246, 246);background:var(--white_246)}.pets .container{padding-top:75px;padding-bottom:100px}@media only screen and (max-width: 1279.5px){.pets .container{padding-left:30px;padding-right:30px}}@media only screen and (max-width: 767px){.pets .container{padding:40px 10px 42px}}.pets__arrow{position:absolute;top:49%;padding:0;width:52px;height:52px;border:2px solid rgb(241, 205, 179);border:2px solid var(--nav__active-color);border-radius:100px;border-radius:var(--buttons-borderRadius);background:rgba(0,0,0,0);cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.pets__arrow:hover{background:rgb(253, 220, 196);background:var(--orange_hover)}}@media(hover: none){.pets__arrow:active{background:rgb(253, 220, 196);background:var(--orange_hover)}}.pets__arrow:first-of-type{left:0}@media only screen and (max-width: 767px){.pets__arrow:first-of-type{left:19%;top:79%}}.pets__arrow:last-of-type{right:0}@media only screen and (max-width: 767px){.pets__arrow:last-of-type{right:19%;top:79%}}.pets__arrow_moveLeftAnimation{animation:moveLeft .5s ease forwards}@media only screen and (max-width: 1279.5px){.pets__arrow_moveLeftAnimation{animation:moveLeftDesktop .5s ease forwards}}@media only screen and (max-width: 767px){.pets__arrow_moveLeftAnimation{animation:moveLeftMobile .5s ease forwards}}.pets__arrow_moveRightAnimation{animation:moveRight .5s ease forwards}@media only screen and (max-width: 1279.5px){.pets__arrow_moveRightAnimation{animation:moveRightDesktop .5s ease forwards}}@media only screen and (max-width: 767px){.pets__arrow_moveRightAnimation{animation:moveRightMobile .5s ease forwards}}.pets__arrow-svg{position:absolute;top:calc(50% - 3px);left:calc(50% - 7px);width:14px;height:6px}.pets__inner{display:flex;flex-direction:column;align-items:center;position:relative}.pets__title{margin-bottom:60px;max-width:400px;text-align:center}@media only screen and (max-width: 767px){.pets__title{margin-bottom:41px;max-width:300px}}.pets__images{display:flex;align-items:center;align-self:flex-start;gap:0 90px;align-self:center;margin-bottom:60px;max-width:990px;overflow:hidden}@media only screen and (max-width: 1279.5px){.pets__images{gap:0 40px;max-width:580px}}@media only screen and (max-width: 767px){.pets__images{position:relative;margin-bottom:116px;max-width:270px}}.pets__images-image{width:270px;height:270px;margin-bottom:24px}.pets__images-figure{display:flex;flex-direction:column;align-items:center;border-radius:9px;background:rgb(250, 250, 250);background:var(--white_250);cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.pets__images-figure:hover{background:rgb(255, 255, 255);background:var(--white_255)}.pets__images-figure:hover .pets__images-button{background:rgb(253, 220, 196);background:var(--orange_hover)}}.pets__images-text{margin-bottom:28px;text-align:center}@media only screen and (max-width: 1279.5px){.pets__images-text{margin-bottom:30px}}.pets__images-button{margin-bottom:31px;padding:14px 44px 14px 44px;padding:var(--buttons-padding);color:rgb(41, 41, 41);color:var(--dark__buttons);border:2px solid #f1cdb3;border-radius:100px;border-radius:var(--buttons-borderRadius);background:rgba(0,0,0,0);font-size:17px;line-height:130%;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}.pets__link{padding:14px 44px 14px 44px;padding:var(--buttons-padding);color:rgb(41, 41, 41);color:var(--dark__buttons);background:rgb(241, 205, 179);background:var(--nav__active-color);border-radius:100px;border-radius:var(--buttons-borderRadius);font-size:17px;line-height:130%;letter-spacing:1px;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.pets__link:hover{background:rgb(253, 220, 196);background:var(--orange_hover)}}@media(hover: none){.pets__link:active{background:rgb(253, 220, 196);background:var(--orange_hover)}}.help{background:rgb(255, 255, 255);background:var(--white_255)}.help .container{padding-top:80px;padding-bottom:100px}@media only screen and (max-width: 1279.5px){.help .container{padding-left:40px;padding-right:40px}}@media only screen and (max-width: 767px){.help .container{padding-top:40px;padding-bottom:40px;padding-left:15px;padding-right:15px}}.help__inner{display:flex;flex-direction:column;align-items:center;padding-left:87px;padding-right:87px}@media only screen and (max-width: 1279.5px){.help__inner{padding-left:0;padding-right:0}}.help__title{margin-bottom:58px;text-align:center}@media only screen and (max-width: 767px){.help__title{margin-bottom:39px}}.help__icons{display:flex;flex-wrap:wrap;justify-content:center;gap:56px 121px}@media only screen and (max-width: 1279.5px){.help__icons{gap:55px 0}}@media only screen and (max-width: 767px){.help__icons{gap:24.6px 29px;justify-content:flex-start}}.help__icons-inner{display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width: 1279.5px){.help__icons-inner{width:33.3%}}@media only screen and (max-width: 767px){.help__icons-inner{width:45%}}.help__icons-svg{width:60px;height:60px;margin-bottom:30px;cursor:default}@media only screen and (max-width: 767px){.help__icons-svg{width:50px;height:50px;margin-bottom:20px}}.help__icons-text{font-size:max(15px, min(2.6075619296vw, 20px))}.donation{text-align:left;background:rgb(246, 246, 246);background:var(--white_246);color:rgb(84, 84, 84);color:var(--dark__84)}.donation .container{padding:83px 182px 100px}@media only screen and (max-width: 1279.5px){.donation .container{padding-left:132px;padding-right:132px;padding-bottom:97px}}@media only screen and (max-width: 767px){.donation .container{padding:39px 10px}}.donation__inner{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}@media only screen and (max-width: 1279.5px){.donation__inner{flex-direction:column}}.donation__info{max-width:380px}@media only screen and (max-width: 767px){.donation__info{display:flex;flex-direction:column;align-items:center;max-width:300px}}.donation__info-title{margin-bottom:19px;max-width:300px;line-height:130%;letter-spacing:2px}@media only screen and (max-width: 767px){.donation__info-title{max-width:226px;letter-spacing:1.5px}}.donation__info-subtitle{margin-bottom:19px;font-size:15px;line-height:110%;letter-spacing:.9px}@media only screen and (max-width: 767px){.donation__info-subtitle{line-height:160%;letter-spacing:0px}}.donation__info-link{display:flex;justify-content:space-between;align-items:center;padding-left:15px;padding-right:15px;margin-bottom:20px;width:349px;height:43px;border-radius:9px;background:rgb(241, 205, 179);background:var(--nav__active-color);transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.donation__info-link:hover{background:rgb(253, 220, 196);background:var(--orange_hover)}}@media(hover: none){.donation__info-link:active{background:rgb(253, 220, 196);background:var(--orange_hover)}}@media only screen and (max-width: 767px){.donation__info-link{width:281px}}.donation__link-svg{width:30px;height:30px}.donation__link-text{font-size:20px;letter-spacing:1.2px}@media only screen and (max-width: 767px){.donation__link-text{font-size:15px;letter-spacing:.9px}}.donation__info-description{color:#b2b2b2;font-family:Arial;font-style:italic;font-size:12px;line-height:18px;letter-spacing:0}@media only screen and (max-width: 1279.5px){.donation__info-description{margin-bottom:60px}}@media only screen and (max-width: 767px){.donation__info-description{padding-left:10px;padding-right:10px;margin-bottom:42px;text-align:justify;line-height:18.5px}}.donation__picture-image{width:505px}@media only screen and (max-width: 767px){.donation__picture-image{width:max(260px, min(66vw, 505px))}}.footer{background:url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);background:var(--brown-background)}.footer .container{padding-top:40px}@media only screen and (max-width: 1279.5px){.footer .container{padding:28px 30px 0}}@media only screen and (max-width: 767px){.footer .container{padding-left:10px;padding-right:10px}}.footer__inner{display:flex;flex-wrap:wrap;-moz-column-gap:160px;column-gap:160px}@media only screen and (max-width: 1279.5px){.footer__inner{justify-content:center;align-items:center;gap:0 60px}}.footer__contacts{padding-top:16px}.footer__contacts:first-of-type{max-width:278px}.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:38px}@media only screen and (max-width: 1279.5px){.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:36px}}@media only screen and (max-width: 767px){.footer__contacts:first-of-type{display:flex;flex-direction:column;align-items:center;margin-bottom:0}}.footer__contacts:last-of-type{max-width:302px}.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:34px}@media only screen and (max-width: 1279.5px){.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:31px}}@media only screen and (max-width: 767px){.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:39px}}@media only screen and (max-width: 1279.5px){.footer__contacts{padding-top:0;margin-bottom:65px}}@media only screen and (max-width: 767px){.footer__contacts{margin-bottom:0}}.footer__contacts-title{color:rgb(255, 255, 255);color:var(--white_255);letter-spacing:2px}@media only screen and (max-width: 767px){.footer__contacts-title{max-width:294px;letter-spacing:1.5px}}.footer__contacts-link{display:flex;align-items:center}.footer__contacts-link:first-of-type{margin-bottom:32px}@media only screen and (max-width: 1279.5px){.footer__contacts-link:first-of-type{margin-bottom:36px}}@media only screen and (max-width: 767px){.footer__contacts-link:first-of-type{margin-bottom:37px}.footer__contacts-link:last-of-type{margin-bottom:38px}}.footer__contacts-link-svg{margin-right:20px;width:40px;height:36px}.footer__contacts-link-marker{margin-right:20px;min-width:22px;height:32px}.footer__contacts-link-text{color:rgb(241, 205, 179);color:var(--orange);font-size:20px;line-height:115%;letter-spacing:1.2px}.footer__picture-image{width:max(260px, min(60vw, 300px))} diff --git a/4fdf0791669ee077a06d.js b/4fdf0791669ee077a06d.js new file mode 100644 index 0000000..7852f04 --- /dev/null +++ b/4fdf0791669ee077a06d.js @@ -0,0 +1 @@ +!function(){"use strict";const e=document.querySelector(".nav__list"),a=document.querySelector(".burger"),n=n=>{a.classList[n]("burger_active"),e.classList[n]("nav__list_active"),document.body.classList[n]("body_fixed")},o=()=>n("remove");var t=[{name:"Katrine",alt:"Cat Katrine",imgName:"pets-katrine"},{name:"Jennifer",alt:"Dog Jennifer",imgName:"pets-jennifer"},{name:"Woody",alt:"Dog Woody",imgName:"pets-woody"},{name:"Sophia",alt:"Dog Sophia",imgName:"pets-sophia"},{name:"Timmy",alt:"Cat Timmy",imgName:"pets-timmy"},{name:"Charly",alt:"Dog Charly",imgName:"pets-charly"},{name:"Scarlett",alt:"Dog Scarlett",imgName:"pets-scarlet"},{name:"Freddie",alt:"Cat Freddie",imgName:"pets-freddie"},{name:"Hunter",alt:"Dog Hunter",imgName:"pets-hunter"},{name:"Skrull",alt:"Dog Skrull",imgName:"pets-skrull"},{name:"Pory",alt:"Cat Pory",imgName:"pets-pory"},{name:"Tanos",alt:"Dog Tanos",imgName:"pets-tanos"},{name:"Rex",alt:"Dog Rex",imgName:"pets-rex"},{name:"Willson",alt:"Dog Willson",imgName:"pets-willson"},{name:"Tor",alt:"Dog Tor",imgName:"pets-tor"},{name:"Monna",alt:"Cat Monna",imgName:"pets-monna"},{name:"Donatan",alt:"Dog Donatan",imgName:"pets-donatan"},{name:"Koddy",alt:"Dog Koddy",imgName:"pets-koddy"},{name:"Butty",alt:"Dog Butty",imgName:"pets-butty"},{name:"July",alt:"Dog July",imgName:"pets-july"},{name:"Perry",alt:"Dog Perry",imgName:"pets-perry"},{name:"Missy",alt:"Dog Missy",imgName:"pets-missy"},{name:"Lolly",alt:"Dog Lolly",imgName:"pets-lolly"},{name:"Iron",alt:"Dog Iron",imgName:"pets-iron"},{name:"Wonder",alt:"Dog Wonder",imgName:"pets-wonder"},{name:"Molly",alt:"Dog Molly",imgName:"pets-molly"},{name:"Elton",alt:"Dog Elton",imgName:"pets-elton"},{name:"Cola",alt:"Dog Cola",imgName:"pets-cola"},{name:"Doran",alt:"Dog Doran",imgName:"pets-doran"},{name:"Face",alt:"Dog Face",imgName:"pets-face"},{name:"Fold",alt:"Dog Fold",imgName:"pets-fold"},{name:"Jhon",alt:"Dog Jhon",imgName:"pets-jhon"},{name:"Molav",alt:"Dog Molav",imgName:"pets-molav"},{name:"Monika",alt:"Dog Monika",imgName:"pets-monika"},{name:"Nomad",alt:"Dog Nomad",imgName:"pets-nomad"},{name:"Rikky",alt:"Dog Rikky",imgName:"pets-rikky"},{name:"Rolls",alt:"Dog Rolls",imgName:"pets-rolls"},{name:"Ronny",alt:"Dog Ronny",imgName:"pets-ronny"},{name:"Smile",alt:"Dog Smile",imgName:"pets-smile"},{name:"Jessy",alt:"Dog Jessy",imgName:"pets-jessy"},{name:"Poolly",alt:"Dog Poolly",imgName:"pets-poolly"},{name:"Salem",alt:"Dog Salem",imgName:"pets-salem"},{name:"Spoon",alt:"Dog Spoon",imgName:"pets-spoon"},{name:"Yammy",alt:"Dog Yammy",imgName:"pets-yammy"},{name:"Blacky",alt:"Dog Blacky",imgName:"pets-blacky"},{name:"Bony",alt:"Dog Bony",imgName:"pets-bony"},{name:"Ember",alt:"Dog Ember",imgName:"pets-ember"},{name:"Huskar",alt:"Dog Huskar",imgName:"pets-huskar"}];const s=(e,a,n)=>e.map((e=>e.classList[a](`pets__arrow_${n}`)));let i=!1;const r=e=>i=e,l=document.querySelector(".pets__images"),d=(e,a)=>`\n\n`,m=e=>{const{name:a,imgName:n,alt:o}=t[e],s=`./assets/images/pets-list/${n}`,i=`\n\t\n\t\t${d(s,"webp")}\n\t\t${d(s,"avif")}\n\t\t${o}\n\t\n\t
\n\t\t

${a}

\n\t\t\n\t
\n`,r=document.createElement("figure");r.classList.add("pets__images-figure"),r.setAttribute("data-pet",a),r.innerHTML=i,l.append(r)},p=(e,a)=>`\n\t\n`,h=[{name:"Jennifer",type:"Dog",breed:"Labrador",description:"Jennifer is a sweet 2 months old Labrador that is patiently waiting to find a new forever home. This girl really enjoys being able to go outside to run and play, but won't hesitate to play up a storm in the house if she has all of her favorite toys.",age:"2 months",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Sophia",type:"Dog",breed:"Shih tzu",description:"Sophia here and I'm looking for my forever home to live out the best years of my life. I am full of energy. Everyday I'm learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"1 month",inoculations:["parvovirus"],diseases:["none"],parasites:["none"]},{name:"Woody",type:"Dog",breed:"Golden Retriever",description:"Woody is a handsome 3 1/2 year old boy. Woody does know basic commands and is a smart pup. Since he is on the stronger side, he will learn a lot from your training. Woody will be happier when he finds a new family that can spend a lot of time with him.",age:"3 years 6 months",inoculations:["adenovirus","distemper"],diseases:["right back leg mobility reduced"],parasites:["none"]},{name:"Scarlett",type:"Dog",breed:"Jack Russell Terrier",description:"Scarlett is a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.",age:"3 months",inoculations:["parainfluenza"],diseases:["none"],parasites:["none"]},{name:"Katrine",type:"Cat",breed:"British Shorthair",description:"Katrine is a beautiful girl. She is as soft as the finest velvet with a thick lush fur. Will love you until the last breath she takes as long as you are the one. She is picky about her affection. She loves cuddles and to stretch into your hands for a deeper relaxations.",age:"6 months",inoculations:["panleukopenia"],diseases:["none"],parasites:["none"]},{name:"Timmy",type:"Cat",breed:"British Shorthair",description:"Timmy is an adorable grey british shorthair male. He loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. Timmy has a lot to say and wants a person to share his thoughts with.",age:"2 years 3 months",inoculations:["calicivirus","viral rhinotracheitis"],diseases:["kidney stones"],parasites:["none"]},{name:"Freddie",type:"Cat",breed:"British Shorthair",description:"Freddie is a little shy at first, but very sweet when he warms up. He likes playing with shoe strings and bottle caps. He is quick to learn the rhythms of his human’s daily life. Freddie has bounced around a lot in his life, and is looking to find his forever home.",age:"2 months",inoculations:["rabies"],diseases:["none"],parasites:["none"]},{name:"Charly",type:"Dog",breed:"Jack Russell Terrier",description:"This cute boy, Charly, is three years old and he likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. Charly has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"8 years",inoculations:["bordetella bronchiseptica","leptospirosis"],diseases:["deafness","blindness"],parasites:["lice","fleas"]},{name:"Hunter",type:"Dog",breed:"Jack Russell Terrier",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"1 years 5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Skrull",type:"Dog",breed:"Jack Russell Terrier",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"2 years 3 month",inoculations:["calicivirus"],diseases:["none"],parasites:["none"]},{name:"Pory",type:"Cat",breed:"Pooch",description:"I am a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.",age:"1 years 4 month",inoculations:["bordetella "],diseases:["blindness"],parasites:["none"]},{name:"Tanos",type:"Dog",breed:"Chihuahua",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"5 years 4 month",inoculations:["bordetella "],diseases:["blindness"],parasites:["none"]},{name:"Rex",type:"Dog",breed:"German Shepherd",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"1 years 1 month",inoculations:["bordetella","bronchiseptica"],diseases:["blindness"],parasites:["none"]},{name:"Willson",type:"Dog",breed:"Pooch",description:"I am a handsome sweetheart who loves people and melts for chin scratches!",age:"3 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Tor",type:"Dog",breed:"Dalmatian",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"2 years 1 month",inoculations:["none"],diseases:["kidney stones"],parasites:["none"]},{name:"Monna",type:"Cat",breed:"Pooch",description:"I am a handsome sweetheart who loves people and melts for chin scratches!",age:"6 month",inoculations:["none"],diseases:["none"],parasites:["helminth"]},{name:"Donatan",type:"Dog",breed:"Shiba Inu",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"1 years 10 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Koddy",type:"Cat",breed:"Toyger",description:"I am a handsome sweetheart who loves people and melts for chin scratches!",age:"5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Butty",type:"Dog",breed:"French Bulldog",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"8 month",inoculations:["none"],diseases:["kidney stones"],parasites:["none"]},{name:"July",type:"Dog",breed:"Chihuahua",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"5 years 3 month",inoculations:["viral rhinotracheitis"],diseases:["kidney stones"],parasites:["none"]},{name:"Perry",type:"Dog",breed:"French Bulldog",description:"She is the perfect combination of silly and sweet. She is eager to please, loves her human and dog companions, and believes she is a professional MMA wrestler in her spare time.",age:"1 years 5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Missy",type:"Dog",breed:"Labrador",description:"He’s mild mannered and really just wants to spend his time outside or laying next to you being pet. He is extremely low energy but has a lot of.",age:"7 month",inoculations:["none"],diseases:["none"],parasites:["lice","fleas"]},{name:"Lolly",type:"Dog",breed:"Pooch",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"2 years 3 month",inoculations:["calicivirus"],diseases:["deafness"],parasites:["lice","fleas"]},{name:"Iron",type:"Dog",breed:"Parson Russell Terrier",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"1 years 5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Wonder",type:"Dog",breed:"French Bulldog",description:"I am a handsome sweetheart who loves people and melts for chin scratches!",age:"3 years 9 month",inoculations:["none"],diseases:["none"],parasites:["lice","fleas"]},{name:"Molly",type:"Dog",breed:"Spaniel",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"1 years 9 month",inoculations:["none"],diseases:["blindness"],parasites:["fleas"]},{name:"Elton",type:"Dog",breed:"Pooch",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"1 years 9 month",inoculations:["none"],diseases:["blindness"],parasites:["fleas"]},{name:"Cola",type:"Dog",breed:"Brazilian Terrier",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"4 years 4 month",inoculations:["adenovirus"],diseases:["deafness"],parasites:["fleas"]},{name:"Doran",type:"Dog",breed:"German Shepherd",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"2 years 7 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Face",type:"Dog",breed:"Pooch",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"6 years 4 month",inoculations:["none"],diseases:["blindness"],parasites:["none"]},{name:"Fold",type:"Dog",breed:"American Staffordshire Bulldog",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"3 years 2 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Jhon",type:"Dog",breed:"Pooch",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"1 years 2 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Molav",type:"Dog",breed:"French Bulldog",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"1 years 5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Monika",type:"Dog",breed:"Dachshund",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"3 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Nomad",type:"Dog",breed:"English bulldog",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"1 years 1 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Rikky",type:"Dog",breed:"Pooch",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"5 years 3 month",inoculations:["viral rhinotracheitis"],diseases:["Blindness"],parasites:["none"]},{name:"Rolls",type:"Dog",breed:"Pooch",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"3 years 1 month",inoculations:["viral rhinotracheitis"],diseases:["none"],parasites:["none"]},{name:"Ronny",type:"Dog",breed:"English bulldog",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"4 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Smile",type:"Dog",breed:"Pooch",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"6 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Jessy",type:"Dog",breed:"Tibetan mastiff",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"4 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Poolly",type:"Dog",breed:"Bedlington Terrier",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"9 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Salem",type:"Dog",breed:"Newfoundland",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"2 years 11 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Spoon",type:"Dog",breed:"American Cocker Spaniel",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"4 years 4 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Yammy",type:"Dog",breed:"Chinese Crested",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"7 years 1 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Blacky",type:"Dog",breed:"Pooch",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"3 years 8 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Bony",type:"Dog",breed:"Bull Terrier",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"2 years 11 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Ember",type:"Dog",breed:"Cavalier King Charles Spaniel",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"3 years 8 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Huskar",type:"Dog",breed:"Husky",description:"I am a friendly and laid back senior who enjoys chatting and being pet!.",age:"1 years 1 month",inoculations:["none"],diseases:["none"],parasites:["none"]}].reduce(((e,a)=>(e[a.name]=a,e)),{}),g=e=>{const a=e.closest("figure").dataset.pet;return(({name:e,type:a,breed:n,description:o,age:t,inoculations:s,diseases:i,parasites:r})=>{const l=`\n\t${p("Age",t)}\n\t${p("Inoculations",s)}\n\t${p("Diseases",i)}\n\t${p("Parasites",r)}\n`;return`\t\n\t${(e=>{const a=`./assets/images/popup/${e}`;return`\n\t\t\n\t\t\n\t\t\n\t\t${e}\n\t\t`})(e)}\n\t${((e,a,n,o,t)=>`\t\t\n`)(e,a,n,o,l)}\n\t`})(h[a])},y=document.querySelector(".popup_shadow"),c=e=>{document.body.classList[e]("body_popup_fixed"),u.classList[e]("popup_active"),y.classList[e]("popup_shadow-on")},u=document.querySelector(".popup"),b=e=>{const a=e.target;a.classList.contains("pets__images")||(u.innerHTML=g(a),c("add"))},f=e=>{document.querySelector(".popup__button").classList[e]("popup__button_hover")},k=e=>{e.target.closest(".burger")&&n("toggle"),e.target.closest(".nav__item")&&o()};document.querySelector(".pets__buttons-item_count"),document.querySelector(".left-start"),document.querySelector(".left"),document.querySelector(".right"),document.querySelector(".right-end");const w=e=>{let a=window.innerWidth>=1280?3:window.innerWidth>=768?2:window.innerWidth>=0?1:void 0;if(i)return;r(!0);const n=Array.from(l.children);let o=[];"left"===e?((e,a,n)=>{let o=e.slice(0,2*a);for(let o=0;o{n.forEach((e=>l.removeChild(e))),s(o,"remove","moveLeftAnimation")}),610),setTimeout((()=>{n.forEach((e=>l.appendChild(e))),r(!1)}),710)})(n,a,o):((e,a,n)=>{let o=[...e.slice(0,a),...e.slice(-a)];for(let o=e.length-1;o>=e.length-a;o--)n.push(e[o]);n.forEach((e=>l.prepend(e))),s(o,"add","moveRightAnimation"),setTimeout((()=>{s(o,"remove","moveRightAnimation"),r(!1)}),610)})(n,a,o)},v={".header":e=>k(e),".left":()=>w("left"),".right":()=>w("right"),".pets__images":e=>b(e),".popup__button":()=>c("remove")};(()=>{for(let e=0;e{((e,a)=>{const n=e.target;for(const o in a)if(n.closest(o)){a[o](e);break}})(e,v),(e=>{!a.classList.contains("burger_active")||e.target.closest(".nav__list")||e.target.closest(".burger")||o()})(e),(e=>{e.target.classList.contains("popup_shadow-on")&&c("remove")})(e)})),u.addEventListener("mouseleave",(()=>f("add"))),u.addEventListener("mouseenter",(()=>f("remove")))}(); \ No newline at end of file diff --git a/7b0e0e0dc92c1c99df17.css b/7b0e0e0dc92c1c99df17.css new file mode 100644 index 0000000..8ae770c --- /dev/null +++ b/7b0e0e0dc92c1c99df17.css @@ -0,0 +1 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;width:100%;height:100%;scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans",sans-serif;letter-spacing:1px;width:100%;height:100%;-webkit-tap-highlight-color:rgba(3,2,2,0);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);-webkit-text-decoration:none;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}figure{margin:0}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}details summary::-webkit-details-marker{display:none}details>summary{list-style:none}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}ul{list-style-type:none;padding:0}svg{cursor:pointer;pointer-events:auto}h1,h2,h3,h4,h5,p,ul{margin:0}:root{--brown-background: url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);--white_255: rgb(255, 255, 255);--white_250: rgb(250, 250, 250);--white_246: rgb(246, 246, 246);--orange: rgb(241, 205, 179);--orange_hover: rgb(253, 220, 196);--dark__buttons: rgb(41, 41, 41);--dark__76: rgb(76, 76, 76);--dark__84: rgb(84, 84, 84);--dark__205: rgb(205, 205, 205);--nav__active-color: rgb(241, 205, 179);--nav__active-border: 3px solid var(--nav__active-color);--buttons-borderRadius: 100px;--buttons-padding: 14px 44px 14px 44px;--content-width: 1200px;--padding-contentInline: 40px;--Georgia-regular: "Georgia", "sans-serif";--transition: all 0.3s ease}.body{font-family:"Georgia", "sans-serif";font-family:var(--Georgia-regular);font-weight:400}.body_fixed{overflow:hidden}.body_popup_fixed{overflow:hidden}.container{margin:0 auto;padding-left:40px;padding-right:40px;padding-left:var(--padding-contentInline);padding-right:var(--padding-contentInline);max-width:1200px;max-width:var(--content-width);box-sizing:content-box}.title{font-size:max(25px, min(4.5572916667vw, 35px));font-weight:400;line-height:130%;letter-spacing:2.1px;text-align:left;color:rgb(84, 84, 84);color:var(--dark__84)}@media only screen and (max-width: 767px){.title{letter-spacing:1.5px;text-align:center}}.subtitle{font-family:"Arial","sans-serif";font-size:15px;line-height:160%;letter-spacing:0;text-align:left}@media only screen and (max-width: 767px){.subtitle{text-align:justify}}.subtitle-animal{color:rgb(84, 84, 84);color:var(--dark__84);font-size:20px;line-height:23px;text-align:center}@media only screen and (max-width: 1279.5px){.subtitle-animal{letter-spacing:1.2px}}@media only screen and (max-width: 767px){.subtitle-animal{letter-spacing:1px}}.header{background:url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);background:var(--brown-background)}.header .container{padding-top:30px}@media only screen and (max-width: 1279.5px){.header .container{padding-left:30px;padding-right:30px}}@media only screen and (max-width: 767px){.header .container{padding-left:20px;padding-right:20px}}.header__inner{display:flex;justify-content:space-between;align-items:center}.logo__title{margin-bottom:10px;font-size:32px;line-height:110%;letter-spacing:2px;color:rgb(241, 205, 179);color:var(--orange)}.logo__subtitle{margin-left:4px;color:rgb(255, 255, 255);color:var(--white_255);font-size:13px;line-height:15px;letter-spacing:1.3px}.nav{color:rgb(205, 205, 205);color:var(--dark__205)}.nav__list{display:flex;-moz-column-gap:36px;column-gap:36px}@media only screen and (max-width: 767px){.nav__list{position:fixed;right:0;top:0;flex-direction:column;align-items:center;row-gap:38px;padding-top:248px;padding-bottom:248px;width:320px;height:100dvh;background:rgb(41, 41, 41);background:var(--dark__buttons);z-index:1;transform:translateX(200%);transition:transform .5s ease-in-out}}.nav__list_active{transform:translateX(0);box-shadow:0 0 0 9999px rgba(0,0,0,.6)}.nav__item{border-bottom:3px solid rgba(0,0,0,0);cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.nav__item:hover{color:rgb(250, 250, 250);color:var(--white_250)}}.nav__item:active{color:rgb(250, 250, 250);color:var(--white_250);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}.nav__item:first-of-type{color:rgb(250, 250, 250);color:var(--white_250);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}@media only screen and (max-width: 767px){.nav__item{font-size:32px}}.burger{display:none;flex-direction:column;row-gap:8.5px;position:relative;z-index:2;width:30px;height:22px;cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}.burger::before{content:"";position:absolute;display:block;top:-15px;left:-15px;right:-15px;bottom:-15px}@media only screen and (max-width: 767px){.burger{display:flex}}.burger__line{border-bottom:2px solid rgb(241, 205, 179);border-bottom:2px solid var(--nav__active-color)}.burger_active{transform:rotate(90deg)}.header{background:rgb(255, 255, 255);background:var(--white_255)}.header .container{padding-bottom:30px}.logo__title{color:rgb(84, 84, 84);color:var(--dark__84)}.logo__subtitle{color:rgb(41, 41, 41);color:var(--dark__buttons)}.nav{color:rgb(84, 84, 84);color:var(--dark__84)}@media only screen and (max-width: 767px){.nav__list{background:rgb(255, 255, 255);background:var(--white_255)}}@media(hover: hover){.nav__item:hover{color:rgb(41, 41, 41);color:var(--dark__buttons)}}.nav__item:active{color:rgb(41, 41, 41);color:var(--dark__buttons);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}.nav__item:first-of-type{color:rgb(84, 84, 84);color:var(--dark__84);border-bottom:none}.nav__item:nth-of-type(2){color:rgb(41, 41, 41);color:var(--dark__buttons);border-bottom:3px solid rgb(241, 205, 179);border-bottom:var(--nav__active-border)}.burger__line{border-bottom:2px solid #000}.popup{position:fixed;top:50%;left:50%;display:none;z-index:3;width:900px;background:rgb(250, 250, 250);background:var(--white_250);border-radius:9px;transform:translate(-50%, -50%);box-shadow:0px 2px 35px 14px rgba(13,13,13,.04)}@media only screen and (max-width: 1279.5px){.popup{width:630px}}@media only screen and (max-width: 767px){.popup{padding:10px;width:240px}}.popup_active{display:flex;justify-content:flex-start}@media only screen and (max-width: 767px){.popup_active{justify-content:center}}.popup__text{color:#000;font-weight:400;line-height:115%;text-align:left}.popup__picture{margin-right:30px}@media only screen and (max-width: 1279.5px){.popup__picture{margin-right:11px}}@media only screen and (max-width: 767px){.popup__picture{display:none}}.popup__picture-image{width:500px;height:500px}@media only screen and (max-width: 1279.5px){.popup__picture-image{width:350px;height:350px}}.popup__content{padding-top:52px;padding-right:20px}@media only screen and (max-width: 1279.5px){.popup__content{padding-top:10px;padding-right:8px}}@media only screen and (max-width: 767px){.popup__content{padding-top:0;padding-right:0}.popup__content :where(h4,h5){text-align:center}}.popup__title{margin-bottom:8px;font-size:35px;line-height:130%;letter-spacing:2.1px}@media only screen and (max-width: 767px){.popup__title{margin-bottom:10px}}.popup__breed{margin-bottom:40px;font-size:20px;line-height:115%;letter-spacing:1.2px}@media only screen and (max-width: 1279.5px){.popup__breed{margin-bottom:20px}}.popup__description{margin-bottom:40px;font-size:15px;letter-spacing:.9px}@media only screen and (max-width: 1279.5px){.popup__description{margin-bottom:20px;font-size:13px;letter-spacing:.78px;line-height:110%}}@media only screen and (max-width: 767px){.popup__description{margin-bottom:20px;text-align:justify}}.popup__item{position:relative;padding-left:13px;font-size:15px;font-weight:700;list-style:none;line-height:110%;letter-spacing:.9px;color:#000}.popup__item:not(:last-of-type){margin-bottom:11px}@media only screen and (max-width: 1279.5px){.popup__item:not(:last-of-type){margin-bottom:6px}}@media only screen and (max-width: 767px){.popup__item:not(:last-of-type){margin-bottom:7px}}@media only screen and (max-width: 767px){.popup__item{font-size:15px;padding-left:15px}}.popup__item:before{position:absolute;top:7px;left:0;display:block;content:"";width:4px;height:4px;border-radius:50%;background:rgb(241, 205, 179);background:var(--nav__active-color)}.popup__span{font-weight:400}.popup__button{position:absolute;top:-52px;right:-42px;z-index:0;padding:0;width:52px;height:52px;border:2px solid rgb(241, 205, 179);border:2px solid var(--nav__active-color);border-radius:26px;color:rgb(41, 41, 41);color:var(--dark__buttons);outline:none;cursor:pointer;background-color:rgba(0,0,0,0);transition:all 0.3s ease;transition:var(--transition)}.popup__button::before{content:url(assets/images/svg/ad115b3922e9177158a4.svg)}@media only screen and (max-width: 767px){.popup__button{top:-52px;right:-29px}}@media(hover: hover){.popup__button:hover{background:rgb(253, 220, 196);background:var(--orange_hover)}}@media(hover: none){.popup__button:active{background:rgb(253, 220, 196);background:var(--orange_hover)}}.popup__button_hover{background:rgb(253, 220, 196);background:var(--orange_hover)}.popup_shadow{position:fixed;display:none;top:0;right:0;bottom:0;left:0;background:rgba(41,41,41,.6);z-index:1;min-height:100%;cursor:pointer}.popup_shadow-on{display:block}.pets{background:rgb(246, 246, 246);background:var(--white_246)}.pets .container{padding-bottom:100px;padding-left:31px;padding-right:31px;padding-top:80px}@media only screen and (max-width: 1279.5px){.pets .container{padding:80px 30px 82px}}@media only screen and (max-width: 767px){.pets .container{padding:42px 10px}}.pets__inner{display:flex;flex-direction:column;align-items:center}.pets__title{margin-bottom:58px;text-align:center}@media only screen and (max-width: 1279.5px){.pets__title{margin-bottom:30px}}@media only screen and (max-width: 767px){.pets__title{margin-bottom:42px;max-width:300px}}.pets__images{display:flex;flex-wrap:wrap;align-items:center;align-self:flex-start;gap:30px 40px;align-self:center;margin-bottom:58px;max-width:1200px}@media only screen and (max-width: 1279.5px){.pets__images{gap:29px 40px;max-width:708px;justify-content:center;margin-bottom:38px}}@media only screen and (max-width: 767px){.pets__images{flex-direction:column;margin-bottom:42px}}.pets__images-image{width:270px;height:270px;margin-bottom:26px}@media only screen and (max-width: 1279.5px){.pets__images-image{margin-bottom:23px}}.pets__images-figure{display:flex;flex-direction:column;align-items:center;border-radius:9px;background:rgb(250, 250, 250);background:var(--white_250);cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.pets__images-figure:hover{background:rgb(255, 255, 255);background:var(--white_255)}.pets__images-figure:hover .pets__images-button{background:rgb(253, 220, 196);background:var(--orange_hover)}}.pets__images-text{margin-bottom:28px;text-align:center}@media only screen and (max-width: 1279.5px){.pets__images-text{margin-bottom:30px}}.pets__images-button{margin-bottom:31px;padding:14px 44px 14px 44px;padding:var(--buttons-padding);color:rgb(41, 41, 41);color:var(--dark__buttons);border:2px solid #f1cdb3;border-radius:100px;border-radius:var(--buttons-borderRadius);background:rgba(0,0,0,0);font-size:17px;line-height:130%;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}.pets__buttons{display:flex;justify-content:center;gap:0 20px;width:100%}@media only screen and (max-width: 767px){.pets__buttons{gap:0 10px}}.pets__buttons-item{width:52px;height:52px;border:2px solid rgb(205, 205, 205);border:2px solid var(--dark__205);border-radius:100px;border-radius:var(--buttons-borderRadius);color:rgb(205, 205, 205);color:var(--dark__205);font-size:20px;font-family:"Georgia"}.pets__buttons-item_disabled{color:rgb(205, 205, 205);color:var(--dark__205);background:rgba(0,0,0,0);border:2px solid rgb(205, 205, 205);border:2px solid var(--dark__205)}.pets__buttons-item_enabled{border:2px solid rgb(241, 205, 179);border:2px solid var(--nav__active-color);background:rgba(0,0,0,0);color:rgb(41, 41, 41);color:var(--dark__buttons);cursor:pointer;transition:all 0.3s ease;transition:var(--transition)}@media(hover: hover){.pets__buttons-item_enabled:hover{background:rgb(253, 220, 196);background:var(--orange_hover)}}@media(hover: none){.pets__buttons-item_enabled:active{background:rgb(253, 220, 196);background:var(--orange_hover)}}.left-start::before{content:"<<"}.left::before{content:"<"}.right::before{content:">"}.right-end::before{content:">>"}.current{color:rgb(41, 41, 41);color:var(--dark__buttons);background:rgb(241, 205, 179);background:var(--nav__active-color)}.footer{background:url(assets/images/pictures/6a93a09d1defdda8c252.png), linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%);background:var(--brown-background)}.footer .container{padding-top:40px}@media only screen and (max-width: 1279.5px){.footer .container{padding:28px 30px 0}}@media only screen and (max-width: 767px){.footer .container{padding-left:10px;padding-right:10px}}.footer__inner{display:flex;flex-wrap:wrap;-moz-column-gap:160px;column-gap:160px}@media only screen and (max-width: 1279.5px){.footer__inner{justify-content:center;align-items:center;gap:0 60px}}.footer__contacts{padding-top:16px}.footer__contacts:first-of-type{max-width:278px}.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:38px}@media only screen and (max-width: 1279.5px){.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:36px}}@media only screen and (max-width: 767px){.footer__contacts:first-of-type{display:flex;flex-direction:column;align-items:center;margin-bottom:0}}.footer__contacts:last-of-type{max-width:302px}.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:34px}@media only screen and (max-width: 1279.5px){.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:31px}}@media only screen and (max-width: 767px){.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:39px}}@media only screen and (max-width: 1279.5px){.footer__contacts{padding-top:0;margin-bottom:65px}}@media only screen and (max-width: 767px){.footer__contacts{margin-bottom:0}}.footer__contacts-title{color:rgb(255, 255, 255);color:var(--white_255);letter-spacing:2px}@media only screen and (max-width: 767px){.footer__contacts-title{max-width:294px;letter-spacing:1.5px}}.footer__contacts-link{display:flex;align-items:center}.footer__contacts-link:first-of-type{margin-bottom:32px}@media only screen and (max-width: 1279.5px){.footer__contacts-link:first-of-type{margin-bottom:36px}}@media only screen and (max-width: 767px){.footer__contacts-link:first-of-type{margin-bottom:37px}.footer__contacts-link:last-of-type{margin-bottom:38px}}.footer__contacts-link-svg{margin-right:20px;width:40px;height:36px}.footer__contacts-link-marker{margin-right:20px;min-width:22px;height:32px}.footer__contacts-link-text{color:rgb(241, 205, 179);color:var(--orange);font-size:20px;line-height:115%;letter-spacing:1.2px}.footer__picture-image{width:max(260px, min(60vw, 300px))}@media only screen and (max-width: 1279.5px){.footer .container{padding-top:25px}}@media only screen and (max-width: 767px){.footer .container{padding-top:30px}} diff --git a/README.md b/README.md index 534d7fa..5f4c730 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,103 @@ -# Shelter +# **Shelter:dog:** -![Shelter](/images/readme-image.png "Shelter") +**Shelter** is a landing page that helps you give a chance to a small and cute puppy or kitten with a very wide and open heart. He or she will love you more than anyone else in the world, you'll see! -## w0x3r.github.io/Shelter/ \ No newline at end of file +![readmePhoto](/assets/images/readme-picture.jpg) + +📋 Task: [Rolling Scopes School](https://github.com/rolling-scopes-school/tasks/blob/master/tasks/shelter/shelter.md) + +🏞️ Layout in figma: [Link](https://www.figma.com/design/Yk6EnbY63FyG2PJTFkJDMh/shelter?node-id=94-43&node-type=canvas&t=HFcOxSqlnoE0QtPH-0) + +💻 Deploy: [Link](https://w0x3r.github.io/Shelter/) + +## Technology stack + +➖ HTML + +➖ SCSS (BEM) + +➖ JavaScript (ES6) + +➖ PerfectPixel + +➖ Webpack 5 + +## Features + +✅ **Burger menu:** + +- Implementation of burger menu on both pages. + +- If the page width is less than 768px,the navigation bar is hidden and the burger icon appears. + +- When you click on the burger icon, a 320px wide adaptive menu smoothly appears on the right, the burger icon smoothly rotates 90 degrees. + +- The links in the adaptive menu work by providing smooth scrolling through the anchors. + +- When clicking on a link in the adaptive menu the adaptive menu is smooth, also hiding the menu happens if you make a click outside this window. + +- When you tap again on the burger-icon or on the space free from the burger-menu, the adaptive menu smoothly hides moving away behind the right side of the screen, the burger icon smoothly rotates back by 90 degrees. + +- When clicking on any link (interactive or non-interactive) in the menu, the adaptive menu smoothly hides to the right, the burger icon rotates back 90 degrees. + +- The area free of burger menus is getting dark. + +- The page under the burger menu does not scroll. + +✅ **Slider carousel:** + +- Clicking on the arrows moves to a new block of elements. + +- The blocks are changed with a carousel animation. + +- The slider is infinite, meaning you can click left or right infinitely many times, and each time will scroll that way with a new set of cards. + +- Switching left or right scrolls exactly as many cards as are shown at the current screen width (3 for 1280px, 2 for 768px, 1 for 320px). + +- When you change the screen width (from 1280px to 320px and back), the slider rebuilds and works without reloading the page. + +✅ **Pagination:** + +- When reloading the page, the first page of pagination + is always opened. + +- Pressing the > or < buttons opens the next or previous pagination page, respectively. + +- Pressing the >> or << buttons will open the last or first page of pagination, respectively. + +- When opening the first page, the << and < buttons are inactive. + +- When opening the last page, the > and >> buttons are inactive. + +- The current page number is shown in the center of the circle. When you switch pages, the number changes to the current page number. + +- When changing the screen width (from 1280px to 320px and back), the pagination is rebuilt and works without reloading the page. + +✅ **Popup:** + +- Implemented popup on both pages. + +- The part of the page outside the popup is blacked out. + +- When you open a popup, the vertical scroll of the page becomes inactive, when you close it, it becomes active again. + +- When clicking on the area around the popup or on the button with a cross, the popup closes, but nothing happens when clicking on the popup itself. + +✅ **Adaptive:** + +- The application elements optimally occupy the page space. +- The app displays correctly on both computer and mobile devices. + +## Run the project locally: + +To start working on the project on your local machine, please, make sure that you install [Git](https://git-scm.com/downloads) and [Node.js LTS](https://nodejs.org/en/download). + +### Steps to start: + +- Clone [repository](https://github.com/W0x3R/Shelter). +- Open the project locally. +- Switch to the dev-page branch. +- Run `npm install` or `npm i` - to install all packages needed. +- Run `npm run start` - to starts a local dev-server (The tab will open automatically in the browser). +- Run `npm run dev` - build the project for development. +- Run `npm run prod` - build the project for production. diff --git a/images/fav-icons/first-page/android-chrome-192x192.png b/assets/images/fav-icons/first-page/android-chrome-192x192.png similarity index 100% rename from images/fav-icons/first-page/android-chrome-192x192.png rename to assets/images/fav-icons/first-page/android-chrome-192x192.png diff --git a/images/fav-icons/first-page/android-chrome-512x512.png b/assets/images/fav-icons/first-page/android-chrome-512x512.png similarity index 100% rename from images/fav-icons/first-page/android-chrome-512x512.png rename to assets/images/fav-icons/first-page/android-chrome-512x512.png diff --git a/images/fav-icons/first-page/apple-touch-icon.png b/assets/images/fav-icons/first-page/apple-touch-icon.png similarity index 100% rename from images/fav-icons/first-page/apple-touch-icon.png rename to assets/images/fav-icons/first-page/apple-touch-icon.png diff --git a/images/fav-icons/first-page/favicon-16x16.png b/assets/images/fav-icons/first-page/favicon-16x16.png similarity index 100% rename from images/fav-icons/first-page/favicon-16x16.png rename to assets/images/fav-icons/first-page/favicon-16x16.png diff --git a/images/fav-icons/first-page/favicon-32x32.png b/assets/images/fav-icons/first-page/favicon-32x32.png similarity index 100% rename from images/fav-icons/first-page/favicon-32x32.png rename to assets/images/fav-icons/first-page/favicon-32x32.png diff --git a/images/fav-icons/first-page/favicon.ico b/assets/images/fav-icons/first-page/favicon.ico similarity index 100% rename from images/fav-icons/first-page/favicon.ico rename to assets/images/fav-icons/first-page/favicon.ico diff --git a/images/fav-icons/first-page/mstile-150x150.png b/assets/images/fav-icons/first-page/mstile-150x150.png similarity index 100% rename from images/fav-icons/first-page/mstile-150x150.png rename to assets/images/fav-icons/first-page/mstile-150x150.png diff --git a/images/fav-icons/first-page/safari-pinned-tab.svg b/assets/images/fav-icons/first-page/safari-pinned-tab.svg similarity index 100% rename from images/fav-icons/first-page/safari-pinned-tab.svg rename to assets/images/fav-icons/first-page/safari-pinned-tab.svg diff --git a/images/pets-blacky@1x.avif b/assets/images/pets-list/pets-blacky@1x.avif similarity index 100% rename from images/pets-blacky@1x.avif rename to assets/images/pets-list/pets-blacky@1x.avif diff --git a/images/pets-blacky@1x.png b/assets/images/pets-list/pets-blacky@1x.png similarity index 100% rename from images/pets-blacky@1x.png rename to assets/images/pets-list/pets-blacky@1x.png diff --git a/images/pets-blacky@1x.webp b/assets/images/pets-list/pets-blacky@1x.webp similarity index 100% rename from images/pets-blacky@1x.webp rename to assets/images/pets-list/pets-blacky@1x.webp diff --git a/images/pets-blacky@2x.avif b/assets/images/pets-list/pets-blacky@2x.avif similarity index 100% rename from images/pets-blacky@2x.avif rename to assets/images/pets-list/pets-blacky@2x.avif diff --git a/images/pets-blacky@2x.png b/assets/images/pets-list/pets-blacky@2x.png similarity index 100% rename from images/pets-blacky@2x.png rename to assets/images/pets-list/pets-blacky@2x.png diff --git a/images/pets-blacky@2x.webp b/assets/images/pets-list/pets-blacky@2x.webp similarity index 100% rename from images/pets-blacky@2x.webp rename to assets/images/pets-list/pets-blacky@2x.webp diff --git a/images/pets-blacky@3x.avif b/assets/images/pets-list/pets-blacky@3x.avif similarity index 100% rename from images/pets-blacky@3x.avif rename to assets/images/pets-list/pets-blacky@3x.avif diff --git a/images/pets-blacky@3x.png b/assets/images/pets-list/pets-blacky@3x.png similarity index 100% rename from images/pets-blacky@3x.png rename to assets/images/pets-list/pets-blacky@3x.png diff --git a/images/pets-blacky@3x.webp b/assets/images/pets-list/pets-blacky@3x.webp similarity index 100% rename from images/pets-blacky@3x.webp rename to assets/images/pets-list/pets-blacky@3x.webp diff --git a/images/pets-bony@1x.avif b/assets/images/pets-list/pets-bony@1x.avif similarity index 100% rename from images/pets-bony@1x.avif rename to assets/images/pets-list/pets-bony@1x.avif diff --git a/images/pets-bony@1x.png b/assets/images/pets-list/pets-bony@1x.png similarity index 100% rename from images/pets-bony@1x.png rename to assets/images/pets-list/pets-bony@1x.png diff --git a/images/pets-bony@1x.webp b/assets/images/pets-list/pets-bony@1x.webp similarity index 100% rename from images/pets-bony@1x.webp rename to assets/images/pets-list/pets-bony@1x.webp diff --git a/images/pets-bony@2x.avif b/assets/images/pets-list/pets-bony@2x.avif similarity index 100% rename from images/pets-bony@2x.avif rename to assets/images/pets-list/pets-bony@2x.avif diff --git a/images/pets-bony@2x.png b/assets/images/pets-list/pets-bony@2x.png similarity index 100% rename from images/pets-bony@2x.png rename to assets/images/pets-list/pets-bony@2x.png diff --git a/images/pets-bony@2x.webp b/assets/images/pets-list/pets-bony@2x.webp similarity index 100% rename from images/pets-bony@2x.webp rename to assets/images/pets-list/pets-bony@2x.webp diff --git a/images/pets-bony@3x.avif b/assets/images/pets-list/pets-bony@3x.avif similarity index 100% rename from images/pets-bony@3x.avif rename to assets/images/pets-list/pets-bony@3x.avif diff --git a/images/pets-bony@3x.png b/assets/images/pets-list/pets-bony@3x.png similarity index 100% rename from images/pets-bony@3x.png rename to assets/images/pets-list/pets-bony@3x.png diff --git a/images/pets-bony@3x.webp b/assets/images/pets-list/pets-bony@3x.webp similarity index 100% rename from images/pets-bony@3x.webp rename to assets/images/pets-list/pets-bony@3x.webp diff --git a/images/pets-butty@1x.avif b/assets/images/pets-list/pets-butty@1x.avif similarity index 100% rename from images/pets-butty@1x.avif rename to assets/images/pets-list/pets-butty@1x.avif diff --git a/images/pets-butty@1x.png b/assets/images/pets-list/pets-butty@1x.png similarity index 100% rename from images/pets-butty@1x.png rename to assets/images/pets-list/pets-butty@1x.png diff --git a/images/pets-butty@1x.webp b/assets/images/pets-list/pets-butty@1x.webp similarity index 100% rename from images/pets-butty@1x.webp rename to assets/images/pets-list/pets-butty@1x.webp diff --git a/images/pets-butty@2x.avif b/assets/images/pets-list/pets-butty@2x.avif similarity index 100% rename from images/pets-butty@2x.avif rename to assets/images/pets-list/pets-butty@2x.avif diff --git a/images/pets-butty@2x.png b/assets/images/pets-list/pets-butty@2x.png similarity index 100% rename from images/pets-butty@2x.png rename to assets/images/pets-list/pets-butty@2x.png diff --git a/images/pets-butty@2x.webp b/assets/images/pets-list/pets-butty@2x.webp similarity index 100% rename from images/pets-butty@2x.webp rename to assets/images/pets-list/pets-butty@2x.webp diff --git a/images/pets-butty@3x.avif b/assets/images/pets-list/pets-butty@3x.avif similarity index 100% rename from images/pets-butty@3x.avif rename to assets/images/pets-list/pets-butty@3x.avif diff --git a/images/pets-butty@3x.png b/assets/images/pets-list/pets-butty@3x.png similarity index 100% rename from images/pets-butty@3x.png rename to assets/images/pets-list/pets-butty@3x.png diff --git a/images/pets-butty@3x.webp b/assets/images/pets-list/pets-butty@3x.webp similarity index 100% rename from images/pets-butty@3x.webp rename to assets/images/pets-list/pets-butty@3x.webp diff --git a/images/pets-charly@1x.avif b/assets/images/pets-list/pets-charly@1x.avif similarity index 100% rename from images/pets-charly@1x.avif rename to assets/images/pets-list/pets-charly@1x.avif diff --git a/images/pets-charly@1x.png b/assets/images/pets-list/pets-charly@1x.png similarity index 100% rename from images/pets-charly@1x.png rename to assets/images/pets-list/pets-charly@1x.png diff --git a/images/pets-charly@1x.webp b/assets/images/pets-list/pets-charly@1x.webp similarity index 100% rename from images/pets-charly@1x.webp rename to assets/images/pets-list/pets-charly@1x.webp diff --git a/images/pets-charly@2x.avif b/assets/images/pets-list/pets-charly@2x.avif similarity index 100% rename from images/pets-charly@2x.avif rename to assets/images/pets-list/pets-charly@2x.avif diff --git a/images/pets-charly@2x.png b/assets/images/pets-list/pets-charly@2x.png similarity index 100% rename from images/pets-charly@2x.png rename to assets/images/pets-list/pets-charly@2x.png diff --git a/images/pets-charly@2x.webp b/assets/images/pets-list/pets-charly@2x.webp similarity index 100% rename from images/pets-charly@2x.webp rename to assets/images/pets-list/pets-charly@2x.webp diff --git a/images/pets-charly@3x.avif b/assets/images/pets-list/pets-charly@3x.avif similarity index 100% rename from images/pets-charly@3x.avif rename to assets/images/pets-list/pets-charly@3x.avif diff --git a/images/pets-charly@3x.png b/assets/images/pets-list/pets-charly@3x.png similarity index 100% rename from images/pets-charly@3x.png rename to assets/images/pets-list/pets-charly@3x.png diff --git a/images/pets-charly@3x.webp b/assets/images/pets-list/pets-charly@3x.webp similarity index 100% rename from images/pets-charly@3x.webp rename to assets/images/pets-list/pets-charly@3x.webp diff --git a/images/pets-cola@1x.avif b/assets/images/pets-list/pets-cola@1x.avif similarity index 100% rename from images/pets-cola@1x.avif rename to assets/images/pets-list/pets-cola@1x.avif diff --git a/images/pets-cola@1x.png b/assets/images/pets-list/pets-cola@1x.png similarity index 100% rename from images/pets-cola@1x.png rename to assets/images/pets-list/pets-cola@1x.png diff --git a/images/pets-cola@1x.webp b/assets/images/pets-list/pets-cola@1x.webp similarity index 100% rename from images/pets-cola@1x.webp rename to assets/images/pets-list/pets-cola@1x.webp diff --git a/images/pets-cola@2x.avif b/assets/images/pets-list/pets-cola@2x.avif similarity index 100% rename from images/pets-cola@2x.avif rename to assets/images/pets-list/pets-cola@2x.avif diff --git a/images/pets-cola@2x.png b/assets/images/pets-list/pets-cola@2x.png similarity index 100% rename from images/pets-cola@2x.png rename to assets/images/pets-list/pets-cola@2x.png diff --git a/images/pets-cola@2x.webp b/assets/images/pets-list/pets-cola@2x.webp similarity index 100% rename from images/pets-cola@2x.webp rename to assets/images/pets-list/pets-cola@2x.webp diff --git a/images/pets-cola@3x.avif b/assets/images/pets-list/pets-cola@3x.avif similarity index 100% rename from images/pets-cola@3x.avif rename to assets/images/pets-list/pets-cola@3x.avif diff --git a/images/pets-cola@3x.png b/assets/images/pets-list/pets-cola@3x.png similarity index 100% rename from images/pets-cola@3x.png rename to assets/images/pets-list/pets-cola@3x.png diff --git a/images/pets-cola@3x.webp b/assets/images/pets-list/pets-cola@3x.webp similarity index 100% rename from images/pets-cola@3x.webp rename to assets/images/pets-list/pets-cola@3x.webp diff --git a/images/pets-donatan@1x.avif b/assets/images/pets-list/pets-donatan@1x.avif similarity index 100% rename from images/pets-donatan@1x.avif rename to assets/images/pets-list/pets-donatan@1x.avif diff --git a/images/pets-donatan@1x.png b/assets/images/pets-list/pets-donatan@1x.png similarity index 100% rename from images/pets-donatan@1x.png rename to assets/images/pets-list/pets-donatan@1x.png diff --git a/images/pets-donatan@1x.webp b/assets/images/pets-list/pets-donatan@1x.webp similarity index 100% rename from images/pets-donatan@1x.webp rename to assets/images/pets-list/pets-donatan@1x.webp diff --git a/images/pets-donatan@2x.avif b/assets/images/pets-list/pets-donatan@2x.avif similarity index 100% rename from images/pets-donatan@2x.avif rename to assets/images/pets-list/pets-donatan@2x.avif diff --git a/images/pets-donatan@2x.png b/assets/images/pets-list/pets-donatan@2x.png similarity index 100% rename from images/pets-donatan@2x.png rename to assets/images/pets-list/pets-donatan@2x.png diff --git a/images/pets-donatan@2x.webp b/assets/images/pets-list/pets-donatan@2x.webp similarity index 100% rename from images/pets-donatan@2x.webp rename to assets/images/pets-list/pets-donatan@2x.webp diff --git a/images/pets-donatan@3x.avif b/assets/images/pets-list/pets-donatan@3x.avif similarity index 100% rename from images/pets-donatan@3x.avif rename to assets/images/pets-list/pets-donatan@3x.avif diff --git a/images/pets-donatan@3x.png b/assets/images/pets-list/pets-donatan@3x.png similarity index 100% rename from images/pets-donatan@3x.png rename to assets/images/pets-list/pets-donatan@3x.png diff --git a/images/pets-donatan@3x.webp b/assets/images/pets-list/pets-donatan@3x.webp similarity index 100% rename from images/pets-donatan@3x.webp rename to assets/images/pets-list/pets-donatan@3x.webp diff --git a/images/pets-doran@1x.avif b/assets/images/pets-list/pets-doran@1x.avif similarity index 100% rename from images/pets-doran@1x.avif rename to assets/images/pets-list/pets-doran@1x.avif diff --git a/images/pets-doran@1x.png b/assets/images/pets-list/pets-doran@1x.png similarity index 100% rename from images/pets-doran@1x.png rename to assets/images/pets-list/pets-doran@1x.png diff --git a/images/pets-doran@1x.webp b/assets/images/pets-list/pets-doran@1x.webp similarity index 100% rename from images/pets-doran@1x.webp rename to assets/images/pets-list/pets-doran@1x.webp diff --git a/images/pets-doran@2x.avif b/assets/images/pets-list/pets-doran@2x.avif similarity index 100% rename from images/pets-doran@2x.avif rename to assets/images/pets-list/pets-doran@2x.avif diff --git a/images/pets-doran@2x.png b/assets/images/pets-list/pets-doran@2x.png similarity index 100% rename from images/pets-doran@2x.png rename to assets/images/pets-list/pets-doran@2x.png diff --git a/images/pets-doran@2x.webp b/assets/images/pets-list/pets-doran@2x.webp similarity index 100% rename from images/pets-doran@2x.webp rename to assets/images/pets-list/pets-doran@2x.webp diff --git a/images/pets-doran@3x.avif b/assets/images/pets-list/pets-doran@3x.avif similarity index 100% rename from images/pets-doran@3x.avif rename to assets/images/pets-list/pets-doran@3x.avif diff --git a/images/pets-doran@3x.png b/assets/images/pets-list/pets-doran@3x.png similarity index 100% rename from images/pets-doran@3x.png rename to assets/images/pets-list/pets-doran@3x.png diff --git a/images/pets-doran@3x.webp b/assets/images/pets-list/pets-doran@3x.webp similarity index 100% rename from images/pets-doran@3x.webp rename to assets/images/pets-list/pets-doran@3x.webp diff --git a/images/pets-elton@1x.avif b/assets/images/pets-list/pets-elton@1x.avif similarity index 100% rename from images/pets-elton@1x.avif rename to assets/images/pets-list/pets-elton@1x.avif diff --git a/images/pets-elton@1x.png b/assets/images/pets-list/pets-elton@1x.png similarity index 100% rename from images/pets-elton@1x.png rename to assets/images/pets-list/pets-elton@1x.png diff --git a/images/pets-elton@1x.webp b/assets/images/pets-list/pets-elton@1x.webp similarity index 100% rename from images/pets-elton@1x.webp rename to assets/images/pets-list/pets-elton@1x.webp diff --git a/images/pets-elton@2x.avif b/assets/images/pets-list/pets-elton@2x.avif similarity index 100% rename from images/pets-elton@2x.avif rename to assets/images/pets-list/pets-elton@2x.avif diff --git a/images/pets-elton@2x.png b/assets/images/pets-list/pets-elton@2x.png similarity index 100% rename from images/pets-elton@2x.png rename to assets/images/pets-list/pets-elton@2x.png diff --git a/images/pets-elton@2x.webp b/assets/images/pets-list/pets-elton@2x.webp similarity index 100% rename from images/pets-elton@2x.webp rename to assets/images/pets-list/pets-elton@2x.webp diff --git a/images/pets-elton@3x.avif b/assets/images/pets-list/pets-elton@3x.avif similarity index 100% rename from images/pets-elton@3x.avif rename to assets/images/pets-list/pets-elton@3x.avif diff --git a/images/pets-elton@3x.png b/assets/images/pets-list/pets-elton@3x.png similarity index 100% rename from images/pets-elton@3x.png rename to assets/images/pets-list/pets-elton@3x.png diff --git a/images/pets-elton@3x.webp b/assets/images/pets-list/pets-elton@3x.webp similarity index 100% rename from images/pets-elton@3x.webp rename to assets/images/pets-list/pets-elton@3x.webp diff --git a/images/pets-ember@1x.avif b/assets/images/pets-list/pets-ember@1x.avif similarity index 100% rename from images/pets-ember@1x.avif rename to assets/images/pets-list/pets-ember@1x.avif diff --git a/images/pets-ember@1x.png b/assets/images/pets-list/pets-ember@1x.png similarity index 100% rename from images/pets-ember@1x.png rename to assets/images/pets-list/pets-ember@1x.png diff --git a/images/pets-ember@1x.webp b/assets/images/pets-list/pets-ember@1x.webp similarity index 100% rename from images/pets-ember@1x.webp rename to assets/images/pets-list/pets-ember@1x.webp diff --git a/images/pets-ember@2x.avif b/assets/images/pets-list/pets-ember@2x.avif similarity index 100% rename from images/pets-ember@2x.avif rename to assets/images/pets-list/pets-ember@2x.avif diff --git a/images/pets-ember@2x.png b/assets/images/pets-list/pets-ember@2x.png similarity index 100% rename from images/pets-ember@2x.png rename to assets/images/pets-list/pets-ember@2x.png diff --git a/images/pets-ember@2x.webp b/assets/images/pets-list/pets-ember@2x.webp similarity index 100% rename from images/pets-ember@2x.webp rename to assets/images/pets-list/pets-ember@2x.webp diff --git a/images/pets-ember@3x.avif b/assets/images/pets-list/pets-ember@3x.avif similarity index 100% rename from images/pets-ember@3x.avif rename to assets/images/pets-list/pets-ember@3x.avif diff --git a/images/pets-ember@3x.png b/assets/images/pets-list/pets-ember@3x.png similarity index 100% rename from images/pets-ember@3x.png rename to assets/images/pets-list/pets-ember@3x.png diff --git a/images/pets-ember@3x.webp b/assets/images/pets-list/pets-ember@3x.webp similarity index 100% rename from images/pets-ember@3x.webp rename to assets/images/pets-list/pets-ember@3x.webp diff --git a/images/pets-face@1x.avif b/assets/images/pets-list/pets-face@1x.avif similarity index 100% rename from images/pets-face@1x.avif rename to assets/images/pets-list/pets-face@1x.avif diff --git a/images/pets-face@1x.png b/assets/images/pets-list/pets-face@1x.png similarity index 100% rename from images/pets-face@1x.png rename to assets/images/pets-list/pets-face@1x.png diff --git a/images/pets-face@1x.webp b/assets/images/pets-list/pets-face@1x.webp similarity index 100% rename from images/pets-face@1x.webp rename to assets/images/pets-list/pets-face@1x.webp diff --git a/images/pets-face@2x.avif b/assets/images/pets-list/pets-face@2x.avif similarity index 100% rename from images/pets-face@2x.avif rename to assets/images/pets-list/pets-face@2x.avif diff --git a/images/pets-face@2x.png b/assets/images/pets-list/pets-face@2x.png similarity index 100% rename from images/pets-face@2x.png rename to assets/images/pets-list/pets-face@2x.png diff --git a/images/pets-face@2x.webp b/assets/images/pets-list/pets-face@2x.webp similarity index 100% rename from images/pets-face@2x.webp rename to assets/images/pets-list/pets-face@2x.webp diff --git a/images/pets-face@3x.avif b/assets/images/pets-list/pets-face@3x.avif similarity index 100% rename from images/pets-face@3x.avif rename to assets/images/pets-list/pets-face@3x.avif diff --git a/images/pets-face@3x.png b/assets/images/pets-list/pets-face@3x.png similarity index 100% rename from images/pets-face@3x.png rename to assets/images/pets-list/pets-face@3x.png diff --git a/images/pets-face@3x.webp b/assets/images/pets-list/pets-face@3x.webp similarity index 100% rename from images/pets-face@3x.webp rename to assets/images/pets-list/pets-face@3x.webp diff --git a/images/pets-fold@1x.avif b/assets/images/pets-list/pets-fold@1x.avif similarity index 100% rename from images/pets-fold@1x.avif rename to assets/images/pets-list/pets-fold@1x.avif diff --git a/images/pets-fold@1x.png b/assets/images/pets-list/pets-fold@1x.png similarity index 100% rename from images/pets-fold@1x.png rename to assets/images/pets-list/pets-fold@1x.png diff --git a/images/pets-fold@1x.webp b/assets/images/pets-list/pets-fold@1x.webp similarity index 100% rename from images/pets-fold@1x.webp rename to assets/images/pets-list/pets-fold@1x.webp diff --git a/images/pets-fold@2x.avif b/assets/images/pets-list/pets-fold@2x.avif similarity index 100% rename from images/pets-fold@2x.avif rename to assets/images/pets-list/pets-fold@2x.avif diff --git a/images/pets-fold@2x.png b/assets/images/pets-list/pets-fold@2x.png similarity index 100% rename from images/pets-fold@2x.png rename to assets/images/pets-list/pets-fold@2x.png diff --git a/images/pets-fold@2x.webp b/assets/images/pets-list/pets-fold@2x.webp similarity index 100% rename from images/pets-fold@2x.webp rename to assets/images/pets-list/pets-fold@2x.webp diff --git a/images/pets-fold@3x.avif b/assets/images/pets-list/pets-fold@3x.avif similarity index 100% rename from images/pets-fold@3x.avif rename to assets/images/pets-list/pets-fold@3x.avif diff --git a/images/pets-fold@3x.png b/assets/images/pets-list/pets-fold@3x.png similarity index 100% rename from images/pets-fold@3x.png rename to assets/images/pets-list/pets-fold@3x.png diff --git a/images/pets-fold@3x.webp b/assets/images/pets-list/pets-fold@3x.webp similarity index 100% rename from images/pets-fold@3x.webp rename to assets/images/pets-list/pets-fold@3x.webp diff --git a/images/pets-freddie@1x.avif b/assets/images/pets-list/pets-freddie@1x.avif similarity index 100% rename from images/pets-freddie@1x.avif rename to assets/images/pets-list/pets-freddie@1x.avif diff --git a/images/pets-freddie@1x.png b/assets/images/pets-list/pets-freddie@1x.png similarity index 100% rename from images/pets-freddie@1x.png rename to assets/images/pets-list/pets-freddie@1x.png diff --git a/images/pets-freddie@1x.webp b/assets/images/pets-list/pets-freddie@1x.webp similarity index 100% rename from images/pets-freddie@1x.webp rename to assets/images/pets-list/pets-freddie@1x.webp diff --git a/images/pets-freddie@2x.avif b/assets/images/pets-list/pets-freddie@2x.avif similarity index 100% rename from images/pets-freddie@2x.avif rename to assets/images/pets-list/pets-freddie@2x.avif diff --git a/images/pets-freddie@2x.png b/assets/images/pets-list/pets-freddie@2x.png similarity index 100% rename from images/pets-freddie@2x.png rename to assets/images/pets-list/pets-freddie@2x.png diff --git a/images/pets-freddie@2x.webp b/assets/images/pets-list/pets-freddie@2x.webp similarity index 100% rename from images/pets-freddie@2x.webp rename to assets/images/pets-list/pets-freddie@2x.webp diff --git a/images/pets-freddie@3x.avif b/assets/images/pets-list/pets-freddie@3x.avif similarity index 100% rename from images/pets-freddie@3x.avif rename to assets/images/pets-list/pets-freddie@3x.avif diff --git a/images/pets-freddie@3x.png b/assets/images/pets-list/pets-freddie@3x.png similarity index 100% rename from images/pets-freddie@3x.png rename to assets/images/pets-list/pets-freddie@3x.png diff --git a/images/pets-freddie@3x.webp b/assets/images/pets-list/pets-freddie@3x.webp similarity index 100% rename from images/pets-freddie@3x.webp rename to assets/images/pets-list/pets-freddie@3x.webp diff --git a/images/pets-hunter@1x.avif b/assets/images/pets-list/pets-hunter@1x.avif similarity index 100% rename from images/pets-hunter@1x.avif rename to assets/images/pets-list/pets-hunter@1x.avif diff --git a/images/pets-hunter@1x.png b/assets/images/pets-list/pets-hunter@1x.png similarity index 100% rename from images/pets-hunter@1x.png rename to assets/images/pets-list/pets-hunter@1x.png diff --git a/images/pets-hunter@1x.webp b/assets/images/pets-list/pets-hunter@1x.webp similarity index 100% rename from images/pets-hunter@1x.webp rename to assets/images/pets-list/pets-hunter@1x.webp diff --git a/images/pets-hunter@2x.avif b/assets/images/pets-list/pets-hunter@2x.avif similarity index 100% rename from images/pets-hunter@2x.avif rename to assets/images/pets-list/pets-hunter@2x.avif diff --git a/images/pets-hunter@2x.png b/assets/images/pets-list/pets-hunter@2x.png similarity index 100% rename from images/pets-hunter@2x.png rename to assets/images/pets-list/pets-hunter@2x.png diff --git a/images/pets-hunter@2x.webp b/assets/images/pets-list/pets-hunter@2x.webp similarity index 100% rename from images/pets-hunter@2x.webp rename to assets/images/pets-list/pets-hunter@2x.webp diff --git a/images/pets-hunter@3x.avif b/assets/images/pets-list/pets-hunter@3x.avif similarity index 100% rename from images/pets-hunter@3x.avif rename to assets/images/pets-list/pets-hunter@3x.avif diff --git a/images/pets-hunter@3x.png b/assets/images/pets-list/pets-hunter@3x.png similarity index 100% rename from images/pets-hunter@3x.png rename to assets/images/pets-list/pets-hunter@3x.png diff --git a/images/pets-hunter@3x.webp b/assets/images/pets-list/pets-hunter@3x.webp similarity index 100% rename from images/pets-hunter@3x.webp rename to assets/images/pets-list/pets-hunter@3x.webp diff --git a/images/pets-huskar@1x.avif b/assets/images/pets-list/pets-huskar@1x.avif similarity index 100% rename from images/pets-huskar@1x.avif rename to assets/images/pets-list/pets-huskar@1x.avif diff --git a/images/pets-huskar@1x.png b/assets/images/pets-list/pets-huskar@1x.png similarity index 100% rename from images/pets-huskar@1x.png rename to assets/images/pets-list/pets-huskar@1x.png diff --git a/images/pets-huskar@1x.webp b/assets/images/pets-list/pets-huskar@1x.webp similarity index 100% rename from images/pets-huskar@1x.webp rename to assets/images/pets-list/pets-huskar@1x.webp diff --git a/images/pets-huskar@2x.avif b/assets/images/pets-list/pets-huskar@2x.avif similarity index 100% rename from images/pets-huskar@2x.avif rename to assets/images/pets-list/pets-huskar@2x.avif diff --git a/images/pets-huskar@2x.png b/assets/images/pets-list/pets-huskar@2x.png similarity index 100% rename from images/pets-huskar@2x.png rename to assets/images/pets-list/pets-huskar@2x.png diff --git a/images/pets-huskar@2x.webp b/assets/images/pets-list/pets-huskar@2x.webp similarity index 100% rename from images/pets-huskar@2x.webp rename to assets/images/pets-list/pets-huskar@2x.webp diff --git a/images/pets-huskar@3x.avif b/assets/images/pets-list/pets-huskar@3x.avif similarity index 100% rename from images/pets-huskar@3x.avif rename to assets/images/pets-list/pets-huskar@3x.avif diff --git a/images/pets-huskar@3x.png b/assets/images/pets-list/pets-huskar@3x.png similarity index 100% rename from images/pets-huskar@3x.png rename to assets/images/pets-list/pets-huskar@3x.png diff --git a/images/pets-huskar@3x.webp b/assets/images/pets-list/pets-huskar@3x.webp similarity index 100% rename from images/pets-huskar@3x.webp rename to assets/images/pets-list/pets-huskar@3x.webp diff --git a/images/pets-iron@1x.avif b/assets/images/pets-list/pets-iron@1x.avif similarity index 100% rename from images/pets-iron@1x.avif rename to assets/images/pets-list/pets-iron@1x.avif diff --git a/images/pets-iron@1x.png b/assets/images/pets-list/pets-iron@1x.png similarity index 100% rename from images/pets-iron@1x.png rename to assets/images/pets-list/pets-iron@1x.png diff --git a/images/pets-iron@1x.webp b/assets/images/pets-list/pets-iron@1x.webp similarity index 100% rename from images/pets-iron@1x.webp rename to assets/images/pets-list/pets-iron@1x.webp diff --git a/images/pets-iron@2x.avif b/assets/images/pets-list/pets-iron@2x.avif similarity index 100% rename from images/pets-iron@2x.avif rename to assets/images/pets-list/pets-iron@2x.avif diff --git a/images/pets-iron@2x.png b/assets/images/pets-list/pets-iron@2x.png similarity index 100% rename from images/pets-iron@2x.png rename to assets/images/pets-list/pets-iron@2x.png diff --git a/images/pets-iron@2x.webp b/assets/images/pets-list/pets-iron@2x.webp similarity index 100% rename from images/pets-iron@2x.webp rename to assets/images/pets-list/pets-iron@2x.webp diff --git a/images/pets-iron@3x.avif b/assets/images/pets-list/pets-iron@3x.avif similarity index 100% rename from images/pets-iron@3x.avif rename to assets/images/pets-list/pets-iron@3x.avif diff --git a/images/pets-iron@3x.png b/assets/images/pets-list/pets-iron@3x.png similarity index 100% rename from images/pets-iron@3x.png rename to assets/images/pets-list/pets-iron@3x.png diff --git a/images/pets-iron@3x.webp b/assets/images/pets-list/pets-iron@3x.webp similarity index 100% rename from images/pets-iron@3x.webp rename to assets/images/pets-list/pets-iron@3x.webp diff --git a/images/pets-jennifer@1x.avif b/assets/images/pets-list/pets-jennifer@1x.avif similarity index 100% rename from images/pets-jennifer@1x.avif rename to assets/images/pets-list/pets-jennifer@1x.avif diff --git a/images/pets-jennifer@1x.png b/assets/images/pets-list/pets-jennifer@1x.png similarity index 100% rename from images/pets-jennifer@1x.png rename to assets/images/pets-list/pets-jennifer@1x.png diff --git a/images/pets-jennifer@1x.webp b/assets/images/pets-list/pets-jennifer@1x.webp similarity index 100% rename from images/pets-jennifer@1x.webp rename to assets/images/pets-list/pets-jennifer@1x.webp diff --git a/images/pets-jennifer@2x.avif b/assets/images/pets-list/pets-jennifer@2x.avif similarity index 100% rename from images/pets-jennifer@2x.avif rename to assets/images/pets-list/pets-jennifer@2x.avif diff --git a/images/pets-jennifer@2x.png b/assets/images/pets-list/pets-jennifer@2x.png similarity index 100% rename from images/pets-jennifer@2x.png rename to assets/images/pets-list/pets-jennifer@2x.png diff --git a/images/pets-jennifer@2x.webp b/assets/images/pets-list/pets-jennifer@2x.webp similarity index 100% rename from images/pets-jennifer@2x.webp rename to assets/images/pets-list/pets-jennifer@2x.webp diff --git a/images/pets-jennifer@3x.avif b/assets/images/pets-list/pets-jennifer@3x.avif similarity index 100% rename from images/pets-jennifer@3x.avif rename to assets/images/pets-list/pets-jennifer@3x.avif diff --git a/images/pets-jennifer@3x.png b/assets/images/pets-list/pets-jennifer@3x.png similarity index 100% rename from images/pets-jennifer@3x.png rename to assets/images/pets-list/pets-jennifer@3x.png diff --git a/images/pets-jennifer@3x.webp b/assets/images/pets-list/pets-jennifer@3x.webp similarity index 100% rename from images/pets-jennifer@3x.webp rename to assets/images/pets-list/pets-jennifer@3x.webp diff --git a/images/pets-jessy@1x.avif b/assets/images/pets-list/pets-jessy@1x.avif similarity index 100% rename from images/pets-jessy@1x.avif rename to assets/images/pets-list/pets-jessy@1x.avif diff --git a/images/pets-jessy@1x.png b/assets/images/pets-list/pets-jessy@1x.png similarity index 100% rename from images/pets-jessy@1x.png rename to assets/images/pets-list/pets-jessy@1x.png diff --git a/images/pets-jessy@1x.webp b/assets/images/pets-list/pets-jessy@1x.webp similarity index 100% rename from images/pets-jessy@1x.webp rename to assets/images/pets-list/pets-jessy@1x.webp diff --git a/images/pets-jessy@2x.avif b/assets/images/pets-list/pets-jessy@2x.avif similarity index 100% rename from images/pets-jessy@2x.avif rename to assets/images/pets-list/pets-jessy@2x.avif diff --git a/images/pets-jessy@2x.png b/assets/images/pets-list/pets-jessy@2x.png similarity index 100% rename from images/pets-jessy@2x.png rename to assets/images/pets-list/pets-jessy@2x.png diff --git a/images/pets-jessy@2x.webp b/assets/images/pets-list/pets-jessy@2x.webp similarity index 100% rename from images/pets-jessy@2x.webp rename to assets/images/pets-list/pets-jessy@2x.webp diff --git a/images/pets-jessy@3x.avif b/assets/images/pets-list/pets-jessy@3x.avif similarity index 100% rename from images/pets-jessy@3x.avif rename to assets/images/pets-list/pets-jessy@3x.avif diff --git a/images/pets-jessy@3x.png b/assets/images/pets-list/pets-jessy@3x.png similarity index 100% rename from images/pets-jessy@3x.png rename to assets/images/pets-list/pets-jessy@3x.png diff --git a/images/pets-jessy@3x.webp b/assets/images/pets-list/pets-jessy@3x.webp similarity index 100% rename from images/pets-jessy@3x.webp rename to assets/images/pets-list/pets-jessy@3x.webp diff --git a/images/pets-jhon@1x.avif b/assets/images/pets-list/pets-jhon@1x.avif similarity index 100% rename from images/pets-jhon@1x.avif rename to assets/images/pets-list/pets-jhon@1x.avif diff --git a/images/pets-jhon@1x.png b/assets/images/pets-list/pets-jhon@1x.png similarity index 100% rename from images/pets-jhon@1x.png rename to assets/images/pets-list/pets-jhon@1x.png diff --git a/images/pets-jhon@1x.webp b/assets/images/pets-list/pets-jhon@1x.webp similarity index 100% rename from images/pets-jhon@1x.webp rename to assets/images/pets-list/pets-jhon@1x.webp diff --git a/images/pets-jhon@2x.avif b/assets/images/pets-list/pets-jhon@2x.avif similarity index 100% rename from images/pets-jhon@2x.avif rename to assets/images/pets-list/pets-jhon@2x.avif diff --git a/images/pets-jhon@2x.png b/assets/images/pets-list/pets-jhon@2x.png similarity index 100% rename from images/pets-jhon@2x.png rename to assets/images/pets-list/pets-jhon@2x.png diff --git a/images/pets-jhon@2x.webp b/assets/images/pets-list/pets-jhon@2x.webp similarity index 100% rename from images/pets-jhon@2x.webp rename to assets/images/pets-list/pets-jhon@2x.webp diff --git a/images/pets-jhon@3x.avif b/assets/images/pets-list/pets-jhon@3x.avif similarity index 100% rename from images/pets-jhon@3x.avif rename to assets/images/pets-list/pets-jhon@3x.avif diff --git a/images/pets-jhon@3x.png b/assets/images/pets-list/pets-jhon@3x.png similarity index 100% rename from images/pets-jhon@3x.png rename to assets/images/pets-list/pets-jhon@3x.png diff --git a/images/pets-jhon@3x.webp b/assets/images/pets-list/pets-jhon@3x.webp similarity index 100% rename from images/pets-jhon@3x.webp rename to assets/images/pets-list/pets-jhon@3x.webp diff --git a/images/pets-july@1x.avif b/assets/images/pets-list/pets-july@1x.avif similarity index 100% rename from images/pets-july@1x.avif rename to assets/images/pets-list/pets-july@1x.avif diff --git a/images/pets-july@1x.png b/assets/images/pets-list/pets-july@1x.png similarity index 100% rename from images/pets-july@1x.png rename to assets/images/pets-list/pets-july@1x.png diff --git a/images/pets-july@1x.webp b/assets/images/pets-list/pets-july@1x.webp similarity index 100% rename from images/pets-july@1x.webp rename to assets/images/pets-list/pets-july@1x.webp diff --git a/images/pets-july@2x.avif b/assets/images/pets-list/pets-july@2x.avif similarity index 100% rename from images/pets-july@2x.avif rename to assets/images/pets-list/pets-july@2x.avif diff --git a/images/pets-july@2x.png b/assets/images/pets-list/pets-july@2x.png similarity index 100% rename from images/pets-july@2x.png rename to assets/images/pets-list/pets-july@2x.png diff --git a/images/pets-july@2x.webp b/assets/images/pets-list/pets-july@2x.webp similarity index 100% rename from images/pets-july@2x.webp rename to assets/images/pets-list/pets-july@2x.webp diff --git a/images/pets-july@3x.avif b/assets/images/pets-list/pets-july@3x.avif similarity index 100% rename from images/pets-july@3x.avif rename to assets/images/pets-list/pets-july@3x.avif diff --git a/images/pets-july@3x.png b/assets/images/pets-list/pets-july@3x.png similarity index 100% rename from images/pets-july@3x.png rename to assets/images/pets-list/pets-july@3x.png diff --git a/images/pets-july@3x.webp b/assets/images/pets-list/pets-july@3x.webp similarity index 100% rename from images/pets-july@3x.webp rename to assets/images/pets-list/pets-july@3x.webp diff --git a/images/pets-katrine@1x.avif b/assets/images/pets-list/pets-katrine@1x.avif similarity index 100% rename from images/pets-katrine@1x.avif rename to assets/images/pets-list/pets-katrine@1x.avif diff --git a/images/pets-katrine@1x.png b/assets/images/pets-list/pets-katrine@1x.png similarity index 100% rename from images/pets-katrine@1x.png rename to assets/images/pets-list/pets-katrine@1x.png diff --git a/images/pets-katrine@1x.webp b/assets/images/pets-list/pets-katrine@1x.webp similarity index 100% rename from images/pets-katrine@1x.webp rename to assets/images/pets-list/pets-katrine@1x.webp diff --git a/images/pets-katrine@2x.avif b/assets/images/pets-list/pets-katrine@2x.avif similarity index 100% rename from images/pets-katrine@2x.avif rename to assets/images/pets-list/pets-katrine@2x.avif diff --git a/images/pets-katrine@2x.png b/assets/images/pets-list/pets-katrine@2x.png similarity index 100% rename from images/pets-katrine@2x.png rename to assets/images/pets-list/pets-katrine@2x.png diff --git a/images/pets-katrine@2x.webp b/assets/images/pets-list/pets-katrine@2x.webp similarity index 100% rename from images/pets-katrine@2x.webp rename to assets/images/pets-list/pets-katrine@2x.webp diff --git a/images/pets-katrine@3x.avif b/assets/images/pets-list/pets-katrine@3x.avif similarity index 100% rename from images/pets-katrine@3x.avif rename to assets/images/pets-list/pets-katrine@3x.avif diff --git a/images/pets-katrine@3x.png b/assets/images/pets-list/pets-katrine@3x.png similarity index 100% rename from images/pets-katrine@3x.png rename to assets/images/pets-list/pets-katrine@3x.png diff --git a/images/pets-katrine@3x.webp b/assets/images/pets-list/pets-katrine@3x.webp similarity index 100% rename from images/pets-katrine@3x.webp rename to assets/images/pets-list/pets-katrine@3x.webp diff --git a/images/pets-koddy@1x.avif b/assets/images/pets-list/pets-koddy@1x.avif similarity index 100% rename from images/pets-koddy@1x.avif rename to assets/images/pets-list/pets-koddy@1x.avif diff --git a/images/pets-koddy@1x.png b/assets/images/pets-list/pets-koddy@1x.png similarity index 100% rename from images/pets-koddy@1x.png rename to assets/images/pets-list/pets-koddy@1x.png diff --git a/images/pets-koddy@1x.webp b/assets/images/pets-list/pets-koddy@1x.webp similarity index 100% rename from images/pets-koddy@1x.webp rename to assets/images/pets-list/pets-koddy@1x.webp diff --git a/images/pets-koddy@2x.avif b/assets/images/pets-list/pets-koddy@2x.avif similarity index 100% rename from images/pets-koddy@2x.avif rename to assets/images/pets-list/pets-koddy@2x.avif diff --git a/images/pets-koddy@2x.png b/assets/images/pets-list/pets-koddy@2x.png similarity index 100% rename from images/pets-koddy@2x.png rename to assets/images/pets-list/pets-koddy@2x.png diff --git a/images/pets-koddy@2x.webp b/assets/images/pets-list/pets-koddy@2x.webp similarity index 100% rename from images/pets-koddy@2x.webp rename to assets/images/pets-list/pets-koddy@2x.webp diff --git a/images/pets-koddy@3x.avif b/assets/images/pets-list/pets-koddy@3x.avif similarity index 100% rename from images/pets-koddy@3x.avif rename to assets/images/pets-list/pets-koddy@3x.avif diff --git a/images/pets-koddy@3x.png b/assets/images/pets-list/pets-koddy@3x.png similarity index 100% rename from images/pets-koddy@3x.png rename to assets/images/pets-list/pets-koddy@3x.png diff --git a/images/pets-koddy@3x.webp b/assets/images/pets-list/pets-koddy@3x.webp similarity index 100% rename from images/pets-koddy@3x.webp rename to assets/images/pets-list/pets-koddy@3x.webp diff --git a/images/pets-lolly@1x.avif b/assets/images/pets-list/pets-lolly@1x.avif similarity index 100% rename from images/pets-lolly@1x.avif rename to assets/images/pets-list/pets-lolly@1x.avif diff --git a/images/pets-lolly@1x.png b/assets/images/pets-list/pets-lolly@1x.png similarity index 100% rename from images/pets-lolly@1x.png rename to assets/images/pets-list/pets-lolly@1x.png diff --git a/images/pets-lolly@1x.webp b/assets/images/pets-list/pets-lolly@1x.webp similarity index 100% rename from images/pets-lolly@1x.webp rename to assets/images/pets-list/pets-lolly@1x.webp diff --git a/images/pets-lolly@2x.avif b/assets/images/pets-list/pets-lolly@2x.avif similarity index 100% rename from images/pets-lolly@2x.avif rename to assets/images/pets-list/pets-lolly@2x.avif diff --git a/images/pets-lolly@2x.png b/assets/images/pets-list/pets-lolly@2x.png similarity index 100% rename from images/pets-lolly@2x.png rename to assets/images/pets-list/pets-lolly@2x.png diff --git a/images/pets-lolly@2x.webp b/assets/images/pets-list/pets-lolly@2x.webp similarity index 100% rename from images/pets-lolly@2x.webp rename to assets/images/pets-list/pets-lolly@2x.webp diff --git a/images/pets-lolly@3x.avif b/assets/images/pets-list/pets-lolly@3x.avif similarity index 100% rename from images/pets-lolly@3x.avif rename to assets/images/pets-list/pets-lolly@3x.avif diff --git a/images/pets-lolly@3x.png b/assets/images/pets-list/pets-lolly@3x.png similarity index 100% rename from images/pets-lolly@3x.png rename to assets/images/pets-list/pets-lolly@3x.png diff --git a/images/pets-lolly@3x.webp b/assets/images/pets-list/pets-lolly@3x.webp similarity index 100% rename from images/pets-lolly@3x.webp rename to assets/images/pets-list/pets-lolly@3x.webp diff --git a/images/pets-missy@1x.avif b/assets/images/pets-list/pets-missy@1x.avif similarity index 100% rename from images/pets-missy@1x.avif rename to assets/images/pets-list/pets-missy@1x.avif diff --git a/images/pets-missy@1x.png b/assets/images/pets-list/pets-missy@1x.png similarity index 100% rename from images/pets-missy@1x.png rename to assets/images/pets-list/pets-missy@1x.png diff --git a/images/pets-missy@1x.webp b/assets/images/pets-list/pets-missy@1x.webp similarity index 100% rename from images/pets-missy@1x.webp rename to assets/images/pets-list/pets-missy@1x.webp diff --git a/images/pets-missy@2x.avif b/assets/images/pets-list/pets-missy@2x.avif similarity index 100% rename from images/pets-missy@2x.avif rename to assets/images/pets-list/pets-missy@2x.avif diff --git a/images/pets-missy@2x.png b/assets/images/pets-list/pets-missy@2x.png similarity index 100% rename from images/pets-missy@2x.png rename to assets/images/pets-list/pets-missy@2x.png diff --git a/images/pets-missy@2x.webp b/assets/images/pets-list/pets-missy@2x.webp similarity index 100% rename from images/pets-missy@2x.webp rename to assets/images/pets-list/pets-missy@2x.webp diff --git a/images/pets-missy@3x.avif b/assets/images/pets-list/pets-missy@3x.avif similarity index 100% rename from images/pets-missy@3x.avif rename to assets/images/pets-list/pets-missy@3x.avif diff --git a/images/pets-missy@3x.png b/assets/images/pets-list/pets-missy@3x.png similarity index 100% rename from images/pets-missy@3x.png rename to assets/images/pets-list/pets-missy@3x.png diff --git a/images/pets-missy@3x.webp b/assets/images/pets-list/pets-missy@3x.webp similarity index 100% rename from images/pets-missy@3x.webp rename to assets/images/pets-list/pets-missy@3x.webp diff --git a/images/pets-molav@1x.avif b/assets/images/pets-list/pets-molav@1x.avif similarity index 100% rename from images/pets-molav@1x.avif rename to assets/images/pets-list/pets-molav@1x.avif diff --git a/images/pets-molav@1x.png b/assets/images/pets-list/pets-molav@1x.png similarity index 100% rename from images/pets-molav@1x.png rename to assets/images/pets-list/pets-molav@1x.png diff --git a/images/pets-molav@1x.webp b/assets/images/pets-list/pets-molav@1x.webp similarity index 100% rename from images/pets-molav@1x.webp rename to assets/images/pets-list/pets-molav@1x.webp diff --git a/images/pets-molav@2x.avif b/assets/images/pets-list/pets-molav@2x.avif similarity index 100% rename from images/pets-molav@2x.avif rename to assets/images/pets-list/pets-molav@2x.avif diff --git a/images/pets-molav@2x.png b/assets/images/pets-list/pets-molav@2x.png similarity index 100% rename from images/pets-molav@2x.png rename to assets/images/pets-list/pets-molav@2x.png diff --git a/images/pets-molav@2x.webp b/assets/images/pets-list/pets-molav@2x.webp similarity index 100% rename from images/pets-molav@2x.webp rename to assets/images/pets-list/pets-molav@2x.webp diff --git a/images/pets-molav@3x.avif b/assets/images/pets-list/pets-molav@3x.avif similarity index 100% rename from images/pets-molav@3x.avif rename to assets/images/pets-list/pets-molav@3x.avif diff --git a/images/pets-molav@3x.png b/assets/images/pets-list/pets-molav@3x.png similarity index 100% rename from images/pets-molav@3x.png rename to assets/images/pets-list/pets-molav@3x.png diff --git a/images/pets-molav@3x.webp b/assets/images/pets-list/pets-molav@3x.webp similarity index 100% rename from images/pets-molav@3x.webp rename to assets/images/pets-list/pets-molav@3x.webp diff --git a/images/pets-molly@1x.avif b/assets/images/pets-list/pets-molly@1x.avif similarity index 100% rename from images/pets-molly@1x.avif rename to assets/images/pets-list/pets-molly@1x.avif diff --git a/images/pets-molly@1x.png b/assets/images/pets-list/pets-molly@1x.png similarity index 100% rename from images/pets-molly@1x.png rename to assets/images/pets-list/pets-molly@1x.png diff --git a/images/pets-molly@1x.webp b/assets/images/pets-list/pets-molly@1x.webp similarity index 100% rename from images/pets-molly@1x.webp rename to assets/images/pets-list/pets-molly@1x.webp diff --git a/images/pets-molly@2x.avif b/assets/images/pets-list/pets-molly@2x.avif similarity index 100% rename from images/pets-molly@2x.avif rename to assets/images/pets-list/pets-molly@2x.avif diff --git a/images/pets-molly@2x.png b/assets/images/pets-list/pets-molly@2x.png similarity index 100% rename from images/pets-molly@2x.png rename to assets/images/pets-list/pets-molly@2x.png diff --git a/images/pets-molly@2x.webp b/assets/images/pets-list/pets-molly@2x.webp similarity index 100% rename from images/pets-molly@2x.webp rename to assets/images/pets-list/pets-molly@2x.webp diff --git a/images/pets-molly@3x.avif b/assets/images/pets-list/pets-molly@3x.avif similarity index 100% rename from images/pets-molly@3x.avif rename to assets/images/pets-list/pets-molly@3x.avif diff --git a/images/pets-molly@3x.png b/assets/images/pets-list/pets-molly@3x.png similarity index 100% rename from images/pets-molly@3x.png rename to assets/images/pets-list/pets-molly@3x.png diff --git a/images/pets-molly@3x.webp b/assets/images/pets-list/pets-molly@3x.webp similarity index 100% rename from images/pets-molly@3x.webp rename to assets/images/pets-list/pets-molly@3x.webp diff --git a/images/pets-monika@1x.avif b/assets/images/pets-list/pets-monika@1x.avif similarity index 100% rename from images/pets-monika@1x.avif rename to assets/images/pets-list/pets-monika@1x.avif diff --git a/images/pets-monika@1x.png b/assets/images/pets-list/pets-monika@1x.png similarity index 100% rename from images/pets-monika@1x.png rename to assets/images/pets-list/pets-monika@1x.png diff --git a/images/pets-monika@1x.webp b/assets/images/pets-list/pets-monika@1x.webp similarity index 100% rename from images/pets-monika@1x.webp rename to assets/images/pets-list/pets-monika@1x.webp diff --git a/images/pets-monika@2x.avif b/assets/images/pets-list/pets-monika@2x.avif similarity index 100% rename from images/pets-monika@2x.avif rename to assets/images/pets-list/pets-monika@2x.avif diff --git a/images/pets-monika@2x.png b/assets/images/pets-list/pets-monika@2x.png similarity index 100% rename from images/pets-monika@2x.png rename to assets/images/pets-list/pets-monika@2x.png diff --git a/images/pets-monika@2x.webp b/assets/images/pets-list/pets-monika@2x.webp similarity index 100% rename from images/pets-monika@2x.webp rename to assets/images/pets-list/pets-monika@2x.webp diff --git a/images/pets-monika@3x.avif b/assets/images/pets-list/pets-monika@3x.avif similarity index 100% rename from images/pets-monika@3x.avif rename to assets/images/pets-list/pets-monika@3x.avif diff --git a/images/pets-monika@3x.png b/assets/images/pets-list/pets-monika@3x.png similarity index 100% rename from images/pets-monika@3x.png rename to assets/images/pets-list/pets-monika@3x.png diff --git a/images/pets-monika@3x.webp b/assets/images/pets-list/pets-monika@3x.webp similarity index 100% rename from images/pets-monika@3x.webp rename to assets/images/pets-list/pets-monika@3x.webp diff --git a/images/pets-monna@1x.avif b/assets/images/pets-list/pets-monna@1x.avif similarity index 100% rename from images/pets-monna@1x.avif rename to assets/images/pets-list/pets-monna@1x.avif diff --git a/images/pets-monna@1x.png b/assets/images/pets-list/pets-monna@1x.png similarity index 100% rename from images/pets-monna@1x.png rename to assets/images/pets-list/pets-monna@1x.png diff --git a/images/pets-monna@1x.webp b/assets/images/pets-list/pets-monna@1x.webp similarity index 100% rename from images/pets-monna@1x.webp rename to assets/images/pets-list/pets-monna@1x.webp diff --git a/images/pets-monna@2x.avif b/assets/images/pets-list/pets-monna@2x.avif similarity index 100% rename from images/pets-monna@2x.avif rename to assets/images/pets-list/pets-monna@2x.avif diff --git a/images/pets-monna@2x.png b/assets/images/pets-list/pets-monna@2x.png similarity index 100% rename from images/pets-monna@2x.png rename to assets/images/pets-list/pets-monna@2x.png diff --git a/images/pets-monna@2x.webp b/assets/images/pets-list/pets-monna@2x.webp similarity index 100% rename from images/pets-monna@2x.webp rename to assets/images/pets-list/pets-monna@2x.webp diff --git a/images/pets-monna@3x.avif b/assets/images/pets-list/pets-monna@3x.avif similarity index 100% rename from images/pets-monna@3x.avif rename to assets/images/pets-list/pets-monna@3x.avif diff --git a/images/pets-monna@3x.png b/assets/images/pets-list/pets-monna@3x.png similarity index 100% rename from images/pets-monna@3x.png rename to assets/images/pets-list/pets-monna@3x.png diff --git a/images/pets-monna@3x.webp b/assets/images/pets-list/pets-monna@3x.webp similarity index 100% rename from images/pets-monna@3x.webp rename to assets/images/pets-list/pets-monna@3x.webp diff --git a/images/pets-nomad@1x.avif b/assets/images/pets-list/pets-nomad@1x.avif similarity index 100% rename from images/pets-nomad@1x.avif rename to assets/images/pets-list/pets-nomad@1x.avif diff --git a/images/pets-nomad@1x.png b/assets/images/pets-list/pets-nomad@1x.png similarity index 100% rename from images/pets-nomad@1x.png rename to assets/images/pets-list/pets-nomad@1x.png diff --git a/images/pets-nomad@1x.webp b/assets/images/pets-list/pets-nomad@1x.webp similarity index 100% rename from images/pets-nomad@1x.webp rename to assets/images/pets-list/pets-nomad@1x.webp diff --git a/images/pets-nomad@2x.avif b/assets/images/pets-list/pets-nomad@2x.avif similarity index 100% rename from images/pets-nomad@2x.avif rename to assets/images/pets-list/pets-nomad@2x.avif diff --git a/images/pets-nomad@2x.png b/assets/images/pets-list/pets-nomad@2x.png similarity index 100% rename from images/pets-nomad@2x.png rename to assets/images/pets-list/pets-nomad@2x.png diff --git a/images/pets-nomad@2x.webp b/assets/images/pets-list/pets-nomad@2x.webp similarity index 100% rename from images/pets-nomad@2x.webp rename to assets/images/pets-list/pets-nomad@2x.webp diff --git a/images/pets-nomad@3x.avif b/assets/images/pets-list/pets-nomad@3x.avif similarity index 100% rename from images/pets-nomad@3x.avif rename to assets/images/pets-list/pets-nomad@3x.avif diff --git a/images/pets-nomad@3x.png b/assets/images/pets-list/pets-nomad@3x.png similarity index 100% rename from images/pets-nomad@3x.png rename to assets/images/pets-list/pets-nomad@3x.png diff --git a/images/pets-nomad@3x.webp b/assets/images/pets-list/pets-nomad@3x.webp similarity index 100% rename from images/pets-nomad@3x.webp rename to assets/images/pets-list/pets-nomad@3x.webp diff --git a/images/pets-perry@1x.avif b/assets/images/pets-list/pets-perry@1x.avif similarity index 100% rename from images/pets-perry@1x.avif rename to assets/images/pets-list/pets-perry@1x.avif diff --git a/images/pets-perry@1x.png b/assets/images/pets-list/pets-perry@1x.png similarity index 100% rename from images/pets-perry@1x.png rename to assets/images/pets-list/pets-perry@1x.png diff --git a/images/pets-perry@1x.webp b/assets/images/pets-list/pets-perry@1x.webp similarity index 100% rename from images/pets-perry@1x.webp rename to assets/images/pets-list/pets-perry@1x.webp diff --git a/images/pets-perry@2x.avif b/assets/images/pets-list/pets-perry@2x.avif similarity index 100% rename from images/pets-perry@2x.avif rename to assets/images/pets-list/pets-perry@2x.avif diff --git a/images/pets-perry@2x.png b/assets/images/pets-list/pets-perry@2x.png similarity index 100% rename from images/pets-perry@2x.png rename to assets/images/pets-list/pets-perry@2x.png diff --git a/images/pets-perry@2x.webp b/assets/images/pets-list/pets-perry@2x.webp similarity index 100% rename from images/pets-perry@2x.webp rename to assets/images/pets-list/pets-perry@2x.webp diff --git a/images/pets-perry@3x.avif b/assets/images/pets-list/pets-perry@3x.avif similarity index 100% rename from images/pets-perry@3x.avif rename to assets/images/pets-list/pets-perry@3x.avif diff --git a/images/pets-perry@3x.png b/assets/images/pets-list/pets-perry@3x.png similarity index 100% rename from images/pets-perry@3x.png rename to assets/images/pets-list/pets-perry@3x.png diff --git a/images/pets-perry@3x.webp b/assets/images/pets-list/pets-perry@3x.webp similarity index 100% rename from images/pets-perry@3x.webp rename to assets/images/pets-list/pets-perry@3x.webp diff --git a/images/pets-poolly@1x.avif b/assets/images/pets-list/pets-poolly@1x.avif similarity index 100% rename from images/pets-poolly@1x.avif rename to assets/images/pets-list/pets-poolly@1x.avif diff --git a/images/pets-poolly@1x.png b/assets/images/pets-list/pets-poolly@1x.png similarity index 100% rename from images/pets-poolly@1x.png rename to assets/images/pets-list/pets-poolly@1x.png diff --git a/images/pets-poolly@1x.webp b/assets/images/pets-list/pets-poolly@1x.webp similarity index 100% rename from images/pets-poolly@1x.webp rename to assets/images/pets-list/pets-poolly@1x.webp diff --git a/images/pets-poolly@2x.avif b/assets/images/pets-list/pets-poolly@2x.avif similarity index 100% rename from images/pets-poolly@2x.avif rename to assets/images/pets-list/pets-poolly@2x.avif diff --git a/images/pets-poolly@2x.png b/assets/images/pets-list/pets-poolly@2x.png similarity index 100% rename from images/pets-poolly@2x.png rename to assets/images/pets-list/pets-poolly@2x.png diff --git a/images/pets-poolly@2x.webp b/assets/images/pets-list/pets-poolly@2x.webp similarity index 100% rename from images/pets-poolly@2x.webp rename to assets/images/pets-list/pets-poolly@2x.webp diff --git a/images/pets-poolly@3x.avif b/assets/images/pets-list/pets-poolly@3x.avif similarity index 100% rename from images/pets-poolly@3x.avif rename to assets/images/pets-list/pets-poolly@3x.avif diff --git a/images/pets-poolly@3x.png b/assets/images/pets-list/pets-poolly@3x.png similarity index 100% rename from images/pets-poolly@3x.png rename to assets/images/pets-list/pets-poolly@3x.png diff --git a/images/pets-poolly@3x.webp b/assets/images/pets-list/pets-poolly@3x.webp similarity index 100% rename from images/pets-poolly@3x.webp rename to assets/images/pets-list/pets-poolly@3x.webp diff --git a/images/pets-pory@1x.avif b/assets/images/pets-list/pets-pory@1x.avif similarity index 100% rename from images/pets-pory@1x.avif rename to assets/images/pets-list/pets-pory@1x.avif diff --git a/images/pets-pory@1x.png b/assets/images/pets-list/pets-pory@1x.png similarity index 100% rename from images/pets-pory@1x.png rename to assets/images/pets-list/pets-pory@1x.png diff --git a/images/pets-pory@1x.webp b/assets/images/pets-list/pets-pory@1x.webp similarity index 100% rename from images/pets-pory@1x.webp rename to assets/images/pets-list/pets-pory@1x.webp diff --git a/images/pets-pory@2x.avif b/assets/images/pets-list/pets-pory@2x.avif similarity index 100% rename from images/pets-pory@2x.avif rename to assets/images/pets-list/pets-pory@2x.avif diff --git a/images/pets-pory@2x.png b/assets/images/pets-list/pets-pory@2x.png similarity index 100% rename from images/pets-pory@2x.png rename to assets/images/pets-list/pets-pory@2x.png diff --git a/images/pets-pory@2x.webp b/assets/images/pets-list/pets-pory@2x.webp similarity index 100% rename from images/pets-pory@2x.webp rename to assets/images/pets-list/pets-pory@2x.webp diff --git a/images/pets-pory@3x.avif b/assets/images/pets-list/pets-pory@3x.avif similarity index 100% rename from images/pets-pory@3x.avif rename to assets/images/pets-list/pets-pory@3x.avif diff --git a/images/pets-pory@3x.png b/assets/images/pets-list/pets-pory@3x.png similarity index 100% rename from images/pets-pory@3x.png rename to assets/images/pets-list/pets-pory@3x.png diff --git a/images/pets-pory@3x.webp b/assets/images/pets-list/pets-pory@3x.webp similarity index 100% rename from images/pets-pory@3x.webp rename to assets/images/pets-list/pets-pory@3x.webp diff --git a/images/pets-rex@1x.avif b/assets/images/pets-list/pets-rex@1x.avif similarity index 100% rename from images/pets-rex@1x.avif rename to assets/images/pets-list/pets-rex@1x.avif diff --git a/images/pets-rex@1x.png b/assets/images/pets-list/pets-rex@1x.png similarity index 100% rename from images/pets-rex@1x.png rename to assets/images/pets-list/pets-rex@1x.png diff --git a/images/pets-rex@1x.webp b/assets/images/pets-list/pets-rex@1x.webp similarity index 100% rename from images/pets-rex@1x.webp rename to assets/images/pets-list/pets-rex@1x.webp diff --git a/images/pets-rex@2x.avif b/assets/images/pets-list/pets-rex@2x.avif similarity index 100% rename from images/pets-rex@2x.avif rename to assets/images/pets-list/pets-rex@2x.avif diff --git a/images/pets-rex@2x.png b/assets/images/pets-list/pets-rex@2x.png similarity index 100% rename from images/pets-rex@2x.png rename to assets/images/pets-list/pets-rex@2x.png diff --git a/images/pets-rex@2x.webp b/assets/images/pets-list/pets-rex@2x.webp similarity index 100% rename from images/pets-rex@2x.webp rename to assets/images/pets-list/pets-rex@2x.webp diff --git a/images/pets-rex@3x.avif b/assets/images/pets-list/pets-rex@3x.avif similarity index 100% rename from images/pets-rex@3x.avif rename to assets/images/pets-list/pets-rex@3x.avif diff --git a/images/pets-rex@3x.png b/assets/images/pets-list/pets-rex@3x.png similarity index 100% rename from images/pets-rex@3x.png rename to assets/images/pets-list/pets-rex@3x.png diff --git a/images/pets-rex@3x.webp b/assets/images/pets-list/pets-rex@3x.webp similarity index 100% rename from images/pets-rex@3x.webp rename to assets/images/pets-list/pets-rex@3x.webp diff --git a/images/pets-rikky@1x.avif b/assets/images/pets-list/pets-rikky@1x.avif similarity index 100% rename from images/pets-rikky@1x.avif rename to assets/images/pets-list/pets-rikky@1x.avif diff --git a/images/pets-rikky@1x.png b/assets/images/pets-list/pets-rikky@1x.png similarity index 100% rename from images/pets-rikky@1x.png rename to assets/images/pets-list/pets-rikky@1x.png diff --git a/images/pets-rikky@1x.webp b/assets/images/pets-list/pets-rikky@1x.webp similarity index 100% rename from images/pets-rikky@1x.webp rename to assets/images/pets-list/pets-rikky@1x.webp diff --git a/images/pets-rikky@2x.avif b/assets/images/pets-list/pets-rikky@2x.avif similarity index 100% rename from images/pets-rikky@2x.avif rename to assets/images/pets-list/pets-rikky@2x.avif diff --git a/images/pets-rikky@2x.png b/assets/images/pets-list/pets-rikky@2x.png similarity index 100% rename from images/pets-rikky@2x.png rename to assets/images/pets-list/pets-rikky@2x.png diff --git a/images/pets-rikky@2x.webp b/assets/images/pets-list/pets-rikky@2x.webp similarity index 100% rename from images/pets-rikky@2x.webp rename to assets/images/pets-list/pets-rikky@2x.webp diff --git a/images/pets-rikky@3x.avif b/assets/images/pets-list/pets-rikky@3x.avif similarity index 100% rename from images/pets-rikky@3x.avif rename to assets/images/pets-list/pets-rikky@3x.avif diff --git a/images/pets-rikky@3x.png b/assets/images/pets-list/pets-rikky@3x.png similarity index 100% rename from images/pets-rikky@3x.png rename to assets/images/pets-list/pets-rikky@3x.png diff --git a/images/pets-rikky@3x.webp b/assets/images/pets-list/pets-rikky@3x.webp similarity index 100% rename from images/pets-rikky@3x.webp rename to assets/images/pets-list/pets-rikky@3x.webp diff --git a/images/pets-rolls@1x.avif b/assets/images/pets-list/pets-rolls@1x.avif similarity index 100% rename from images/pets-rolls@1x.avif rename to assets/images/pets-list/pets-rolls@1x.avif diff --git a/images/pets-rolls@1x.png b/assets/images/pets-list/pets-rolls@1x.png similarity index 100% rename from images/pets-rolls@1x.png rename to assets/images/pets-list/pets-rolls@1x.png diff --git a/images/pets-rolls@1x.webp b/assets/images/pets-list/pets-rolls@1x.webp similarity index 100% rename from images/pets-rolls@1x.webp rename to assets/images/pets-list/pets-rolls@1x.webp diff --git a/images/pets-rolls@2x.avif b/assets/images/pets-list/pets-rolls@2x.avif similarity index 100% rename from images/pets-rolls@2x.avif rename to assets/images/pets-list/pets-rolls@2x.avif diff --git a/images/pets-rolls@2x.png b/assets/images/pets-list/pets-rolls@2x.png similarity index 100% rename from images/pets-rolls@2x.png rename to assets/images/pets-list/pets-rolls@2x.png diff --git a/images/pets-rolls@2x.webp b/assets/images/pets-list/pets-rolls@2x.webp similarity index 100% rename from images/pets-rolls@2x.webp rename to assets/images/pets-list/pets-rolls@2x.webp diff --git a/images/pets-rolls@3x.avif b/assets/images/pets-list/pets-rolls@3x.avif similarity index 100% rename from images/pets-rolls@3x.avif rename to assets/images/pets-list/pets-rolls@3x.avif diff --git a/images/pets-rolls@3x.png b/assets/images/pets-list/pets-rolls@3x.png similarity index 100% rename from images/pets-rolls@3x.png rename to assets/images/pets-list/pets-rolls@3x.png diff --git a/images/pets-rolls@3x.webp b/assets/images/pets-list/pets-rolls@3x.webp similarity index 100% rename from images/pets-rolls@3x.webp rename to assets/images/pets-list/pets-rolls@3x.webp diff --git a/images/pets-ronny@1x.avif b/assets/images/pets-list/pets-ronny@1x.avif similarity index 100% rename from images/pets-ronny@1x.avif rename to assets/images/pets-list/pets-ronny@1x.avif diff --git a/images/pets-ronny@1x.png b/assets/images/pets-list/pets-ronny@1x.png similarity index 100% rename from images/pets-ronny@1x.png rename to assets/images/pets-list/pets-ronny@1x.png diff --git a/images/pets-ronny@1x.webp b/assets/images/pets-list/pets-ronny@1x.webp similarity index 100% rename from images/pets-ronny@1x.webp rename to assets/images/pets-list/pets-ronny@1x.webp diff --git a/images/pets-ronny@2x.avif b/assets/images/pets-list/pets-ronny@2x.avif similarity index 100% rename from images/pets-ronny@2x.avif rename to assets/images/pets-list/pets-ronny@2x.avif diff --git a/images/pets-ronny@2x.png b/assets/images/pets-list/pets-ronny@2x.png similarity index 100% rename from images/pets-ronny@2x.png rename to assets/images/pets-list/pets-ronny@2x.png diff --git a/images/pets-ronny@2x.webp b/assets/images/pets-list/pets-ronny@2x.webp similarity index 100% rename from images/pets-ronny@2x.webp rename to assets/images/pets-list/pets-ronny@2x.webp diff --git a/images/pets-ronny@3x.avif b/assets/images/pets-list/pets-ronny@3x.avif similarity index 100% rename from images/pets-ronny@3x.avif rename to assets/images/pets-list/pets-ronny@3x.avif diff --git a/images/pets-ronny@3x.png b/assets/images/pets-list/pets-ronny@3x.png similarity index 100% rename from images/pets-ronny@3x.png rename to assets/images/pets-list/pets-ronny@3x.png diff --git a/images/pets-ronny@3x.webp b/assets/images/pets-list/pets-ronny@3x.webp similarity index 100% rename from images/pets-ronny@3x.webp rename to assets/images/pets-list/pets-ronny@3x.webp diff --git a/images/pets-salem@1x.avif b/assets/images/pets-list/pets-salem@1x.avif similarity index 100% rename from images/pets-salem@1x.avif rename to assets/images/pets-list/pets-salem@1x.avif diff --git a/images/pets-salem@1x.png b/assets/images/pets-list/pets-salem@1x.png similarity index 100% rename from images/pets-salem@1x.png rename to assets/images/pets-list/pets-salem@1x.png diff --git a/images/pets-salem@1x.webp b/assets/images/pets-list/pets-salem@1x.webp similarity index 100% rename from images/pets-salem@1x.webp rename to assets/images/pets-list/pets-salem@1x.webp diff --git a/images/pets-salem@2x.avif b/assets/images/pets-list/pets-salem@2x.avif similarity index 100% rename from images/pets-salem@2x.avif rename to assets/images/pets-list/pets-salem@2x.avif diff --git a/images/pets-salem@2x.png b/assets/images/pets-list/pets-salem@2x.png similarity index 100% rename from images/pets-salem@2x.png rename to assets/images/pets-list/pets-salem@2x.png diff --git a/images/pets-salem@2x.webp b/assets/images/pets-list/pets-salem@2x.webp similarity index 100% rename from images/pets-salem@2x.webp rename to assets/images/pets-list/pets-salem@2x.webp diff --git a/images/pets-salem@3x.avif b/assets/images/pets-list/pets-salem@3x.avif similarity index 100% rename from images/pets-salem@3x.avif rename to assets/images/pets-list/pets-salem@3x.avif diff --git a/images/pets-salem@3x.png b/assets/images/pets-list/pets-salem@3x.png similarity index 100% rename from images/pets-salem@3x.png rename to assets/images/pets-list/pets-salem@3x.png diff --git a/images/pets-salem@3x.webp b/assets/images/pets-list/pets-salem@3x.webp similarity index 100% rename from images/pets-salem@3x.webp rename to assets/images/pets-list/pets-salem@3x.webp diff --git a/images/pets-scarlet@1x.avif b/assets/images/pets-list/pets-scarlet@1x.avif similarity index 100% rename from images/pets-scarlet@1x.avif rename to assets/images/pets-list/pets-scarlet@1x.avif diff --git a/images/pets-scarlet@1x.png b/assets/images/pets-list/pets-scarlet@1x.png similarity index 100% rename from images/pets-scarlet@1x.png rename to assets/images/pets-list/pets-scarlet@1x.png diff --git a/images/pets-scarlet@1x.webp b/assets/images/pets-list/pets-scarlet@1x.webp similarity index 100% rename from images/pets-scarlet@1x.webp rename to assets/images/pets-list/pets-scarlet@1x.webp diff --git a/images/pets-scarlet@2x.avif b/assets/images/pets-list/pets-scarlet@2x.avif similarity index 100% rename from images/pets-scarlet@2x.avif rename to assets/images/pets-list/pets-scarlet@2x.avif diff --git a/images/pets-scarlet@2x.png b/assets/images/pets-list/pets-scarlet@2x.png similarity index 100% rename from images/pets-scarlet@2x.png rename to assets/images/pets-list/pets-scarlet@2x.png diff --git a/images/pets-scarlet@2x.webp b/assets/images/pets-list/pets-scarlet@2x.webp similarity index 100% rename from images/pets-scarlet@2x.webp rename to assets/images/pets-list/pets-scarlet@2x.webp diff --git a/images/pets-scarlet@3x.avif b/assets/images/pets-list/pets-scarlet@3x.avif similarity index 100% rename from images/pets-scarlet@3x.avif rename to assets/images/pets-list/pets-scarlet@3x.avif diff --git a/images/pets-scarlet@3x.png b/assets/images/pets-list/pets-scarlet@3x.png similarity index 100% rename from images/pets-scarlet@3x.png rename to assets/images/pets-list/pets-scarlet@3x.png diff --git a/images/pets-scarlet@3x.webp b/assets/images/pets-list/pets-scarlet@3x.webp similarity index 100% rename from images/pets-scarlet@3x.webp rename to assets/images/pets-list/pets-scarlet@3x.webp diff --git a/images/pets-skrull@1x.avif b/assets/images/pets-list/pets-skrull@1x.avif similarity index 100% rename from images/pets-skrull@1x.avif rename to assets/images/pets-list/pets-skrull@1x.avif diff --git a/images/pets-skrull@1x.png b/assets/images/pets-list/pets-skrull@1x.png similarity index 100% rename from images/pets-skrull@1x.png rename to assets/images/pets-list/pets-skrull@1x.png diff --git a/images/pets-skrull@1x.webp b/assets/images/pets-list/pets-skrull@1x.webp similarity index 100% rename from images/pets-skrull@1x.webp rename to assets/images/pets-list/pets-skrull@1x.webp diff --git a/images/pets-skrull@2x.avif b/assets/images/pets-list/pets-skrull@2x.avif similarity index 100% rename from images/pets-skrull@2x.avif rename to assets/images/pets-list/pets-skrull@2x.avif diff --git a/images/pets-skrull@2x.png b/assets/images/pets-list/pets-skrull@2x.png similarity index 100% rename from images/pets-skrull@2x.png rename to assets/images/pets-list/pets-skrull@2x.png diff --git a/images/pets-skrull@2x.webp b/assets/images/pets-list/pets-skrull@2x.webp similarity index 100% rename from images/pets-skrull@2x.webp rename to assets/images/pets-list/pets-skrull@2x.webp diff --git a/images/pets-skrull@3x.avif b/assets/images/pets-list/pets-skrull@3x.avif similarity index 100% rename from images/pets-skrull@3x.avif rename to assets/images/pets-list/pets-skrull@3x.avif diff --git a/images/pets-skrull@3x.png b/assets/images/pets-list/pets-skrull@3x.png similarity index 100% rename from images/pets-skrull@3x.png rename to assets/images/pets-list/pets-skrull@3x.png diff --git a/images/pets-skrull@3x.webp b/assets/images/pets-list/pets-skrull@3x.webp similarity index 100% rename from images/pets-skrull@3x.webp rename to assets/images/pets-list/pets-skrull@3x.webp diff --git a/images/pets-smile@1x.avif b/assets/images/pets-list/pets-smile@1x.avif similarity index 100% rename from images/pets-smile@1x.avif rename to assets/images/pets-list/pets-smile@1x.avif diff --git a/images/pets-smile@1x.png b/assets/images/pets-list/pets-smile@1x.png similarity index 100% rename from images/pets-smile@1x.png rename to assets/images/pets-list/pets-smile@1x.png diff --git a/images/pets-smile@1x.webp b/assets/images/pets-list/pets-smile@1x.webp similarity index 100% rename from images/pets-smile@1x.webp rename to assets/images/pets-list/pets-smile@1x.webp diff --git a/images/pets-smile@2x.avif b/assets/images/pets-list/pets-smile@2x.avif similarity index 100% rename from images/pets-smile@2x.avif rename to assets/images/pets-list/pets-smile@2x.avif diff --git a/images/pets-smile@2x.png b/assets/images/pets-list/pets-smile@2x.png similarity index 100% rename from images/pets-smile@2x.png rename to assets/images/pets-list/pets-smile@2x.png diff --git a/images/pets-smile@2x.webp b/assets/images/pets-list/pets-smile@2x.webp similarity index 100% rename from images/pets-smile@2x.webp rename to assets/images/pets-list/pets-smile@2x.webp diff --git a/images/pets-smile@3x.avif b/assets/images/pets-list/pets-smile@3x.avif similarity index 100% rename from images/pets-smile@3x.avif rename to assets/images/pets-list/pets-smile@3x.avif diff --git a/images/pets-smile@3x.png b/assets/images/pets-list/pets-smile@3x.png similarity index 100% rename from images/pets-smile@3x.png rename to assets/images/pets-list/pets-smile@3x.png diff --git a/images/pets-smile@3x.webp b/assets/images/pets-list/pets-smile@3x.webp similarity index 100% rename from images/pets-smile@3x.webp rename to assets/images/pets-list/pets-smile@3x.webp diff --git a/images/pets-sophia@1x.avif b/assets/images/pets-list/pets-sophia@1x.avif similarity index 100% rename from images/pets-sophia@1x.avif rename to assets/images/pets-list/pets-sophia@1x.avif diff --git a/images/pets-sophia@1x.png b/assets/images/pets-list/pets-sophia@1x.png similarity index 100% rename from images/pets-sophia@1x.png rename to assets/images/pets-list/pets-sophia@1x.png diff --git a/images/pets-sophia@1x.webp b/assets/images/pets-list/pets-sophia@1x.webp similarity index 100% rename from images/pets-sophia@1x.webp rename to assets/images/pets-list/pets-sophia@1x.webp diff --git a/images/pets-sophia@2x.avif b/assets/images/pets-list/pets-sophia@2x.avif similarity index 100% rename from images/pets-sophia@2x.avif rename to assets/images/pets-list/pets-sophia@2x.avif diff --git a/images/pets-sophia@2x.png b/assets/images/pets-list/pets-sophia@2x.png similarity index 100% rename from images/pets-sophia@2x.png rename to assets/images/pets-list/pets-sophia@2x.png diff --git a/images/pets-sophia@2x.webp b/assets/images/pets-list/pets-sophia@2x.webp similarity index 100% rename from images/pets-sophia@2x.webp rename to assets/images/pets-list/pets-sophia@2x.webp diff --git a/images/pets-sophia@3x.avif b/assets/images/pets-list/pets-sophia@3x.avif similarity index 100% rename from images/pets-sophia@3x.avif rename to assets/images/pets-list/pets-sophia@3x.avif diff --git a/images/pets-sophia@3x.png b/assets/images/pets-list/pets-sophia@3x.png similarity index 100% rename from images/pets-sophia@3x.png rename to assets/images/pets-list/pets-sophia@3x.png diff --git a/images/pets-sophia@3x.webp b/assets/images/pets-list/pets-sophia@3x.webp similarity index 100% rename from images/pets-sophia@3x.webp rename to assets/images/pets-list/pets-sophia@3x.webp diff --git a/images/pets-spoon@1x.avif b/assets/images/pets-list/pets-spoon@1x.avif similarity index 100% rename from images/pets-spoon@1x.avif rename to assets/images/pets-list/pets-spoon@1x.avif diff --git a/images/pets-spoon@1x.png b/assets/images/pets-list/pets-spoon@1x.png similarity index 100% rename from images/pets-spoon@1x.png rename to assets/images/pets-list/pets-spoon@1x.png diff --git a/images/pets-spoon@1x.webp b/assets/images/pets-list/pets-spoon@1x.webp similarity index 100% rename from images/pets-spoon@1x.webp rename to assets/images/pets-list/pets-spoon@1x.webp diff --git a/images/pets-spoon@2x.avif b/assets/images/pets-list/pets-spoon@2x.avif similarity index 100% rename from images/pets-spoon@2x.avif rename to assets/images/pets-list/pets-spoon@2x.avif diff --git a/images/pets-spoon@2x.png b/assets/images/pets-list/pets-spoon@2x.png similarity index 100% rename from images/pets-spoon@2x.png rename to assets/images/pets-list/pets-spoon@2x.png diff --git a/images/pets-spoon@2x.webp b/assets/images/pets-list/pets-spoon@2x.webp similarity index 100% rename from images/pets-spoon@2x.webp rename to assets/images/pets-list/pets-spoon@2x.webp diff --git a/images/pets-spoon@3x.avif b/assets/images/pets-list/pets-spoon@3x.avif similarity index 100% rename from images/pets-spoon@3x.avif rename to assets/images/pets-list/pets-spoon@3x.avif diff --git a/images/pets-spoon@3x.png b/assets/images/pets-list/pets-spoon@3x.png similarity index 100% rename from images/pets-spoon@3x.png rename to assets/images/pets-list/pets-spoon@3x.png diff --git a/images/pets-spoon@3x.webp b/assets/images/pets-list/pets-spoon@3x.webp similarity index 100% rename from images/pets-spoon@3x.webp rename to assets/images/pets-list/pets-spoon@3x.webp diff --git a/images/pets-tanos@1x.avif b/assets/images/pets-list/pets-tanos@1x.avif similarity index 100% rename from images/pets-tanos@1x.avif rename to assets/images/pets-list/pets-tanos@1x.avif diff --git a/images/pets-tanos@1x.png b/assets/images/pets-list/pets-tanos@1x.png similarity index 100% rename from images/pets-tanos@1x.png rename to assets/images/pets-list/pets-tanos@1x.png diff --git a/images/pets-tanos@1x.webp b/assets/images/pets-list/pets-tanos@1x.webp similarity index 100% rename from images/pets-tanos@1x.webp rename to assets/images/pets-list/pets-tanos@1x.webp diff --git a/images/pets-tanos@2x.avif b/assets/images/pets-list/pets-tanos@2x.avif similarity index 100% rename from images/pets-tanos@2x.avif rename to assets/images/pets-list/pets-tanos@2x.avif diff --git a/images/pets-tanos@2x.png b/assets/images/pets-list/pets-tanos@2x.png similarity index 100% rename from images/pets-tanos@2x.png rename to assets/images/pets-list/pets-tanos@2x.png diff --git a/images/pets-tanos@2x.webp b/assets/images/pets-list/pets-tanos@2x.webp similarity index 100% rename from images/pets-tanos@2x.webp rename to assets/images/pets-list/pets-tanos@2x.webp diff --git a/images/pets-tanos@3x.avif b/assets/images/pets-list/pets-tanos@3x.avif similarity index 100% rename from images/pets-tanos@3x.avif rename to assets/images/pets-list/pets-tanos@3x.avif diff --git a/images/pets-tanos@3x.png b/assets/images/pets-list/pets-tanos@3x.png similarity index 100% rename from images/pets-tanos@3x.png rename to assets/images/pets-list/pets-tanos@3x.png diff --git a/images/pets-tanos@3x.webp b/assets/images/pets-list/pets-tanos@3x.webp similarity index 100% rename from images/pets-tanos@3x.webp rename to assets/images/pets-list/pets-tanos@3x.webp diff --git a/images/pets-timmy@1x.avif b/assets/images/pets-list/pets-timmy@1x.avif similarity index 100% rename from images/pets-timmy@1x.avif rename to assets/images/pets-list/pets-timmy@1x.avif diff --git a/images/pets-timmy@1x.png b/assets/images/pets-list/pets-timmy@1x.png similarity index 100% rename from images/pets-timmy@1x.png rename to assets/images/pets-list/pets-timmy@1x.png diff --git a/images/pets-timmy@1x.webp b/assets/images/pets-list/pets-timmy@1x.webp similarity index 100% rename from images/pets-timmy@1x.webp rename to assets/images/pets-list/pets-timmy@1x.webp diff --git a/images/pets-timmy@2x.avif b/assets/images/pets-list/pets-timmy@2x.avif similarity index 100% rename from images/pets-timmy@2x.avif rename to assets/images/pets-list/pets-timmy@2x.avif diff --git a/images/pets-timmy@2x.png b/assets/images/pets-list/pets-timmy@2x.png similarity index 100% rename from images/pets-timmy@2x.png rename to assets/images/pets-list/pets-timmy@2x.png diff --git a/images/pets-timmy@2x.webp b/assets/images/pets-list/pets-timmy@2x.webp similarity index 100% rename from images/pets-timmy@2x.webp rename to assets/images/pets-list/pets-timmy@2x.webp diff --git a/images/pets-timmy@3x.avif b/assets/images/pets-list/pets-timmy@3x.avif similarity index 100% rename from images/pets-timmy@3x.avif rename to assets/images/pets-list/pets-timmy@3x.avif diff --git a/images/pets-timmy@3x.png b/assets/images/pets-list/pets-timmy@3x.png similarity index 100% rename from images/pets-timmy@3x.png rename to assets/images/pets-list/pets-timmy@3x.png diff --git a/images/pets-timmy@3x.webp b/assets/images/pets-list/pets-timmy@3x.webp similarity index 100% rename from images/pets-timmy@3x.webp rename to assets/images/pets-list/pets-timmy@3x.webp diff --git a/images/pets-tor@1x.avif b/assets/images/pets-list/pets-tor@1x.avif similarity index 100% rename from images/pets-tor@1x.avif rename to assets/images/pets-list/pets-tor@1x.avif diff --git a/images/pets-tor@1x.png b/assets/images/pets-list/pets-tor@1x.png similarity index 100% rename from images/pets-tor@1x.png rename to assets/images/pets-list/pets-tor@1x.png diff --git a/images/pets-tor@1x.webp b/assets/images/pets-list/pets-tor@1x.webp similarity index 100% rename from images/pets-tor@1x.webp rename to assets/images/pets-list/pets-tor@1x.webp diff --git a/images/pets-tor@2x.avif b/assets/images/pets-list/pets-tor@2x.avif similarity index 100% rename from images/pets-tor@2x.avif rename to assets/images/pets-list/pets-tor@2x.avif diff --git a/images/pets-tor@2x.png b/assets/images/pets-list/pets-tor@2x.png similarity index 100% rename from images/pets-tor@2x.png rename to assets/images/pets-list/pets-tor@2x.png diff --git a/images/pets-tor@2x.webp b/assets/images/pets-list/pets-tor@2x.webp similarity index 100% rename from images/pets-tor@2x.webp rename to assets/images/pets-list/pets-tor@2x.webp diff --git a/images/pets-tor@3x.avif b/assets/images/pets-list/pets-tor@3x.avif similarity index 100% rename from images/pets-tor@3x.avif rename to assets/images/pets-list/pets-tor@3x.avif diff --git a/images/pets-tor@3x.png b/assets/images/pets-list/pets-tor@3x.png similarity index 100% rename from images/pets-tor@3x.png rename to assets/images/pets-list/pets-tor@3x.png diff --git a/images/pets-tor@3x.webp b/assets/images/pets-list/pets-tor@3x.webp similarity index 100% rename from images/pets-tor@3x.webp rename to assets/images/pets-list/pets-tor@3x.webp diff --git a/images/pets-willson@1x.avif b/assets/images/pets-list/pets-willson@1x.avif similarity index 100% rename from images/pets-willson@1x.avif rename to assets/images/pets-list/pets-willson@1x.avif diff --git a/images/pets-willson@1x.png b/assets/images/pets-list/pets-willson@1x.png similarity index 100% rename from images/pets-willson@1x.png rename to assets/images/pets-list/pets-willson@1x.png diff --git a/images/pets-willson@1x.webp b/assets/images/pets-list/pets-willson@1x.webp similarity index 100% rename from images/pets-willson@1x.webp rename to assets/images/pets-list/pets-willson@1x.webp diff --git a/images/pets-willson@2x.avif b/assets/images/pets-list/pets-willson@2x.avif similarity index 100% rename from images/pets-willson@2x.avif rename to assets/images/pets-list/pets-willson@2x.avif diff --git a/images/pets-willson@2x.png b/assets/images/pets-list/pets-willson@2x.png similarity index 100% rename from images/pets-willson@2x.png rename to assets/images/pets-list/pets-willson@2x.png diff --git a/images/pets-willson@2x.webp b/assets/images/pets-list/pets-willson@2x.webp similarity index 100% rename from images/pets-willson@2x.webp rename to assets/images/pets-list/pets-willson@2x.webp diff --git a/images/pets-willson@3x.avif b/assets/images/pets-list/pets-willson@3x.avif similarity index 100% rename from images/pets-willson@3x.avif rename to assets/images/pets-list/pets-willson@3x.avif diff --git a/images/pets-willson@3x.png b/assets/images/pets-list/pets-willson@3x.png similarity index 100% rename from images/pets-willson@3x.png rename to assets/images/pets-list/pets-willson@3x.png diff --git a/images/pets-willson@3x.webp b/assets/images/pets-list/pets-willson@3x.webp similarity index 100% rename from images/pets-willson@3x.webp rename to assets/images/pets-list/pets-willson@3x.webp diff --git a/images/pets-wonder@1x.avif b/assets/images/pets-list/pets-wonder@1x.avif similarity index 100% rename from images/pets-wonder@1x.avif rename to assets/images/pets-list/pets-wonder@1x.avif diff --git a/images/pets-wonder@1x.png b/assets/images/pets-list/pets-wonder@1x.png similarity index 100% rename from images/pets-wonder@1x.png rename to assets/images/pets-list/pets-wonder@1x.png diff --git a/images/pets-wonder@1x.webp b/assets/images/pets-list/pets-wonder@1x.webp similarity index 100% rename from images/pets-wonder@1x.webp rename to assets/images/pets-list/pets-wonder@1x.webp diff --git a/images/pets-wonder@2x.avif b/assets/images/pets-list/pets-wonder@2x.avif similarity index 100% rename from images/pets-wonder@2x.avif rename to assets/images/pets-list/pets-wonder@2x.avif diff --git a/images/pets-wonder@2x.png b/assets/images/pets-list/pets-wonder@2x.png similarity index 100% rename from images/pets-wonder@2x.png rename to assets/images/pets-list/pets-wonder@2x.png diff --git a/images/pets-wonder@2x.webp b/assets/images/pets-list/pets-wonder@2x.webp similarity index 100% rename from images/pets-wonder@2x.webp rename to assets/images/pets-list/pets-wonder@2x.webp diff --git a/images/pets-wonder@3x.avif b/assets/images/pets-list/pets-wonder@3x.avif similarity index 100% rename from images/pets-wonder@3x.avif rename to assets/images/pets-list/pets-wonder@3x.avif diff --git a/images/pets-wonder@3x.png b/assets/images/pets-list/pets-wonder@3x.png similarity index 100% rename from images/pets-wonder@3x.png rename to assets/images/pets-list/pets-wonder@3x.png diff --git a/images/pets-wonder@3x.webp b/assets/images/pets-list/pets-wonder@3x.webp similarity index 100% rename from images/pets-wonder@3x.webp rename to assets/images/pets-list/pets-wonder@3x.webp diff --git a/images/pets-woody@1x.avif b/assets/images/pets-list/pets-woody@1x.avif similarity index 100% rename from images/pets-woody@1x.avif rename to assets/images/pets-list/pets-woody@1x.avif diff --git a/images/pets-woody@1x.png b/assets/images/pets-list/pets-woody@1x.png similarity index 100% rename from images/pets-woody@1x.png rename to assets/images/pets-list/pets-woody@1x.png diff --git a/images/pets-woody@1x.webp b/assets/images/pets-list/pets-woody@1x.webp similarity index 100% rename from images/pets-woody@1x.webp rename to assets/images/pets-list/pets-woody@1x.webp diff --git a/assets/images/pets-list/pets-woody@2x.avif b/assets/images/pets-list/pets-woody@2x.avif new file mode 100644 index 0000000..677e774 Binary files /dev/null and b/assets/images/pets-list/pets-woody@2x.avif differ diff --git a/images/pets-woody@2x.png b/assets/images/pets-list/pets-woody@2x.png similarity index 100% rename from images/pets-woody@2x.png rename to assets/images/pets-list/pets-woody@2x.png diff --git a/images/pets-woody@2x.webp b/assets/images/pets-list/pets-woody@2x.webp similarity index 100% rename from images/pets-woody@2x.webp rename to assets/images/pets-list/pets-woody@2x.webp diff --git a/images/pets-woody@3x.avif b/assets/images/pets-list/pets-woody@3x.avif similarity index 100% rename from images/pets-woody@3x.avif rename to assets/images/pets-list/pets-woody@3x.avif diff --git a/images/pets-woody@3x.png b/assets/images/pets-list/pets-woody@3x.png similarity index 100% rename from images/pets-woody@3x.png rename to assets/images/pets-list/pets-woody@3x.png diff --git a/images/pets-woody@3x.webp b/assets/images/pets-list/pets-woody@3x.webp similarity index 100% rename from images/pets-woody@3x.webp rename to assets/images/pets-list/pets-woody@3x.webp diff --git a/images/pets-yammy@1x.avif b/assets/images/pets-list/pets-yammy@1x.avif similarity index 100% rename from images/pets-yammy@1x.avif rename to assets/images/pets-list/pets-yammy@1x.avif diff --git a/images/pets-yammy@1x.png b/assets/images/pets-list/pets-yammy@1x.png similarity index 100% rename from images/pets-yammy@1x.png rename to assets/images/pets-list/pets-yammy@1x.png diff --git a/images/pets-yammy@1x.webp b/assets/images/pets-list/pets-yammy@1x.webp similarity index 100% rename from images/pets-yammy@1x.webp rename to assets/images/pets-list/pets-yammy@1x.webp diff --git a/images/pets-yammy@2x.avif b/assets/images/pets-list/pets-yammy@2x.avif similarity index 100% rename from images/pets-yammy@2x.avif rename to assets/images/pets-list/pets-yammy@2x.avif diff --git a/images/pets-yammy@2x.png b/assets/images/pets-list/pets-yammy@2x.png similarity index 100% rename from images/pets-yammy@2x.png rename to assets/images/pets-list/pets-yammy@2x.png diff --git a/images/pets-yammy@2x.webp b/assets/images/pets-list/pets-yammy@2x.webp similarity index 100% rename from images/pets-yammy@2x.webp rename to assets/images/pets-list/pets-yammy@2x.webp diff --git a/images/pets-yammy@3x.avif b/assets/images/pets-list/pets-yammy@3x.avif similarity index 100% rename from images/pets-yammy@3x.avif rename to assets/images/pets-list/pets-yammy@3x.avif diff --git a/images/pets-yammy@3x.png b/assets/images/pets-list/pets-yammy@3x.png similarity index 100% rename from images/pets-yammy@3x.png rename to assets/images/pets-list/pets-yammy@3x.png diff --git a/images/pets-yammy@3x.webp b/assets/images/pets-list/pets-yammy@3x.webp similarity index 100% rename from images/pets-yammy@3x.webp rename to assets/images/pets-list/pets-yammy@3x.webp diff --git a/images/about-pets@2x.webp b/assets/images/pictures/13e90a61bf5b9d93d8ae.webp similarity index 100% rename from images/about-pets@2x.webp rename to assets/images/pictures/13e90a61bf5b9d93d8ae.webp diff --git a/images/about-pets@3x.avif b/assets/images/pictures/1b1cb0a2de283ddd05bd.avif similarity index 100% rename from images/about-pets@3x.avif rename to assets/images/pictures/1b1cb0a2de283ddd05bd.avif diff --git a/images/footer-puppy@3x.webp b/assets/images/pictures/1fc4b60a9014cd9c6a8b.webp similarity index 100% rename from images/footer-puppy@3x.webp rename to assets/images/pictures/1fc4b60a9014cd9c6a8b.webp diff --git a/images/start-screen-puppy@1x.webp b/assets/images/pictures/2b9d68b128a087e98fa0.webp similarity index 100% rename from images/start-screen-puppy@1x.webp rename to assets/images/pictures/2b9d68b128a087e98fa0.webp diff --git a/images/start-screen-puppy@3x.avif b/assets/images/pictures/38309bf3b346a7dbedea.avif similarity index 100% rename from images/start-screen-puppy@3x.avif rename to assets/images/pictures/38309bf3b346a7dbedea.avif diff --git a/images/footer-puppy@3x.avif b/assets/images/pictures/385ad89f7cf5d8c8b1a2.avif similarity index 100% rename from images/footer-puppy@3x.avif rename to assets/images/pictures/385ad89f7cf5d8c8b1a2.avif diff --git a/images/footer-puppy@2x.png b/assets/images/pictures/3e4d2c4427b1c6ace31a.png similarity index 100% rename from images/footer-puppy@2x.png rename to assets/images/pictures/3e4d2c4427b1c6ace31a.png diff --git a/images/about-pets@3x.png b/assets/images/pictures/3f024617d6a8bfab6c76.png similarity index 100% rename from images/about-pets@3x.png rename to assets/images/pictures/3f024617d6a8bfab6c76.png diff --git a/images/about-pets@3x.webp b/assets/images/pictures/4268520c9cc3ed4b3d35.webp similarity index 100% rename from images/about-pets@3x.webp rename to assets/images/pictures/4268520c9cc3ed4b3d35.webp diff --git a/images/start-screen-puppy@2x.webp b/assets/images/pictures/4416dea9b952f02c52fe.webp similarity index 100% rename from images/start-screen-puppy@2x.webp rename to assets/images/pictures/4416dea9b952f02c52fe.webp diff --git a/images/footer-puppy@1x.png b/assets/images/pictures/4462efaa12661e327e2a.png similarity index 100% rename from images/footer-puppy@1x.png rename to assets/images/pictures/4462efaa12661e327e2a.png diff --git a/images/footer-puppy@1x.webp b/assets/images/pictures/45091e7b4c0bdd681132.webp similarity index 100% rename from images/footer-puppy@1x.webp rename to assets/images/pictures/45091e7b4c0bdd681132.webp diff --git a/images/footer-puppy@2x.avif b/assets/images/pictures/501ef6324284e53ad9f4.avif similarity index 100% rename from images/footer-puppy@2x.avif rename to assets/images/pictures/501ef6324284e53ad9f4.avif diff --git a/images/start-screen-puppy@1x.png b/assets/images/pictures/612dddff9a87e103a0f0.png similarity index 100% rename from images/start-screen-puppy@1x.png rename to assets/images/pictures/612dddff9a87e103a0f0.png diff --git a/images/donation-dog@2x.png b/assets/images/pictures/63f2f6932772001b867b.png similarity index 100% rename from images/donation-dog@2x.png rename to assets/images/pictures/63f2f6932772001b867b.png diff --git a/images/about-pets@2x.avif b/assets/images/pictures/67bfd532a265393638bc.avif similarity index 100% rename from images/about-pets@2x.avif rename to assets/images/pictures/67bfd532a265393638bc.avif diff --git a/images/noise_transparent.png b/assets/images/pictures/6a93a09d1defdda8c252.png similarity index 100% rename from images/noise_transparent.png rename to assets/images/pictures/6a93a09d1defdda8c252.png diff --git a/images/donation-dog@1x.webp b/assets/images/pictures/6fb0fdba6fa3c7384872.webp similarity index 100% rename from images/donation-dog@1x.webp rename to assets/images/pictures/6fb0fdba6fa3c7384872.webp diff --git a/images/donation-dog@2x.avif b/assets/images/pictures/745f45027ad310021187.avif similarity index 100% rename from images/donation-dog@2x.avif rename to assets/images/pictures/745f45027ad310021187.avif diff --git a/images/footer-puppy@3x.png b/assets/images/pictures/7a33cc7c91454ee1ae90.png similarity index 100% rename from images/footer-puppy@3x.png rename to assets/images/pictures/7a33cc7c91454ee1ae90.png diff --git a/images/start-screen-puppy@2x.png b/assets/images/pictures/7daffcf83e2589354ee6.png similarity index 100% rename from images/start-screen-puppy@2x.png rename to assets/images/pictures/7daffcf83e2589354ee6.png diff --git a/images/footer-puppy@2x.webp b/assets/images/pictures/81191d52de000fb3513b.webp similarity index 100% rename from images/footer-puppy@2x.webp rename to assets/images/pictures/81191d52de000fb3513b.webp diff --git a/images/donation-dog@1x.avif b/assets/images/pictures/8198db9ce94c68661714.avif similarity index 100% rename from images/donation-dog@1x.avif rename to assets/images/pictures/8198db9ce94c68661714.avif diff --git a/images/footer-puppy@1x.avif b/assets/images/pictures/8ac6a388d2acfa0dad14.avif similarity index 100% rename from images/footer-puppy@1x.avif rename to assets/images/pictures/8ac6a388d2acfa0dad14.avif diff --git a/images/donation-dog@1x.png b/assets/images/pictures/9263654f1a06fe23f6fa.png similarity index 100% rename from images/donation-dog@1x.png rename to assets/images/pictures/9263654f1a06fe23f6fa.png diff --git a/images/start-screen-puppy@3x.png b/assets/images/pictures/97c0aa7e1c00084f0e20.png similarity index 100% rename from images/start-screen-puppy@3x.png rename to assets/images/pictures/97c0aa7e1c00084f0e20.png diff --git a/images/donation-dog@3x.webp b/assets/images/pictures/b3a24a14365c55f913af.webp similarity index 100% rename from images/donation-dog@3x.webp rename to assets/images/pictures/b3a24a14365c55f913af.webp diff --git a/images/donation-dog@2x.webp b/assets/images/pictures/ba6e80a02faa415af9e6.webp similarity index 100% rename from images/donation-dog@2x.webp rename to assets/images/pictures/ba6e80a02faa415af9e6.webp diff --git a/images/donation-dog@3x.avif b/assets/images/pictures/bf8f7abb349574475327.avif similarity index 100% rename from images/donation-dog@3x.avif rename to assets/images/pictures/bf8f7abb349574475327.avif diff --git a/images/start-screen-puppy@1x.avif b/assets/images/pictures/c84417e80cf1f79a03b9.avif similarity index 100% rename from images/start-screen-puppy@1x.avif rename to assets/images/pictures/c84417e80cf1f79a03b9.avif diff --git a/images/start-screen-puppy@3x.webp b/assets/images/pictures/d08aaed975542b7d90f6.webp similarity index 100% rename from images/start-screen-puppy@3x.webp rename to assets/images/pictures/d08aaed975542b7d90f6.webp diff --git a/images/start-screen-puppy@2x.avif b/assets/images/pictures/eacd13c8a84cf9047112.avif similarity index 100% rename from images/start-screen-puppy@2x.avif rename to assets/images/pictures/eacd13c8a84cf9047112.avif diff --git a/images/about-pets@1x.png b/assets/images/pictures/ebf00c730050b2b2d276.png similarity index 100% rename from images/about-pets@1x.png rename to assets/images/pictures/ebf00c730050b2b2d276.png diff --git a/images/donation-dog@3x.png b/assets/images/pictures/ed32a16226e0578fee47.png similarity index 100% rename from images/donation-dog@3x.png rename to assets/images/pictures/ed32a16226e0578fee47.png diff --git a/images/about-pets@2x.png b/assets/images/pictures/ed9f69d24bac0b338699.png similarity index 100% rename from images/about-pets@2x.png rename to assets/images/pictures/ed9f69d24bac0b338699.png diff --git a/images/about-pets@1x.webp b/assets/images/pictures/f2120259d829cfa3d2e8.webp similarity index 100% rename from images/about-pets@1x.webp rename to assets/images/pictures/f2120259d829cfa3d2e8.webp diff --git a/assets/images/pictures/fc494e079502323c49c6.avif b/assets/images/pictures/fc494e079502323c49c6.avif new file mode 100644 index 0000000..e59fd38 Binary files /dev/null and b/assets/images/pictures/fc494e079502323c49c6.avif differ diff --git a/images/Blacky.avif b/assets/images/popup/Blacky.avif similarity index 100% rename from images/Blacky.avif rename to assets/images/popup/Blacky.avif diff --git a/images/Blacky.png b/assets/images/popup/Blacky.png similarity index 100% rename from images/Blacky.png rename to assets/images/popup/Blacky.png diff --git a/images/Blacky.webp b/assets/images/popup/Blacky.webp similarity index 100% rename from images/Blacky.webp rename to assets/images/popup/Blacky.webp diff --git a/images/Bony.avif b/assets/images/popup/Bony.avif similarity index 100% rename from images/Bony.avif rename to assets/images/popup/Bony.avif diff --git a/images/Bony.png b/assets/images/popup/Bony.png similarity index 100% rename from images/Bony.png rename to assets/images/popup/Bony.png diff --git a/images/Bony.webp b/assets/images/popup/Bony.webp similarity index 100% rename from images/Bony.webp rename to assets/images/popup/Bony.webp diff --git a/images/Butty.avif b/assets/images/popup/Butty.avif similarity index 100% rename from images/Butty.avif rename to assets/images/popup/Butty.avif diff --git a/images/Butty.png b/assets/images/popup/Butty.png similarity index 100% rename from images/Butty.png rename to assets/images/popup/Butty.png diff --git a/images/Butty.webp b/assets/images/popup/Butty.webp similarity index 100% rename from images/Butty.webp rename to assets/images/popup/Butty.webp diff --git a/images/Charly.avif b/assets/images/popup/Charly.avif similarity index 100% rename from images/Charly.avif rename to assets/images/popup/Charly.avif diff --git a/images/Charly.png b/assets/images/popup/Charly.png similarity index 100% rename from images/Charly.png rename to assets/images/popup/Charly.png diff --git a/images/Charly.webp b/assets/images/popup/Charly.webp similarity index 100% rename from images/Charly.webp rename to assets/images/popup/Charly.webp diff --git a/images/Cola.avif b/assets/images/popup/Cola.avif similarity index 100% rename from images/Cola.avif rename to assets/images/popup/Cola.avif diff --git a/images/Cola.png b/assets/images/popup/Cola.png similarity index 100% rename from images/Cola.png rename to assets/images/popup/Cola.png diff --git a/images/Cola.webp b/assets/images/popup/Cola.webp similarity index 100% rename from images/Cola.webp rename to assets/images/popup/Cola.webp diff --git a/images/Donatan.avif b/assets/images/popup/Donatan.avif similarity index 100% rename from images/Donatan.avif rename to assets/images/popup/Donatan.avif diff --git a/images/Donatan.png b/assets/images/popup/Donatan.png similarity index 100% rename from images/Donatan.png rename to assets/images/popup/Donatan.png diff --git a/images/Donatan.webp b/assets/images/popup/Donatan.webp similarity index 100% rename from images/Donatan.webp rename to assets/images/popup/Donatan.webp diff --git a/images/Doran.avif b/assets/images/popup/Doran.avif similarity index 100% rename from images/Doran.avif rename to assets/images/popup/Doran.avif diff --git a/images/Doran.png b/assets/images/popup/Doran.png similarity index 100% rename from images/Doran.png rename to assets/images/popup/Doran.png diff --git a/images/Doran.webp b/assets/images/popup/Doran.webp similarity index 100% rename from images/Doran.webp rename to assets/images/popup/Doran.webp diff --git a/images/Elton.avif b/assets/images/popup/Elton.avif similarity index 100% rename from images/Elton.avif rename to assets/images/popup/Elton.avif diff --git a/images/Elton.png b/assets/images/popup/Elton.png similarity index 100% rename from images/Elton.png rename to assets/images/popup/Elton.png diff --git a/images/Elton.webp b/assets/images/popup/Elton.webp similarity index 100% rename from images/Elton.webp rename to assets/images/popup/Elton.webp diff --git a/images/Ember.avif b/assets/images/popup/Ember.avif similarity index 100% rename from images/Ember.avif rename to assets/images/popup/Ember.avif diff --git a/images/Ember.png b/assets/images/popup/Ember.png similarity index 100% rename from images/Ember.png rename to assets/images/popup/Ember.png diff --git a/images/Ember.webp b/assets/images/popup/Ember.webp similarity index 100% rename from images/Ember.webp rename to assets/images/popup/Ember.webp diff --git a/images/Face.avif b/assets/images/popup/Face.avif similarity index 100% rename from images/Face.avif rename to assets/images/popup/Face.avif diff --git a/images/Face.png b/assets/images/popup/Face.png similarity index 100% rename from images/Face.png rename to assets/images/popup/Face.png diff --git a/images/Face.webp b/assets/images/popup/Face.webp similarity index 100% rename from images/Face.webp rename to assets/images/popup/Face.webp diff --git a/images/Fold.avif b/assets/images/popup/Fold.avif similarity index 100% rename from images/Fold.avif rename to assets/images/popup/Fold.avif diff --git a/images/Fold.png b/assets/images/popup/Fold.png similarity index 100% rename from images/Fold.png rename to assets/images/popup/Fold.png diff --git a/images/Fold.webp b/assets/images/popup/Fold.webp similarity index 100% rename from images/Fold.webp rename to assets/images/popup/Fold.webp diff --git a/images/Freddie.avif b/assets/images/popup/Freddie.avif similarity index 100% rename from images/Freddie.avif rename to assets/images/popup/Freddie.avif diff --git a/images/Freddie.png b/assets/images/popup/Freddie.png similarity index 100% rename from images/Freddie.png rename to assets/images/popup/Freddie.png diff --git a/images/Freddie.webp b/assets/images/popup/Freddie.webp similarity index 100% rename from images/Freddie.webp rename to assets/images/popup/Freddie.webp diff --git a/images/Hunter.avif b/assets/images/popup/Hunter.avif similarity index 100% rename from images/Hunter.avif rename to assets/images/popup/Hunter.avif diff --git a/images/Hunter.png b/assets/images/popup/Hunter.png similarity index 100% rename from images/Hunter.png rename to assets/images/popup/Hunter.png diff --git a/images/Hunter.webp b/assets/images/popup/Hunter.webp similarity index 100% rename from images/Hunter.webp rename to assets/images/popup/Hunter.webp diff --git a/images/Huskar.avif b/assets/images/popup/Huskar.avif similarity index 100% rename from images/Huskar.avif rename to assets/images/popup/Huskar.avif diff --git a/images/Huskar.png b/assets/images/popup/Huskar.png similarity index 100% rename from images/Huskar.png rename to assets/images/popup/Huskar.png diff --git a/images/Huskar.webp b/assets/images/popup/Huskar.webp similarity index 100% rename from images/Huskar.webp rename to assets/images/popup/Huskar.webp diff --git a/images/Iron.avif b/assets/images/popup/Iron.avif similarity index 100% rename from images/Iron.avif rename to assets/images/popup/Iron.avif diff --git a/images/Iron.png b/assets/images/popup/Iron.png similarity index 100% rename from images/Iron.png rename to assets/images/popup/Iron.png diff --git a/images/Iron.webp b/assets/images/popup/Iron.webp similarity index 100% rename from images/Iron.webp rename to assets/images/popup/Iron.webp diff --git a/images/Jennifer.avif b/assets/images/popup/Jennifer.avif similarity index 100% rename from images/Jennifer.avif rename to assets/images/popup/Jennifer.avif diff --git a/images/Jennifer.png b/assets/images/popup/Jennifer.png similarity index 100% rename from images/Jennifer.png rename to assets/images/popup/Jennifer.png diff --git a/images/Jennifer.webp b/assets/images/popup/Jennifer.webp similarity index 100% rename from images/Jennifer.webp rename to assets/images/popup/Jennifer.webp diff --git a/images/Jessy.avif b/assets/images/popup/Jessy.avif similarity index 100% rename from images/Jessy.avif rename to assets/images/popup/Jessy.avif diff --git a/images/Jessy.png b/assets/images/popup/Jessy.png similarity index 100% rename from images/Jessy.png rename to assets/images/popup/Jessy.png diff --git a/images/Jessy.webp b/assets/images/popup/Jessy.webp similarity index 100% rename from images/Jessy.webp rename to assets/images/popup/Jessy.webp diff --git a/images/Jhon.avif b/assets/images/popup/Jhon.avif similarity index 100% rename from images/Jhon.avif rename to assets/images/popup/Jhon.avif diff --git a/images/Jhon.png b/assets/images/popup/Jhon.png similarity index 100% rename from images/Jhon.png rename to assets/images/popup/Jhon.png diff --git a/images/Jhon.webp b/assets/images/popup/Jhon.webp similarity index 100% rename from images/Jhon.webp rename to assets/images/popup/Jhon.webp diff --git a/images/July.avif b/assets/images/popup/July.avif similarity index 100% rename from images/July.avif rename to assets/images/popup/July.avif diff --git a/images/July.png b/assets/images/popup/July.png similarity index 100% rename from images/July.png rename to assets/images/popup/July.png diff --git a/images/July.webp b/assets/images/popup/July.webp similarity index 100% rename from images/July.webp rename to assets/images/popup/July.webp diff --git a/images/Katrine.avif b/assets/images/popup/Katrine.avif similarity index 100% rename from images/Katrine.avif rename to assets/images/popup/Katrine.avif diff --git a/images/Katrine.png b/assets/images/popup/Katrine.png similarity index 100% rename from images/Katrine.png rename to assets/images/popup/Katrine.png diff --git a/images/Katrine.webp b/assets/images/popup/Katrine.webp similarity index 100% rename from images/Katrine.webp rename to assets/images/popup/Katrine.webp diff --git a/images/Koddy.avif b/assets/images/popup/Koddy.avif similarity index 100% rename from images/Koddy.avif rename to assets/images/popup/Koddy.avif diff --git a/images/Koddy.png b/assets/images/popup/Koddy.png similarity index 100% rename from images/Koddy.png rename to assets/images/popup/Koddy.png diff --git a/images/Koddy.webp b/assets/images/popup/Koddy.webp similarity index 100% rename from images/Koddy.webp rename to assets/images/popup/Koddy.webp diff --git a/images/Lolly.avif b/assets/images/popup/Lolly.avif similarity index 100% rename from images/Lolly.avif rename to assets/images/popup/Lolly.avif diff --git a/images/Lolly.png b/assets/images/popup/Lolly.png similarity index 100% rename from images/Lolly.png rename to assets/images/popup/Lolly.png diff --git a/images/Lolly.webp b/assets/images/popup/Lolly.webp similarity index 100% rename from images/Lolly.webp rename to assets/images/popup/Lolly.webp diff --git a/images/Missy.avif b/assets/images/popup/Missy.avif similarity index 100% rename from images/Missy.avif rename to assets/images/popup/Missy.avif diff --git a/images/Missy.png b/assets/images/popup/Missy.png similarity index 100% rename from images/Missy.png rename to assets/images/popup/Missy.png diff --git a/images/Missy.webp b/assets/images/popup/Missy.webp similarity index 100% rename from images/Missy.webp rename to assets/images/popup/Missy.webp diff --git a/images/Molav.avif b/assets/images/popup/Molav.avif similarity index 100% rename from images/Molav.avif rename to assets/images/popup/Molav.avif diff --git a/images/Molav.png b/assets/images/popup/Molav.png similarity index 100% rename from images/Molav.png rename to assets/images/popup/Molav.png diff --git a/images/Molav.webp b/assets/images/popup/Molav.webp similarity index 100% rename from images/Molav.webp rename to assets/images/popup/Molav.webp diff --git a/images/Molly.avif b/assets/images/popup/Molly.avif similarity index 100% rename from images/Molly.avif rename to assets/images/popup/Molly.avif diff --git a/images/Molly.png b/assets/images/popup/Molly.png similarity index 100% rename from images/Molly.png rename to assets/images/popup/Molly.png diff --git a/images/Molly.webp b/assets/images/popup/Molly.webp similarity index 100% rename from images/Molly.webp rename to assets/images/popup/Molly.webp diff --git a/images/Monika.avif b/assets/images/popup/Monika.avif similarity index 100% rename from images/Monika.avif rename to assets/images/popup/Monika.avif diff --git a/images/Monika.png b/assets/images/popup/Monika.png similarity index 100% rename from images/Monika.png rename to assets/images/popup/Monika.png diff --git a/images/Monika.webp b/assets/images/popup/Monika.webp similarity index 100% rename from images/Monika.webp rename to assets/images/popup/Monika.webp diff --git a/images/Monna.avif b/assets/images/popup/Monna.avif similarity index 100% rename from images/Monna.avif rename to assets/images/popup/Monna.avif diff --git a/images/Monna.png b/assets/images/popup/Monna.png similarity index 100% rename from images/Monna.png rename to assets/images/popup/Monna.png diff --git a/images/Monna.webp b/assets/images/popup/Monna.webp similarity index 100% rename from images/Monna.webp rename to assets/images/popup/Monna.webp diff --git a/images/Nomad.avif b/assets/images/popup/Nomad.avif similarity index 100% rename from images/Nomad.avif rename to assets/images/popup/Nomad.avif diff --git a/images/Nomad.png b/assets/images/popup/Nomad.png similarity index 100% rename from images/Nomad.png rename to assets/images/popup/Nomad.png diff --git a/images/Nomad.webp b/assets/images/popup/Nomad.webp similarity index 100% rename from images/Nomad.webp rename to assets/images/popup/Nomad.webp diff --git a/images/Perry.avif b/assets/images/popup/Perry.avif similarity index 100% rename from images/Perry.avif rename to assets/images/popup/Perry.avif diff --git a/images/Perry.png b/assets/images/popup/Perry.png similarity index 100% rename from images/Perry.png rename to assets/images/popup/Perry.png diff --git a/images/Perry.webp b/assets/images/popup/Perry.webp similarity index 100% rename from images/Perry.webp rename to assets/images/popup/Perry.webp diff --git a/images/Poolly.avif b/assets/images/popup/Poolly.avif similarity index 100% rename from images/Poolly.avif rename to assets/images/popup/Poolly.avif diff --git a/images/Poolly.png b/assets/images/popup/Poolly.png similarity index 100% rename from images/Poolly.png rename to assets/images/popup/Poolly.png diff --git a/images/Poolly.webp b/assets/images/popup/Poolly.webp similarity index 100% rename from images/Poolly.webp rename to assets/images/popup/Poolly.webp diff --git a/images/Pory.avif b/assets/images/popup/Pory.avif similarity index 100% rename from images/Pory.avif rename to assets/images/popup/Pory.avif diff --git a/images/Pory.png b/assets/images/popup/Pory.png similarity index 100% rename from images/Pory.png rename to assets/images/popup/Pory.png diff --git a/images/Pory.webp b/assets/images/popup/Pory.webp similarity index 100% rename from images/Pory.webp rename to assets/images/popup/Pory.webp diff --git a/images/Rex.avif b/assets/images/popup/Rex.avif similarity index 100% rename from images/Rex.avif rename to assets/images/popup/Rex.avif diff --git a/images/Rex.png b/assets/images/popup/Rex.png similarity index 100% rename from images/Rex.png rename to assets/images/popup/Rex.png diff --git a/images/Rex.webp b/assets/images/popup/Rex.webp similarity index 100% rename from images/Rex.webp rename to assets/images/popup/Rex.webp diff --git a/images/Rikky.avif b/assets/images/popup/Rikky.avif similarity index 100% rename from images/Rikky.avif rename to assets/images/popup/Rikky.avif diff --git a/images/Rikky.png b/assets/images/popup/Rikky.png similarity index 100% rename from images/Rikky.png rename to assets/images/popup/Rikky.png diff --git a/images/Rikky.webp b/assets/images/popup/Rikky.webp similarity index 100% rename from images/Rikky.webp rename to assets/images/popup/Rikky.webp diff --git a/images/Rolls.avif b/assets/images/popup/Rolls.avif similarity index 100% rename from images/Rolls.avif rename to assets/images/popup/Rolls.avif diff --git a/images/Rolls.png b/assets/images/popup/Rolls.png similarity index 100% rename from images/Rolls.png rename to assets/images/popup/Rolls.png diff --git a/images/Rolls.webp b/assets/images/popup/Rolls.webp similarity index 100% rename from images/Rolls.webp rename to assets/images/popup/Rolls.webp diff --git a/images/Ronny.avif b/assets/images/popup/Ronny.avif similarity index 100% rename from images/Ronny.avif rename to assets/images/popup/Ronny.avif diff --git a/images/Ronny.png b/assets/images/popup/Ronny.png similarity index 100% rename from images/Ronny.png rename to assets/images/popup/Ronny.png diff --git a/images/Ronny.webp b/assets/images/popup/Ronny.webp similarity index 100% rename from images/Ronny.webp rename to assets/images/popup/Ronny.webp diff --git a/images/Salem.avif b/assets/images/popup/Salem.avif similarity index 100% rename from images/Salem.avif rename to assets/images/popup/Salem.avif diff --git a/images/Salem.png b/assets/images/popup/Salem.png similarity index 100% rename from images/Salem.png rename to assets/images/popup/Salem.png diff --git a/images/Salem.webp b/assets/images/popup/Salem.webp similarity index 100% rename from images/Salem.webp rename to assets/images/popup/Salem.webp diff --git a/images/Scarlett.avif b/assets/images/popup/Scarlett.avif similarity index 100% rename from images/Scarlett.avif rename to assets/images/popup/Scarlett.avif diff --git a/images/Scarlett.png b/assets/images/popup/Scarlett.png similarity index 100% rename from images/Scarlett.png rename to assets/images/popup/Scarlett.png diff --git a/images/Scarlett.webp b/assets/images/popup/Scarlett.webp similarity index 100% rename from images/Scarlett.webp rename to assets/images/popup/Scarlett.webp diff --git a/images/Skrull.avif b/assets/images/popup/Skrull.avif similarity index 100% rename from images/Skrull.avif rename to assets/images/popup/Skrull.avif diff --git a/images/Skrull.png b/assets/images/popup/Skrull.png similarity index 100% rename from images/Skrull.png rename to assets/images/popup/Skrull.png diff --git a/images/Skrull.webp b/assets/images/popup/Skrull.webp similarity index 100% rename from images/Skrull.webp rename to assets/images/popup/Skrull.webp diff --git a/images/Smile.avif b/assets/images/popup/Smile.avif similarity index 100% rename from images/Smile.avif rename to assets/images/popup/Smile.avif diff --git a/images/Smile.png b/assets/images/popup/Smile.png similarity index 100% rename from images/Smile.png rename to assets/images/popup/Smile.png diff --git a/images/Smile.webp b/assets/images/popup/Smile.webp similarity index 100% rename from images/Smile.webp rename to assets/images/popup/Smile.webp diff --git a/images/Sophia.avif b/assets/images/popup/Sophia.avif similarity index 100% rename from images/Sophia.avif rename to assets/images/popup/Sophia.avif diff --git a/images/Sophia.png b/assets/images/popup/Sophia.png similarity index 100% rename from images/Sophia.png rename to assets/images/popup/Sophia.png diff --git a/images/Sophia.webp b/assets/images/popup/Sophia.webp similarity index 100% rename from images/Sophia.webp rename to assets/images/popup/Sophia.webp diff --git a/images/Spoon.avif b/assets/images/popup/Spoon.avif similarity index 100% rename from images/Spoon.avif rename to assets/images/popup/Spoon.avif diff --git a/images/Spoon.png b/assets/images/popup/Spoon.png similarity index 100% rename from images/Spoon.png rename to assets/images/popup/Spoon.png diff --git a/images/Spoon.webp b/assets/images/popup/Spoon.webp similarity index 100% rename from images/Spoon.webp rename to assets/images/popup/Spoon.webp diff --git a/images/Tanos.avif b/assets/images/popup/Tanos.avif similarity index 100% rename from images/Tanos.avif rename to assets/images/popup/Tanos.avif diff --git a/images/Tanos.png b/assets/images/popup/Tanos.png similarity index 100% rename from images/Tanos.png rename to assets/images/popup/Tanos.png diff --git a/images/Tanos.webp b/assets/images/popup/Tanos.webp similarity index 100% rename from images/Tanos.webp rename to assets/images/popup/Tanos.webp diff --git a/images/Timmy.avif b/assets/images/popup/Timmy.avif similarity index 100% rename from images/Timmy.avif rename to assets/images/popup/Timmy.avif diff --git a/images/Timmy.png b/assets/images/popup/Timmy.png similarity index 100% rename from images/Timmy.png rename to assets/images/popup/Timmy.png diff --git a/images/Timmy.webp b/assets/images/popup/Timmy.webp similarity index 100% rename from images/Timmy.webp rename to assets/images/popup/Timmy.webp diff --git a/images/Tor.avif b/assets/images/popup/Tor.avif similarity index 100% rename from images/Tor.avif rename to assets/images/popup/Tor.avif diff --git a/images/Tor.png b/assets/images/popup/Tor.png similarity index 100% rename from images/Tor.png rename to assets/images/popup/Tor.png diff --git a/images/Tor.webp b/assets/images/popup/Tor.webp similarity index 100% rename from images/Tor.webp rename to assets/images/popup/Tor.webp diff --git a/images/Willson.avif b/assets/images/popup/Willson.avif similarity index 100% rename from images/Willson.avif rename to assets/images/popup/Willson.avif diff --git a/images/Willson.png b/assets/images/popup/Willson.png similarity index 100% rename from images/Willson.png rename to assets/images/popup/Willson.png diff --git a/images/Willson.webp b/assets/images/popup/Willson.webp similarity index 100% rename from images/Willson.webp rename to assets/images/popup/Willson.webp diff --git a/images/Wonder.avif b/assets/images/popup/Wonder.avif similarity index 100% rename from images/Wonder.avif rename to assets/images/popup/Wonder.avif diff --git a/images/Wonder.png b/assets/images/popup/Wonder.png similarity index 100% rename from images/Wonder.png rename to assets/images/popup/Wonder.png diff --git a/images/Wonder.webp b/assets/images/popup/Wonder.webp similarity index 100% rename from images/Wonder.webp rename to assets/images/popup/Wonder.webp diff --git a/images/Woody.avif b/assets/images/popup/Woody.avif similarity index 100% rename from images/Woody.avif rename to assets/images/popup/Woody.avif diff --git a/images/Woody.png b/assets/images/popup/Woody.png similarity index 100% rename from images/Woody.png rename to assets/images/popup/Woody.png diff --git a/images/Woody.webp b/assets/images/popup/Woody.webp similarity index 100% rename from images/Woody.webp rename to assets/images/popup/Woody.webp diff --git a/images/Yammy.avif b/assets/images/popup/Yammy.avif similarity index 100% rename from images/Yammy.avif rename to assets/images/popup/Yammy.avif diff --git a/images/Yammy.png b/assets/images/popup/Yammy.png similarity index 100% rename from images/Yammy.png rename to assets/images/popup/Yammy.png diff --git a/images/Yammy.webp b/assets/images/popup/Yammy.webp similarity index 100% rename from images/Yammy.webp rename to assets/images/popup/Yammy.webp diff --git a/assets/images/readme-picture.jpg b/assets/images/readme-picture.jpg new file mode 100644 index 0000000..16c9d1b Binary files /dev/null and b/assets/images/readme-picture.jpg differ diff --git a/images/svg/icon-sleeping-area.svg b/assets/images/svg/2f6598186570c72b9088.svg similarity index 100% rename from images/svg/icon-sleeping-area.svg rename to assets/images/svg/2f6598186570c72b9088.svg diff --git a/images/svg/icon-medicines.svg b/assets/images/svg/317629c32a39cc57612e.svg similarity index 100% rename from images/svg/icon-medicines.svg rename to assets/images/svg/317629c32a39cc57612e.svg diff --git a/images/svg/icon-pet-food.svg b/assets/images/svg/6b590a1ef8dc5d818308.svg similarity index 100% rename from images/svg/icon-pet-food.svg rename to assets/images/svg/6b590a1ef8dc5d818308.svg diff --git a/images/svg/credit-card.svg b/assets/images/svg/87b3588ef4c806a90584.svg similarity index 100% rename from images/svg/credit-card.svg rename to assets/images/svg/87b3588ef4c806a90584.svg diff --git a/images/svg/Arrow-left.svg b/assets/images/svg/88b91871cdf4cc69d168.svg similarity index 100% rename from images/svg/Arrow-left.svg rename to assets/images/svg/88b91871cdf4cc69d168.svg diff --git a/images/svg/icon-transportation.svg b/assets/images/svg/92e4c364358779e93da8.svg similarity index 100% rename from images/svg/icon-transportation.svg rename to assets/images/svg/92e4c364358779e93da8.svg diff --git a/images/svg/Arrow-right.svg b/assets/images/svg/ac127615a3c368e96262.svg similarity index 100% rename from images/svg/Arrow-right.svg rename to assets/images/svg/ac127615a3c368e96262.svg diff --git a/assets/images/svg/ad115b3922e9177158a4.svg b/assets/images/svg/ad115b3922e9177158a4.svg new file mode 100644 index 0000000..178877a --- /dev/null +++ b/assets/images/svg/ad115b3922e9177158a4.svg @@ -0,0 +1,7 @@ + + + Created with Pixso. + + + + diff --git a/images/svg/icon-toys.svg b/assets/images/svg/bf0e66942dc20b73a6a7.svg similarity index 100% rename from images/svg/icon-toys.svg rename to assets/images/svg/bf0e66942dc20b73a6a7.svg diff --git a/images/svg/icon-marker.svg b/assets/images/svg/c76a75fd526a2a60788c.svg similarity index 100% rename from images/svg/icon-marker.svg rename to assets/images/svg/c76a75fd526a2a60788c.svg diff --git a/images/svg/icon-shampoos.svg b/assets/images/svg/cb5613663c909d4274ad.svg similarity index 100% rename from images/svg/icon-shampoos.svg rename to assets/images/svg/cb5613663c909d4274ad.svg diff --git a/images/svg/icon-collars-leashes.svg b/assets/images/svg/e17b7fee08d467eabc11.svg similarity index 100% rename from images/svg/icon-collars-leashes.svg rename to assets/images/svg/e17b7fee08d467eabc11.svg diff --git a/images/svg/icon-phone.svg b/assets/images/svg/e57f79f72c5005fea948.svg similarity index 100% rename from images/svg/icon-phone.svg rename to assets/images/svg/e57f79f72c5005fea948.svg diff --git a/images/svg/icon-email.svg b/assets/images/svg/e6687d0b5277d4c4a542.svg similarity index 100% rename from images/svg/icon-email.svg rename to assets/images/svg/e6687d0b5277d4c4a542.svg diff --git a/images/svg/icon-vitamins.svg b/assets/images/svg/ee1b38170b4d1c54d4b9.svg similarity index 100% rename from images/svg/icon-vitamins.svg rename to assets/images/svg/ee1b38170b4d1c54d4b9.svg diff --git a/images/svg/icon-bowls-and-cups.svg b/assets/images/svg/f96fab1f45ac7b09bffa.svg similarity index 100% rename from images/svg/icon-bowls-and-cups.svg rename to assets/images/svg/f96fab1f45ac7b09bffa.svg diff --git a/images/fav-icons/first-page/browserconfig.xml b/browserconfig.xml similarity index 100% rename from images/fav-icons/first-page/browserconfig.xml rename to browserconfig.xml diff --git a/cf64ca5ab2d7504fc6f2.js b/cf64ca5ab2d7504fc6f2.js new file mode 100644 index 0000000..2e5b159 --- /dev/null +++ b/cf64ca5ab2d7504fc6f2.js @@ -0,0 +1 @@ +!function(){"use strict";const e=document.querySelector(".nav__list"),a=document.querySelector(".burger"),n=n=>{a.classList[n]("burger_active"),e.classList[n]("nav__list_active"),document.body.classList[n]("body_fixed")},o=()=>n("remove"),t=e=>{document.querySelector(".popup__button").classList[e]("popup__button_hover")},s=(e,a)=>`\n\t\n`,i=[{name:"Jennifer",type:"Dog",breed:"Labrador",description:"Jennifer is a sweet 2 months old Labrador that is patiently waiting to find a new forever home. This girl really enjoys being able to go outside to run and play, but won't hesitate to play up a storm in the house if she has all of her favorite toys.",age:"2 months",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Sophia",type:"Dog",breed:"Shih tzu",description:"Sophia here and I'm looking for my forever home to live out the best years of my life. I am full of energy. Everyday I'm learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"1 month",inoculations:["parvovirus"],diseases:["none"],parasites:["none"]},{name:"Woody",type:"Dog",breed:"Golden Retriever",description:"Woody is a handsome 3 1/2 year old boy. Woody does know basic commands and is a smart pup. Since he is on the stronger side, he will learn a lot from your training. Woody will be happier when he finds a new family that can spend a lot of time with him.",age:"3 years 6 months",inoculations:["adenovirus","distemper"],diseases:["right back leg mobility reduced"],parasites:["none"]},{name:"Scarlett",type:"Dog",breed:"Jack Russell Terrier",description:"Scarlett is a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.",age:"3 months",inoculations:["parainfluenza"],diseases:["none"],parasites:["none"]},{name:"Katrine",type:"Cat",breed:"British Shorthair",description:"Katrine is a beautiful girl. She is as soft as the finest velvet with a thick lush fur. Will love you until the last breath she takes as long as you are the one. She is picky about her affection. She loves cuddles and to stretch into your hands for a deeper relaxations.",age:"6 months",inoculations:["panleukopenia"],diseases:["none"],parasites:["none"]},{name:"Timmy",type:"Cat",breed:"British Shorthair",description:"Timmy is an adorable grey british shorthair male. He loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. Timmy has a lot to say and wants a person to share his thoughts with.",age:"2 years 3 months",inoculations:["calicivirus","viral rhinotracheitis"],diseases:["kidney stones"],parasites:["none"]},{name:"Freddie",type:"Cat",breed:"British Shorthair",description:"Freddie is a little shy at first, but very sweet when he warms up. He likes playing with shoe strings and bottle caps. He is quick to learn the rhythms of his human’s daily life. Freddie has bounced around a lot in his life, and is looking to find his forever home.",age:"2 months",inoculations:["rabies"],diseases:["none"],parasites:["none"]},{name:"Charly",type:"Dog",breed:"Jack Russell Terrier",description:"This cute boy, Charly, is three years old and he likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. Charly has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"8 years",inoculations:["bordetella bronchiseptica","leptospirosis"],diseases:["deafness","blindness"],parasites:["lice","fleas"]},{name:"Hunter",type:"Dog",breed:"Jack Russell Terrier",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"1 years 5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Skrull",type:"Dog",breed:"Jack Russell Terrier",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"2 years 3 month",inoculations:["calicivirus"],diseases:["none"],parasites:["none"]},{name:"Pory",type:"Cat",breed:"Pooch",description:"I am a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.",age:"1 years 4 month",inoculations:["bordetella "],diseases:["blindness"],parasites:["none"]},{name:"Tanos",type:"Dog",breed:"Chihuahua",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"5 years 4 month",inoculations:["bordetella "],diseases:["blindness"],parasites:["none"]},{name:"Rex",type:"Dog",breed:"German Shepherd",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"1 years 1 month",inoculations:["bordetella","bronchiseptica"],diseases:["blindness"],parasites:["none"]},{name:"Willson",type:"Dog",breed:"Pooch",description:"I am a handsome sweetheart who loves people and melts for chin scratches!",age:"3 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Tor",type:"Dog",breed:"Dalmatian",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"2 years 1 month",inoculations:["none"],diseases:["kidney stones"],parasites:["none"]},{name:"Monna",type:"Cat",breed:"Pooch",description:"I am a handsome sweetheart who loves people and melts for chin scratches!",age:"6 month",inoculations:["none"],diseases:["none"],parasites:["helminth"]},{name:"Donatan",type:"Dog",breed:"Shiba Inu",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"1 years 10 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Koddy",type:"Cat",breed:"Toyger",description:"I am a handsome sweetheart who loves people and melts for chin scratches!",age:"5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Butty",type:"Dog",breed:"French Bulldog",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"8 month",inoculations:["none"],diseases:["kidney stones"],parasites:["none"]},{name:"July",type:"Dog",breed:"Chihuahua",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"5 years 3 month",inoculations:["viral rhinotracheitis"],diseases:["kidney stones"],parasites:["none"]},{name:"Perry",type:"Dog",breed:"French Bulldog",description:"She is the perfect combination of silly and sweet. She is eager to please, loves her human and dog companions, and believes she is a professional MMA wrestler in her spare time.",age:"1 years 5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Missy",type:"Dog",breed:"Labrador",description:"He’s mild mannered and really just wants to spend his time outside or laying next to you being pet. He is extremely low energy but has a lot of.",age:"7 month",inoculations:["none"],diseases:["none"],parasites:["lice","fleas"]},{name:"Lolly",type:"Dog",breed:"Pooch",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"2 years 3 month",inoculations:["calicivirus"],diseases:["deafness"],parasites:["lice","fleas"]},{name:"Iron",type:"Dog",breed:"Parson Russell Terrier",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"1 years 5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Wonder",type:"Dog",breed:"French Bulldog",description:"I am a handsome sweetheart who loves people and melts for chin scratches!",age:"3 years 9 month",inoculations:["none"],diseases:["none"],parasites:["lice","fleas"]},{name:"Molly",type:"Dog",breed:"Spaniel",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"1 years 9 month",inoculations:["none"],diseases:["blindness"],parasites:["fleas"]},{name:"Elton",type:"Dog",breed:"Pooch",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"1 years 9 month",inoculations:["none"],diseases:["blindness"],parasites:["fleas"]},{name:"Cola",type:"Dog",breed:"Brazilian Terrier",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"4 years 4 month",inoculations:["adenovirus"],diseases:["deafness"],parasites:["fleas"]},{name:"Doran",type:"Dog",breed:"German Shepherd",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"2 years 7 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Face",type:"Dog",breed:"Pooch",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"6 years 4 month",inoculations:["none"],diseases:["blindness"],parasites:["none"]},{name:"Fold",type:"Dog",breed:"American Staffordshire Bulldog",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"3 years 2 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Jhon",type:"Dog",breed:"Pooch",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"1 years 2 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Molav",type:"Dog",breed:"French Bulldog",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"1 years 5 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Monika",type:"Dog",breed:"Dachshund",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"3 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Nomad",type:"Dog",breed:"English bulldog",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"1 years 1 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Rikky",type:"Dog",breed:"Pooch",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"5 years 3 month",inoculations:["viral rhinotracheitis"],diseases:["Blindness"],parasites:["none"]},{name:"Rolls",type:"Dog",breed:"Pooch",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"3 years 1 month",inoculations:["viral rhinotracheitis"],diseases:["none"],parasites:["none"]},{name:"Ronny",type:"Dog",breed:"English bulldog",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"4 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Smile",type:"Dog",breed:"Pooch",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"6 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Jessy",type:"Dog",breed:"Tibetan mastiff",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"4 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Poolly",type:"Dog",breed:"Bedlington Terrier",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"9 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Salem",type:"Dog",breed:"Newfoundland",description:"I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.",age:"2 years 11 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Spoon",type:"Dog",breed:"American Cocker Spaniel",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"4 years 4 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Yammy",type:"Dog",breed:"Chinese Crested",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"7 years 1 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Blacky",type:"Dog",breed:"Pooch",description:"I am a friendly and laid back senior who enjoys chatting and being pet!",age:"3 years 8 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Bony",type:"Dog",breed:"Bull Terrier",description:"I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.",age:"2 years 11 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Ember",type:"Dog",breed:"Cavalier King Charles Spaniel",description:"This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.",age:"3 years 8 month",inoculations:["none"],diseases:["none"],parasites:["none"]},{name:"Huskar",type:"Dog",breed:"Husky",description:"I am a friendly and laid back senior who enjoys chatting and being pet!.",age:"1 years 1 month",inoculations:["none"],diseases:["none"],parasites:["none"]}].reduce(((e,a)=>(e[a.name]=a,e)),{}),r=e=>{const a=e.closest("figure").dataset.pet;return(({name:e,type:a,breed:n,description:o,age:t,inoculations:i,diseases:r,parasites:l})=>{const d=`\n\t${s("Age",t)}\n\t${s("Inoculations",i)}\n\t${s("Diseases",r)}\n\t${s("Parasites",l)}\n`;return`\t\n\t${(e=>{const a=`./assets/images/popup/${e}`;return`\n\t\t\n\t\t\n\t\t\n\t\t${e}\n\t\t`})(e)}\n\t${((e,a,n,o,t)=>`\t\t\n`)(e,a,n,o,d)}\n\t`})(i[a])},l=document.querySelector(".popup_shadow"),d=e=>{document.body.classList[e]("body_popup_fixed"),m.classList[e]("popup_active"),l.classList[e]("popup_shadow-on")},m=document.querySelector(".popup"),p=e=>{const a=e.target;a.classList.contains("pets__images")||(m.innerHTML=r(a),d("add"))},h=e=>{e.target.closest(".burger")&&n("toggle"),e.target.closest(".nav__item")&&o()};let g=1;const y=()=>g,c=e=>g=e;let u;const b=()=>u;var f=[{name:"Katrine",alt:"Cat Katrine",imgName:"pets-katrine"},{name:"Jennifer",alt:"Dog Jennifer",imgName:"pets-jennifer"},{name:"Woody",alt:"Dog Woody",imgName:"pets-woody"},{name:"Sophia",alt:"Dog Sophia",imgName:"pets-sophia"},{name:"Timmy",alt:"Cat Timmy",imgName:"pets-timmy"},{name:"Charly",alt:"Dog Charly",imgName:"pets-charly"},{name:"Scarlett",alt:"Dog Scarlett",imgName:"pets-scarlet"},{name:"Freddie",alt:"Cat Freddie",imgName:"pets-freddie"},{name:"Hunter",alt:"Dog Hunter",imgName:"pets-hunter"},{name:"Skrull",alt:"Dog Skrull",imgName:"pets-skrull"},{name:"Pory",alt:"Cat Pory",imgName:"pets-pory"},{name:"Tanos",alt:"Dog Tanos",imgName:"pets-tanos"},{name:"Rex",alt:"Dog Rex",imgName:"pets-rex"},{name:"Willson",alt:"Dog Willson",imgName:"pets-willson"},{name:"Tor",alt:"Dog Tor",imgName:"pets-tor"},{name:"Monna",alt:"Cat Monna",imgName:"pets-monna"},{name:"Donatan",alt:"Dog Donatan",imgName:"pets-donatan"},{name:"Koddy",alt:"Dog Koddy",imgName:"pets-koddy"},{name:"Butty",alt:"Dog Butty",imgName:"pets-butty"},{name:"July",alt:"Dog July",imgName:"pets-july"},{name:"Perry",alt:"Dog Perry",imgName:"pets-perry"},{name:"Missy",alt:"Dog Missy",imgName:"pets-missy"},{name:"Lolly",alt:"Dog Lolly",imgName:"pets-lolly"},{name:"Iron",alt:"Dog Iron",imgName:"pets-iron"},{name:"Wonder",alt:"Dog Wonder",imgName:"pets-wonder"},{name:"Molly",alt:"Dog Molly",imgName:"pets-molly"},{name:"Elton",alt:"Dog Elton",imgName:"pets-elton"},{name:"Cola",alt:"Dog Cola",imgName:"pets-cola"},{name:"Doran",alt:"Dog Doran",imgName:"pets-doran"},{name:"Face",alt:"Dog Face",imgName:"pets-face"},{name:"Fold",alt:"Dog Fold",imgName:"pets-fold"},{name:"Jhon",alt:"Dog Jhon",imgName:"pets-jhon"},{name:"Molav",alt:"Dog Molav",imgName:"pets-molav"},{name:"Monika",alt:"Dog Monika",imgName:"pets-monika"},{name:"Nomad",alt:"Dog Nomad",imgName:"pets-nomad"},{name:"Rikky",alt:"Dog Rikky",imgName:"pets-rikky"},{name:"Rolls",alt:"Dog Rolls",imgName:"pets-rolls"},{name:"Ronny",alt:"Dog Ronny",imgName:"pets-ronny"},{name:"Smile",alt:"Dog Smile",imgName:"pets-smile"},{name:"Jessy",alt:"Dog Jessy",imgName:"pets-jessy"},{name:"Poolly",alt:"Dog Poolly",imgName:"pets-poolly"},{name:"Salem",alt:"Dog Salem",imgName:"pets-salem"},{name:"Spoon",alt:"Dog Spoon",imgName:"pets-spoon"},{name:"Yammy",alt:"Dog Yammy",imgName:"pets-yammy"},{name:"Blacky",alt:"Dog Blacky",imgName:"pets-blacky"},{name:"Bony",alt:"Dog Bony",imgName:"pets-bony"},{name:"Ember",alt:"Dog Ember",imgName:"pets-ember"},{name:"Huskar",alt:"Dog Huskar",imgName:"pets-huskar"}];const k=document.querySelector(".pets__images"),w=(e,a)=>`\n\n`,v=e=>{const{name:a,imgName:n,alt:o}=f[e],t=`./assets/images/pets-list/${n}`,s=`\n\t\n\t\t${w(t,"webp")}\n\t\t${w(t,"avif")}\n\t\t${o}\n\t\n\t
\n\t\t

${a}

\n\t\t\n\t
\n`,i=document.createElement("figure");i.classList.add("pets__images-figure"),i.setAttribute("data-pet",a),i.innerHTML=s,k.append(i)},D=()=>{var e;e=(()=>{const e=window.innerWidth;return e>=1280?8:e>=768?6:e>=0?3:void 0})(),u=e,k.innerHTML="";for(let e=(y()-1)*b();eI.textContent=e,N=(...e)=>{e.forEach((e=>{e.classList.remove("pets__buttons-item_enabled"),e.classList.add("pets__buttons-item_disabled"),e.setAttribute("disabled",!0)}))},S=(...e)=>{e.forEach((e=>{e.removeAttribute("disabled"),e.classList.remove("pets__buttons-item_disabled"),e.classList.add("pets__buttons-item_enabled")}))},H=document.querySelector(".left-start"),$=document.querySelector(".left"),T=document.querySelector(".right"),L=document.querySelector(".right-end");let C;const j=()=>C,x=()=>C=Math.ceil(f.length/b()),E={".header":e=>h(e),".pets__images":e=>p(e),".left-start":()=>{c(1),_(y()),N(H,$),S(T,L),D()},".left":()=>{--g,_(y()),S(T,L),1===y()&&N(H,$),D()},".right":()=>{x(),g++,_(y()),S(H,$),y()===j()&&N(T,L),D()},".right-end":()=>{x(),c(j()),_(y()),N(T,L),S(H,$),D()},".popup__button":()=>d("remove")};D(),window.addEventListener("click",(e=>{((e,a)=>{const n=e.target;for(const o in a)if(n.closest(o)){a[o](e);break}})(e,E),(e=>{!a.classList.contains("burger_active")||e.target.closest(".nav__list")||e.target.closest(".burger")||o()})(e),(e=>{e.target.classList.contains("popup_shadow-on")&&d("remove")})(e)})),m.addEventListener("mouseleave",(()=>t("add"))),m.addEventListener("mouseenter",(()=>t("remove"))),window.addEventListener("resize",(()=>{x();let e=Math.min(y(),j());c(e),_(e),1===e?(N(H,$),S(T,L)):e===j()?(S(H,$),N(T,L)):S(H,$,T,L),D()}))}(); \ No newline at end of file diff --git a/css/our-pets.css b/css/our-pets.css deleted file mode 100644 index bd427c5..0000000 --- a/css/our-pets.css +++ /dev/null @@ -1,2 +0,0 @@ -@charset "UTF-8"; -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;width:100%;height:100%;scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans",sans-serif;letter-spacing:1px;width:100%;height:100%;-webkit-tap-highlight-color:rgba(3,2,2,0);-webkit-tap-highlight-color:transparent;overflow-x:hidden}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}figure{margin:0}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}details summary::-webkit-details-marker{display:none}details>summary{list-style:none}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul{list-style-type:none;padding:0}svg{cursor:pointer;pointer-events:auto}h1,h2,h3,h4,h5,p,ul{margin:0}:root{--brown-background:url(../images/noise_transparent.png),linear-gradient(to right,rgb(79,60,49) 0%,rgb(61,52,46) 27%,rgb(33,31,32) 100%);--white_255:rgb(255,255,255);--white_250:rgb(250,250,250);--white_246:rgb(246,246,246);--orange:rgb(241,205,179);--orange_hover:rgb(253,220,196);--dark__buttons:rgb(41,41,41);--dark__76:rgb(76,76,76);--dark__84:rgb(84,84,84);--dark__205:rgb(205,205,205);--nav__active-color:rgb(241,205,179);--nav__active-border:3px solid var(--nav__active-color);--buttons-borderRadius:100px;--buttons-padding:15px 45px 15px 45px;--content-width:1200px;--padding-contentInline:40px;--Georgia-regular:"Georgia","sans-serif";--transition:all 0.3s ease}.body{font-family:var(--Georgia-regular);font-weight:400}.body_fixed{overflow:hidden}.body_popup_fixed{overflow:hidden}.container{margin:0 auto;padding-inline:var(--padding-contentInline);max-width:var(--content-width);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.title{font-size:clamp(25px,4.5572916667vw,35px);font-weight:400;line-height:130%;letter-spacing:2.1px;text-align:left;color:var(--dark__84)}@media only screen and (max-width:767px){.title{letter-spacing:1.5px;text-align:center}}.subtitle{font-family:"Arial","sans-serif";font-size:15px;line-height:160%;letter-spacing:0px;text-align:left}@media only screen and (max-width:767px){.subtitle{text-align:justify}}.subtitle-animal{color:var(--dark__84);font-size:20px;line-height:23px;letter-spacing:6%;text-align:center}.popUp__text{color:rgb(0,0,0);font-weight:400;line-height:110%;text-align:left;letter-spacing:0.04em}.popup{position:fixed;top:50%;left:50%;display:none;z-index:3;width:900px;background:var(--white_250);border-radius:9px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:0px 2px 35px 14px rgba(13,13,13,0.04);box-shadow:0px 2px 35px 14px rgba(13,13,13,0.04)}@media only screen and (max-width:1279px){.popup{width:630px}}@media only screen and (max-width:767px){.popup{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:10px;width:240px}}.popup_active{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media only screen and (max-width:767px){.popup_active{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}}.popup__picture{margin-right:30px}@media only screen and (max-width:1279px){.popup__picture{margin-right:11px}}@media only screen and (max-width:767px){.popup__picture{display:none}}.popup__picture-image{width:500px;height:500px}@media only screen and (max-width:1279px){.popup__picture-image{width:350px;height:350px}}.popup__content{padding-top:52px;padding-right:23px}@media only screen and (max-width:1279px){.popup__content{padding-top:10px;padding-right:9px}}@media only screen and (max-width:767px){.popup__content{padding-top:0;padding-right:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.popup__content h4,.popup__content h5{text-align:center}}.popup__title{margin-bottom:16px;font-size:35px}@media only screen and (max-width:767px){.popup__title{margin-bottom:17px}}.popup__breed{margin-bottom:40px;font-size:20px}@media only screen and (max-width:1279px){.popup__breed{margin-bottom:20px}}.popup__description{margin-bottom:40px;font-size:15px}@media only screen and (max-width:1279px){.popup__description{margin-bottom:20px;font-size:13px}}@media only screen and (max-width:767px){.popup__description{text-align:justify}}.popup__item{position:relative;padding-left:13px;font-size:15px;font-weight:700;list-style:none;color:rgb(0,0,0)}.popup__item:not(:last-of-type){margin-bottom:11px}@media only screen and (max-width:1279px){.popup__item:not(:last-of-type){margin-bottom:6px}}@media only screen and (max-width:767px){.popup__item{font-size:14px}}.popup__item:before{position:absolute;top:7px;left:0;display:block;content:"";width:4px;height:4px;border-radius:50%;background:var(--nav__active-color)}.popup__span{font-weight:400}.popup__button{position:absolute;top:-52px;right:-42px;z-index:0;padding:0;width:52px;height:52px;border:2px solid var(--nav__active-color);border-radius:26px;color:var(--dark__buttons);outline:none;cursor:pointer;background-color:transparent;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}.popup__button:before{position:absolute;display:block;top:50%;left:-webkit-calc(50% - 6px);left:-moz-calc(50% - 6px);left:calc(50% - 6px);width:12px;height:2px;content:"";background-color:var(--dark__buttons);border-radius:2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.popup__button:after{position:absolute;display:block;top:50%;left:-webkit-calc(50% - 6px);left:-moz-calc(50% - 6px);left:calc(50% - 6px);width:12px;height:2px;content:"";background-color:var(--dark__buttons);border-radius:2px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width:767px){.popup__button{top:-54px;right:-30px}}@media (hover:hover){.popup__button:hover{background:var(--orange_hover)}}@media (hover:none){.popup__button:active{background:var(--orange_hover)}}.popup__button_hover{background:var(--orange_hover)}.popup_shadow{position:fixed;display:none;left:0;right:0;top:0;bottom:0;background:rgba(41,41,41,0.6);z-index:1;min-height:100%}.popup_shadow-on{display:block}.header{background:var(--white_255)}.header .container{padding-block:30px}@media only screen and (max-width:1279px){.header .container{padding-inline:30px}}@media only screen and (max-width:767px){.header .container{padding-inline:20px}}.header__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.logo__title{margin-bottom:10px;font-size:32px;line-height:110%;letter-spacing:2px;color:var(--dark__84)}.logo__subtitle{color:var(--dark__buttons);font-size:13px;line-height:15px;letter-spacing:1.5px}.nav{color:var(--dark__84)}.nav__list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}@media only screen and (max-width:767px){.nav__list{position:fixed;right:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-block:248px;width:320px;height:100vh;background:var(--white_255);z-index:1;-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;-moz-transition:transform 0.5s ease-in-out,-moz-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out,-moz-transform 0.5s ease-in-out}}.nav__list_active{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:0 0 0 9999px rgba(0,0,0,0.6);box-shadow:0 0 0 9999px rgba(0,0,0,0.6)}.nav__item{border-bottom:3px solid transparent;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}@media (hover:hover){.nav__item:hover{color:var(--dark__buttons)}}.nav__item:active{border-bottom:var(--nav__active-border)}.nav__item:nth-of-type(2){border-bottom:var(--nav__active-border)}.nav__item:not(:last-of-type){margin-right:35px}@media only screen and (max-width:767px){.nav__item{font-size:32px}.nav__item:not(:last-of-type){margin-bottom:43px;margin-right:0}}.burger{display:none;position:relative;z-index:2;width:30px;height:22px;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}.burger:before{content:"";position:absolute;display:block;top:-15px;left:-15px;right:-15px;bottom:-15px}@media only screen and (max-width:767px){.burger{display:block}}.burger__line{position:absolute;display:inline-block;width:30px;border-bottom:2px solid #000}.burger__line:first-of-type{top:0px}.burger__line:nth-of-type(2){top:10px}.burger__line:nth-of-type(3){top:20px}.burger_active{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.pets{background:var(--white_246)}.pets .container{padding-block:75px 100px;padding-top:80px}@media only screen and (max-width:1279px){.pets .container{padding:80px 30px 85px}}@media only screen and (max-width:767px){.pets .container{padding:40px 10px 42px}}.pets__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pets__title{margin-bottom:58px;text-align:center}@media only screen and (max-width:1279px){.pets__title{margin-bottom:30px}}@media only screen and (max-width:767px){.pets__title{margin-bottom:42px;max-width:300px}}.pets__images{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;gap:30px 40px;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-bottom:56px;max-width:1200px}@media only screen and (max-width:1279px){.pets__images{gap:27px 40px;max-width:708px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:36px}}@media only screen and (max-width:767px){.pets__images{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:42px}}.pets__images-figure{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-radius:9px;background:var(--white_250);cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}@media (hover:hover){.pets__images-figure:hover{background:var(--white_255)}.pets__images-figure:hover figcaption button{background:var(--orange_hover)}}.pets__images-figure:hover figcaption button{background:var(--orange_hover)}.pets__images-image{width:270px;height:270px;margin-bottom:27px}.pets__images-text{margin-bottom:28px;text-align:center}.pets__images-button{margin-bottom:30px;padding:var(--buttons-padding);color:var(--dark__buttons);border:2px solid rgb(241,205,179);border-radius:var(--buttons-borderRadius);background:transparent;font-size:17px;line-height:130%;letter-spacing:1px;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}.pets__buttons{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0 20px;width:100%}@media only screen and (max-width:767px){.pets__buttons{gap:0 10px}}.pets__buttons-item{width:52px;height:52px;border:2px solid var(--dark__205);border-radius:var(--buttons-borderRadius);color:var(--dark__205);font-size:20px;font-family:"Georgia"}.pets__buttons-item_disabled{color:var(--dark__205);background:transparent;border:2px solid var(--dark__205)}.pets__buttons-item_enabled{border:2px solid var(--nav__active-color);background:transparent;color:var(--dark__buttons);cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}@media (hover:hover){.pets__buttons-item_enabled:hover{background:var(--orange_hover)}}@media (hover:none){.pets__buttons-item_enabled:active{background:var(--orange_hover)}}.left-start:before{content:"< <"}.left:before{content:"<"}.right:before{content:">"}.right-end:before{content:"> >"}.current{color:var(--dark__buttons);background:var(--nav__active-color)}.footer{background:var(--brown-background)}.footer .container{padding-top:40px}@media only screen and (max-width:1279px){.footer .container{padding:23px 30px 0}}@media only screen and (max-width:767px){.footer .container{padding:30px 10px 0}}.footer__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 160px}@media only screen and (max-width:1279px){.footer__inner{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:0 60px}}.footer__contacts{padding-top:16px}.footer__contacts:first-of-type{max-width:278px}.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:40px}@media only screen and (max-width:767px){.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:37px}}@media only screen and (max-width:767px){.footer__contacts:first-of-type{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}}.footer__contacts:last-of-type{max-width:302px}.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:34px}@media only screen and (max-width:767px){.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:39px}}@media only screen and (max-width:1279px){.footer__contacts{padding-top:0;margin-bottom:65px}}@media only screen and (max-width:767px){.footer__contacts{margin-bottom:0}}.footer__contacts-title{color:var(--white_255);letter-spacing:2px}@media only screen and (max-width:767px){.footer__contacts-title{max-width:294px;letter-spacing:1.5px}}.footer__contacts-link{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.footer__contacts-link:first-of-type{margin-bottom:32px}@media only screen and (max-width:767px){.footer__contacts-link:first-of-type{margin-bottom:35px}.footer__contacts-link:last-of-type{margin-bottom:40px}}.footer__contacts-link-svg{margin-right:20px;width:40px;height:36px}.footer__contacts-link-marker{margin-right:20px;min-width:22px;height:32px}.footer__contacts-link-text{color:var(--orange);font-size:20px;line-height:115%;letter-spacing:1.2px}.footer__picture-image{width:clamp(260px,60vw,300px)} \ No newline at end of file diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 14de92f..0000000 --- a/css/style.css +++ /dev/null @@ -1,2 +0,0 @@ -@charset "UTF-8"; -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;width:100%;height:100%;scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans",sans-serif;letter-spacing:1px;width:100%;height:100%;-webkit-tap-highlight-color:rgba(3,2,2,0);-webkit-tap-highlight-color:transparent;overflow-x:hidden}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}figure{margin:0}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}details summary::-webkit-details-marker{display:none}details>summary{list-style:none}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul{list-style-type:none;padding:0}svg{cursor:pointer;pointer-events:auto}h1,h2,h3,h4,h5,p,ul{margin:0}:root{--brown-background:url(../images/noise_transparent.png),linear-gradient(to right,rgb(79,60,49) 0%,rgb(61,52,46) 27%,rgb(33,31,32) 100%);--white_255:rgb(255,255,255);--white_250:rgb(250,250,250);--white_246:rgb(246,246,246);--orange:rgb(241,205,179);--orange_hover:rgb(253,220,196);--dark__buttons:rgb(41,41,41);--dark__76:rgb(76,76,76);--dark__84:rgb(84,84,84);--dark__205:rgb(205,205,205);--nav__active-color:rgb(241,205,179);--nav__active-border:3px solid var(--nav__active-color);--buttons-borderRadius:100px;--buttons-padding:15px 45px 15px 45px;--content-width:1200px;--padding-contentInline:40px;--Georgia-regular:"Georgia","sans-serif";--transition:all 0.3s ease}.body{font-family:var(--Georgia-regular);font-weight:400}.body_fixed{overflow:hidden}.body_popup_fixed{overflow:hidden}.container{margin:0 auto;padding-inline:var(--padding-contentInline);max-width:var(--content-width);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.title{font-size:clamp(25px,4.5572916667vw,35px);font-weight:400;line-height:130%;letter-spacing:2.1px;text-align:left;color:var(--dark__84)}@media only screen and (max-width:767px){.title{letter-spacing:1.5px;text-align:center}}.subtitle{font-family:"Arial","sans-serif";font-size:15px;line-height:160%;letter-spacing:0px;text-align:left}@media only screen and (max-width:767px){.subtitle{text-align:justify}}.subtitle-animal{color:var(--dark__84);font-size:20px;line-height:23px;letter-spacing:6%;text-align:center}.popUp__text{color:rgb(0,0,0);font-weight:400;line-height:110%;text-align:left;letter-spacing:0.04em}.popup{position:fixed;top:50%;left:50%;display:none;z-index:3;width:900px;background:var(--white_250);border-radius:9px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:0px 2px 35px 14px rgba(13,13,13,0.04);box-shadow:0px 2px 35px 14px rgba(13,13,13,0.04)}@media only screen and (max-width:1279px){.popup{width:630px}}@media only screen and (max-width:767px){.popup{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:10px;width:240px}}.popup_active{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media only screen and (max-width:767px){.popup_active{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}}.popup__picture{margin-right:30px}@media only screen and (max-width:1279px){.popup__picture{margin-right:11px}}@media only screen and (max-width:767px){.popup__picture{display:none}}.popup__picture-image{width:500px;height:500px}@media only screen and (max-width:1279px){.popup__picture-image{width:350px;height:350px}}.popup__content{padding-top:52px;padding-right:23px}@media only screen and (max-width:1279px){.popup__content{padding-top:10px;padding-right:9px}}@media only screen and (max-width:767px){.popup__content{padding-top:0;padding-right:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.popup__content h4,.popup__content h5{text-align:center}}.popup__title{margin-bottom:16px;font-size:35px}@media only screen and (max-width:767px){.popup__title{margin-bottom:17px}}.popup__breed{margin-bottom:40px;font-size:20px}@media only screen and (max-width:1279px){.popup__breed{margin-bottom:20px}}.popup__description{margin-bottom:40px;font-size:15px}@media only screen and (max-width:1279px){.popup__description{margin-bottom:20px;font-size:13px}}@media only screen and (max-width:767px){.popup__description{text-align:justify}}.popup__item{position:relative;padding-left:13px;font-size:15px;font-weight:700;list-style:none;color:rgb(0,0,0)}.popup__item:not(:last-of-type){margin-bottom:11px}@media only screen and (max-width:1279px){.popup__item:not(:last-of-type){margin-bottom:6px}}@media only screen and (max-width:767px){.popup__item{font-size:14px}}.popup__item:before{position:absolute;top:7px;left:0;display:block;content:"";width:4px;height:4px;border-radius:50%;background:var(--nav__active-color)}.popup__span{font-weight:400}.popup__button{position:absolute;top:-52px;right:-42px;z-index:0;padding:0;width:52px;height:52px;border:2px solid var(--nav__active-color);border-radius:26px;color:var(--dark__buttons);outline:none;cursor:pointer;background-color:transparent;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}.popup__button:before{position:absolute;display:block;top:50%;left:-webkit-calc(50% - 6px);left:-moz-calc(50% - 6px);left:calc(50% - 6px);width:12px;height:2px;content:"";background-color:var(--dark__buttons);border-radius:2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.popup__button:after{position:absolute;display:block;top:50%;left:-webkit-calc(50% - 6px);left:-moz-calc(50% - 6px);left:calc(50% - 6px);width:12px;height:2px;content:"";background-color:var(--dark__buttons);border-radius:2px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width:767px){.popup__button{top:-54px;right:-30px}}@media (hover:hover){.popup__button:hover{background:var(--orange_hover)}}@media (hover:none){.popup__button:active{background:var(--orange_hover)}}.popup__button_hover{background:var(--orange_hover)}.popup_shadow{position:fixed;display:none;left:0;right:0;top:0;bottom:0;background:rgba(41,41,41,0.6);z-index:1;min-height:100%}.popup_shadow-on{display:block}.header{background:var(--brown-background)}.header .container{padding-top:30px}@media only screen and (max-width:1279px){.header .container{padding-inline:30px}}@media only screen and (max-width:767px){.header .container{padding-inline:20px}}.header__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.logo__title{margin-bottom:10px;font-size:32px;line-height:110%;letter-spacing:2px;color:var(--orange)}.logo__subtitle{color:var(--white_255);font-size:13px;line-height:15px;letter-spacing:1.5px}.nav{color:var(--dark__205)}.nav__list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}@media only screen and (max-width:767px){.nav__list{position:fixed;right:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-block:248px;width:320px;height:100vh;background:var(--dark__buttons);z-index:1;-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;-moz-transition:transform 0.5s ease-in-out,-moz-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out,-moz-transform 0.5s ease-in-out}}.nav__list_active{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:0 0 0 9999px rgba(0,0,0,0.6);box-shadow:0 0 0 9999px rgba(0,0,0,0.6)}.nav__item{border-bottom:3px solid transparent;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}@media (hover:hover){.nav__item:hover{color:var(--white_255)}}.nav__item:active{color:var(--white_255);border-bottom:var(--nav__active-border)}.nav__item:first-of-type{border-bottom:var(--nav__active-border)}.nav__item:not(:last-of-type){margin-right:35px}@media only screen and (max-width:767px){.nav__item{font-size:32px}.nav__item:not(:last-of-type){margin-bottom:43px;margin-right:0}}.burger{display:none;position:relative;z-index:2;width:30px;height:22px;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}.burger:before{content:"";position:absolute;display:block;top:-15px;left:-15px;right:-15px;bottom:-15px}@media only screen and (max-width:767px){.burger{display:block}}.burger__line{position:absolute;display:inline-block;width:30px;border-bottom:2px solid var(--nav__active-color)}.burger__line:first-of-type{top:0px}.burger__line:nth-of-type(2){top:10px}.burger__line:nth-of-type(3){top:20px}.burger_active{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.welcome{margin-top:-1px;background:var(--brown-background)}.welcome .container{padding-top:90px}@media only screen and (max-width:1279px){.welcome .container{padding-inline:100px;padding-top:60px}}@media only screen and (max-width:767px){.welcome .container{padding-inline:10px}}.welcome__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}@media only screen and (max-width:1279px){.welcome__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.welcome__info{margin-right:42px;padding-top:164px}@media only screen and (max-width:1279px){.welcome__info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:0;padding-top:0;max-width:460px}}.welcome__info-title{margin-bottom:42px;font-size:clamp(25px,5.7291666667vw,44px);color:var(--white_255);line-height:130%;letter-spacing:0;font-weight:400}@media only screen and (max-width:1279px){.welcome__info-title{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}}@media only screen and (max-width:767px){.welcome__info-title{letter-spacing:1.4px;text-align:center;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}}.welcome__info-subtitle{margin-bottom:42px;color:var(--dark__205)}@media only screen and (max-width:767px){.welcome__info-subtitle{text-align:center}}.welcome__info-link{display:inline-block;padding:15px 45px;border-radius:var(--buttons-borderRadius);background-color:var(--nav__active-color);color:var(--dark__buttons);font-size:17px;line-height:130%;letter-spacing:1px;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}@media (hover:hover){.welcome__info-link:hover{background-color:var(--orange_hover)}}@media (hover:none){.welcome__info-link:active{background-color:var(--orange_hover)}}@media only screen and (max-width:1279px){.welcome__info-link{margin-bottom:100px}}@media only screen and (max-width:767px){.welcome__info-link{margin-bottom:105px}}@media only screen and (max-width:1279px){.welcome__picture{padding-left:70px}}@media only screen and (max-width:767px){.welcome__picture{padding-left:40px}}.welcome__picture-image{width:clamp(260px,74vw,698px)}.about{background:var(--white_255)}.about .container{padding-block:80px 100px}@media only screen and (max-width:1279px){.about .container{padding-inline:165px}}@media only screen and (max-width:767px){.about .container{padding:40px 10px}}.about__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-inline:175px}@media only screen and (max-width:1279px){.about__inner{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-inline:0}}.about__picture{margin-right:120px}@media only screen and (max-width:1279px){.about__picture{margin-right:0}}.about__picture-image{width:clamp(260px,78vw,300px)}.about__info{padding-top:14px}@media only screen and (max-width:1279px){.about__info{padding-top:0;max-width:430px}}@media only screen and (max-width:767px){.about__info{padding-inline:15px;max-width:300px}}.about__info-title{margin-bottom:22px;text-wrap:balance}.about__info-subtitle{color:var(--dark__76)}.about__info-subtitle:not(:last-of-type){margin-bottom:25px}@media only screen and (max-width:1279px){.about__info-subtitle:last-of-type{margin-bottom:80px}}@media only screen and (max-width:767px){.about__info-subtitle{max-width:270px}.about__info-subtitle:last-of-type{margin-bottom:42px}}.pets{background:var(--white_246)}.pets .container{padding-block:75px 100px}@media only screen and (max-width:1279px){.pets .container{padding:80px 30px 100px}}@media only screen and (max-width:767px){.pets .container{padding:36px 10px 42px}}.pets__arrow{position:absolute;padding:0;width:52px;height:52px;border:2px solid var(--nav__active-color);border-radius:var(--buttons-borderRadius);background:transparent;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}.pets__arrow:first-of-type{left:0;top:49%}@media only screen and (max-width:1279px){.pets__arrow:first-of-type{left:0}}@media only screen and (max-width:767px){.pets__arrow:first-of-type{left:19%;top:79%}}.pets__arrow:last-of-type{right:0;top:49%}@media only screen and (max-width:1279px){.pets__arrow:last-of-type{right:0}}@media only screen and (max-width:767px){.pets__arrow:last-of-type{right:19%;top:79%}}@media (hover:hover){.pets__arrow:hover{background:var(--orange_hover)}}@media (hover:none){.pets__arrow:active{background:var(--orange_hover)}}.pets__arrow_moveLeftAnimation{-webkit-animation:moveLeftAnimation1280 0.5s ease forwards;-moz-animation:moveLeftAnimation1280 0.5s ease forwards;animation:moveLeftAnimation1280 0.5s ease forwards}@media only screen and (max-width:1279px){.pets__arrow_moveLeftAnimation{-webkit-animation:moveLeftAnimation768 0.5s ease forwards;-moz-animation:moveLeftAnimation768 0.5s ease forwards;animation:moveLeftAnimation768 0.5s ease forwards}}@media only screen and (max-width:767px){.pets__arrow_moveLeftAnimation{-webkit-animation:moveLeftAnimation320 0.5s ease forwards;-moz-animation:moveLeftAnimation320 0.5s ease forwards;animation:moveLeftAnimation320 0.5s ease forwards}}.pets__arrow_moveRightAnimation{-webkit-animation:moveRightAnimation1280 0.5s ease forwards;-moz-animation:moveRightAnimation1280 0.5s ease forwards;animation:moveRightAnimation1280 0.5s ease forwards}@media only screen and (max-width:1279px){.pets__arrow_moveRightAnimation{-webkit-animation:moveRightAnimation768 0.5s ease forwards;-moz-animation:moveRightAnimation768 0.5s ease forwards;animation:moveRightAnimation768 0.5s ease forwards}}@media only screen and (max-width:767px){.pets__arrow_moveRightAnimation{-webkit-animation:moveRightAnimation320 0.5s ease forwards;-moz-animation:moveRightAnimation320 0.5s ease forwards;animation:moveRightAnimation320 0.5s ease forwards}}.pets__arrow-svg{width:14px;height:6px;position:absolute;top:-webkit-calc(50% - 3px);top:-moz-calc(50% - 3px);top:calc(50% - 3px);left:-webkit-calc(50% - 7px);left:-moz-calc(50% - 7px);left:calc(50% - 7px)}.pets__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.pets__title{margin-bottom:60px;max-width:400px;text-align:center;letter-spacing:6%}@media only screen and (max-width:1279px){.pets__title{margin-bottom:54px}}@media only screen and (max-width:767px){.pets__title{margin-bottom:42px;max-width:300px}}.pets__images{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;gap:0 90px;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-bottom:60px;max-width:990px;overflow:hidden}@media only screen and (max-width:1279px){.pets__images{gap:0 40px;max-width:580px}}@media only screen and (max-width:767px){.pets__images{position:relative;margin-bottom:116px;max-width:270px}}.pets__images-figure{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-radius:9px;background:var(--white_250);cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}@media (hover:hover){.pets__images-figure:hover{background:var(--white_255)}.pets__images-figure:hover figcaption button{background:var(--orange_hover)}}.pets__images-figure:hover figcaption button{background:var(--orange_hover)}.pets__images-image{width:270px;height:270px;margin-bottom:23px}.pets__images-text{margin-bottom:28px;text-align:center}.pets__images-button{margin-bottom:30px;padding:var(--buttons-padding);color:var(--dark__buttons);border:2px solid rgb(241,205,179);border-radius:var(--buttons-borderRadius);background:transparent;font-size:17px;line-height:130%;letter-spacing:1px;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}.pets__link{padding:var(--buttons-padding);color:var(--dark__buttons);background:var(--nav__active-color);border-radius:var(--buttons-borderRadius);font-size:17px;line-height:130%;letter-spacing:1px;-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}@media (hover:hover){.pets__link:hover{background:var(--orange_hover)}}@media (hover:none){.pets__link:active{background:var(--orange_hover)}}@-webkit-keyframes moveLeftAnimation1280{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1080px);transform:translateX(-1080px)}}@-moz-keyframes moveLeftAnimation1280{0%{-moz-transform:translateX(0);transform:translateX(0)}to{-moz-transform:translateX(-1080px);transform:translateX(-1080px)}}@keyframes moveLeftAnimation1280{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1080px);-moz-transform:translateX(-1080px);transform:translateX(-1080px)}}@-webkit-keyframes moveLeftAnimation768{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-620px);transform:translateX(-620px)}}@-moz-keyframes moveLeftAnimation768{0%{-moz-transform:translateX(0);transform:translateX(0)}to{-moz-transform:translateX(-620px);transform:translateX(-620px)}}@keyframes moveLeftAnimation768{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-620px);-moz-transform:translateX(-620px);transform:translateX(-620px)}}@-webkit-keyframes moveLeftAnimation320{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-310px);transform:translateX(-310px)}}@-moz-keyframes moveLeftAnimation320{0%{-moz-transform:translateX(0);transform:translateX(0)}to{-moz-transform:translateX(-310px);transform:translateX(-310px)}}@keyframes moveLeftAnimation320{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-310px);-moz-transform:translateX(-310px);transform:translateX(-310px)}}@-webkit-keyframes moveRightAnimation1280{0%{-webkit-transform:translateX(-1080px);transform:translateX(-1080px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes moveRightAnimation1280{0%{-moz-transform:translateX(-1080px);transform:translateX(-1080px)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes moveRightAnimation1280{0%{-webkit-transform:translateX(-1080px);-moz-transform:translateX(-1080px);transform:translateX(-1080px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveRightAnimation768{0%{-webkit-transform:translateX(-620px);transform:translateX(-620px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes moveRightAnimation768{0%{-moz-transform:translateX(-620px);transform:translateX(-620px)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes moveRightAnimation768{0%{-webkit-transform:translateX(-620px);-moz-transform:translateX(-620px);transform:translateX(-620px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveRightAnimation320{0%{-webkit-transform:translateX(-310px);transform:translateX(-310px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes moveRightAnimation320{0%{-moz-transform:translateX(-310px);transform:translateX(-310px)}to{-moz-transform:translateX(0);transform:translateX(0)}}@keyframes moveRightAnimation320{0%{-webkit-transform:translateX(-310px);-moz-transform:translateX(-310px);transform:translateX(-310px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}}.help{background:var(--white_255)}.help .container{padding-block:80px 100px}@media only screen and (max-width:1279px){.help .container{padding-inline:40px}}@media only screen and (max-width:767px){.help .container{padding-block:42px;padding-inline:15px}}.help__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-inline:87px}@media only screen and (max-width:1279px){.help__inner{padding-inline:0}}.help__title{margin-bottom:58px;text-align:center}@media only screen and (max-width:767px){.help__title{margin-bottom:37px}}.help__icons{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;gap:53px 121px}@media only screen and (max-width:1279px){.help__icons{gap:57px 0}}@media only screen and (max-width:767px){.help__icons{gap:24px 0;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.help__icons-inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width:1279px){.help__icons-inner{width:33.3%}}@media only screen and (max-width:767px){.help__icons-inner{width:50%}}.help__icons-svg{width:60px;height:60px;margin-bottom:30px}@media only screen and (max-width:767px){.help__icons-svg{width:50px;height:50px;margin-bottom:20px}}.help__icons-text{font-size:clamp(15px,2.6075619296vw,20px)}.donation{font-weight:400;text-align:left;background:var(--white_246);color:var(--dark__84)}.donation .container{padding:80px 182px 100px}@media only screen and (max-width:1279px){.donation .container{padding:80px 132px 100px}}@media only screen and (max-width:767px){.donation .container{padding:40px 10px}}.donation__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:1279px){.donation__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.donation__info{max-width:380px}@media only screen and (max-width:767px){.donation__info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;max-width:300px}}.donation__info-title{margin-bottom:20px;max-width:300px;line-height:130%;letter-spacing:2px}@media only screen and (max-width:767px){.donation__info-title{text-align:center;max-width:238px}}.donation__info-subtitle{margin-bottom:20px;font-size:15px;line-height:110%;letter-spacing:0.9px}@media only screen and (max-width:767px){.donation__info-subtitle{line-height:160%;letter-spacing:0px}}.donation__info-link{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-inline:15px;margin-bottom:20px;width:349px;height:43px;border-radius:9px;background:var(--nav__active-color);-webkit-transition:var(--transition);-o-transition:var(--transition);-moz-transition:var(--transition);transition:var(--transition)}@media (hover:hover){.donation__info-link:hover{background:var(--orange_hover)}}@media (hover:none){.donation__info-link:active{background:var(--orange_hover)}}@media only screen and (max-width:767px){.donation__info-link{width:281px}}.donation__link-svg{width:30px;height:30px}.donation__link-text{font-size:20px;letter-spacing:1.2px}@media only screen and (max-width:767px){.donation__link-text{font-size:15px}}.donation__info-description{color:rgb(178,178,178);font-family:Arial;font-style:italic;font-size:12px;line-height:18px;letter-spacing:0px}@media only screen and (max-width:1279px){.donation__info-description{margin-bottom:60px}}@media only screen and (max-width:767px){.donation__info-description{padding-inline:10px;margin-bottom:42px;text-align:justify}}.donation__picture-image{width:505px}@media only screen and (max-width:767px){.donation__picture-image{width:clamp(260px,66vw,505px)}}.footer{background:var(--brown-background)}.footer .container{padding-top:40px}@media only screen and (max-width:1279px){.footer .container{padding:23px 30px 0}}@media only screen and (max-width:767px){.footer .container{padding:28px 10px 0}}.footer__inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 160px}@media only screen and (max-width:1279px){.footer__inner{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:0 60px}}.footer__contacts{padding-top:16px}.footer__contacts:first-of-type{max-width:278px}.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:40px}@media only screen and (max-width:767px){.footer__contacts:first-of-type .footer__contacts-title{margin-bottom:37px}}@media only screen and (max-width:767px){.footer__contacts:first-of-type{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}}.footer__contacts:last-of-type{max-width:302px}.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:34px}@media only screen and (max-width:767px){.footer__contacts:last-of-type .footer__contacts-title{margin-bottom:39px}}@media only screen and (max-width:1279px){.footer__contacts{padding-top:0;margin-bottom:65px}}@media only screen and (max-width:767px){.footer__contacts{margin-bottom:0}}.footer__contacts-title{color:var(--white_255);letter-spacing:2px}@media only screen and (max-width:767px){.footer__contacts-title{max-width:294px;letter-spacing:1.5px}}.footer__contacts-link{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.footer__contacts-link:first-of-type{margin-bottom:32px}@media only screen and (max-width:767px){.footer__contacts-link:first-of-type{margin-bottom:35px}.footer__contacts-link:last-of-type{margin-bottom:40px}}.footer__contacts-link-svg{margin-right:20px;width:40px;height:36px}.footer__contacts-link-marker{margin-right:20px;min-width:22px;height:32px}.footer__contacts-link-text{color:var(--orange);font-size:20px;line-height:115%;letter-spacing:1.2px}.footer__picture-image{width:clamp(260px,60vw,300px)} \ No newline at end of file diff --git a/images/fav-icons/first-page/site.webmanifest b/images/fav-icons/first-page/site.webmanifest deleted file mode 100644 index 1edcfef..0000000 --- a/images/fav-icons/first-page/site.webmanifest +++ /dev/null @@ -1,19 +0,0 @@ -{ - "name": "", - "short_name": "", - "icons": [ - { - "src": "android-chrome-192x192.png", - "sizes": "192x192", - "type": "image/png" - }, - { - "src": "android-chrome-512x512.png", - "sizes": "512x512", - "type": "image/png" - } - ], - "theme_color": "#ffffff", - "background_color": "#ffffff", - "display": "standalone" -} diff --git a/images/pets-woody@2x (1).webp b/images/pets-woody@2x (1).webp deleted file mode 100644 index 69a00f8..0000000 Binary files a/images/pets-woody@2x (1).webp and /dev/null differ diff --git a/images/readme-image.png b/images/readme-image.png deleted file mode 100644 index 5f74484..0000000 Binary files a/images/readme-image.png and /dev/null differ diff --git a/index.html b/index.html index 5b5dee7..37b56cb 100644 --- a/index.html +++ b/index.html @@ -1,272 +1 @@ - - - - - - - - Shelter - - - - - - - - - - - - - -
-
-
- - -
- - - -
-
-
-
-
-
-
-
-
-

Not only people
need a house

-

We offer to give a chance to a little and nice puppy with an - extremely - wide and open heart. He or she will love you more than anybody else in the world, you will see!

- Make a friend -
- - - - Puppy - - -
-
-
-
-
-
- - - - Puppy - -
-

About the shelter “Cozy House”

-

Currently we have 121 dogs and 342 cats on our hands and - statistics show that only 20% of them will find a family. The others will continue to live with us and - will be waiting for a lucky chance to become dearly loved.

-

We feed our wards with the best food and make sure that they do - not get sick, feel comfortable (including psychologically) and well. We are supported by 87 volunteers and - 28 employees of various skill levels. About 12% of the animals are taken by the shelter staff. Taking care - of the animals, they become attached to the pets and would hardly ever leave them alone.

-
-
-
-
-
-
-
-

Our friends who
- are looking for a house

- - -
- -
- Get to know the rest - - -
-
-
-
-
-
-

How you can help
- our shelter

-
-
- - - -

Pet food

-
-
- - - -

Transportation

-
-
- - - -

Toys

-
-
- - - -

Bowls and cups

-
-
- - - -

Shampoos

-
-
- - - -

Vitamins

-
-
- - - -

Medicines

-
-
- - - -

Collars / leashes

-
-
- - - -

Sleeping areas

-
-
-
-
-
-
-
-
-
-

You can also - make a donation

-

Name of the bank / Type of bank account

- - - - - - -

Legal information and lorem ipsum dolor sit amet, consectetur - adipiscing - elit. Maecenas a ipsum at libero sagittis dignissim sed ac diam. Praesent ultrices maximus tortor et - vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus.

-
- - - - Donation Dog - - -
-
-
-
- - - - - \ No newline at end of file +Shelter

Not only people
need a house

We offer to give a chance to a little and nice puppy with an extremely wide and open heart. He or she will love you more than anybody else in the world, you will see!

Make a friend
Puppy
Puppy

About the shelter “Cozy House”

Currently we have 121 dogs and 342 cats on our hands and statistics show that only 20% of them will find a family. The others will continue to live with us and will be waiting for a lucky chance to become dearly loved.

We feed our wards with the best food and make sure that they do not get sick, feel comfortable (including psychologically) and well. We are supported by 87 volunteers and 28 employees of various skill levels. About 12% of the animals are taken by the shelter staff. Taking care of the animals, they become attached to the pets and would hardly ever leave them alone.

Our friends who
are looking for a house

Get to know the rest

How you can help
our shelter

Pet food

Transportation

Toys

Bowls and cups

Shampoos

Vitamins

Medicines

Collars / leashes

Sleeping areas

You can also make a donation

Name of the bank / Type of bank account

Legal information and lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a ipsum at libero sagittis dignissim sed ac diam. Praesent ultrices maximus tortor et vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Donation Dog
\ No newline at end of file diff --git a/js/index.js b/js/index.js deleted file mode 100644 index be6159a..0000000 --- a/js/index.js +++ /dev/null @@ -1,1399 +0,0 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ([ -/* 0 */, -/* 1 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -const header = document.querySelector('.header') -const navList = document.querySelector('.nav__list') -const burger = document.querySelector('.burger'); - -const setClassesStateBurger = (state) => { - burger.classList[state]('burger_active') - navList.classList[state]('nav__list_active') - document.body.classList[state]('body_fixed') -} - -const openBurger = () => setClassesStateBurger('toggle') -const closeBurger = () => setClassesStateBurger('remove') - -header.addEventListener('click', function (e) { - if (e.target.classList.contains('burger') || e.target.classList.contains('burger__line')) { - openBurger() - } - if (e.target.tagName === 'LI' || e.target.tagName === 'A') { - closeBurger() - } -}) - -/* harmony default export */ __webpack_exports__["default"] = (setClassesStateBurger); - - -/***/ }), -/* 2 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ setClassesStatePopup: function() { return /* binding */ setClassesStatePopup; } -/* harmony export */ }); -/* harmony import */ var _generatePopup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3); -/* harmony import */ var _pets_info__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4); - - - -const slider = document.querySelector('.pets__images') -const popup = document.querySelector('.popup') -const popupShadow = document.querySelector('.popup_shadow') - -const petInfoObject = Array.from(_pets_info__WEBPACK_IMPORTED_MODULE_1__.petInfo).reduce((acc, e) => { - acc[e.name] = e - return acc -}, {}) - -const setClassesStatePopup = (state) => { - document.body.classList[state]('body_popup_fixed') - popup.classList[state]('popup_active') - popupShadow.classList[state]('popup_shadow-on') -} - -slider.addEventListener('click', function (e) { - const target = e.target - if (!target.classList.contains('pets__images')) { - const closestFigure = target.closest('figure') - const figureDataValue = closestFigure.dataset.pet - const findItem = petInfoObject[figureDataValue] - const popUpInner = - (0,_generatePopup__WEBPACK_IMPORTED_MODULE_0__["default"])(findItem.name, findItem.type, findItem.breed, findItem.description, findItem.age, findItem.inoculations, findItem.diseases, findItem.parasites) - popup.innerHTML = popUpInner - setClassesStatePopup('add') - - const popupBtn = document.querySelector('.popup__button') - popupBtn.addEventListener('click', function (e) { - setClassesStatePopup('remove') - }) - } -}) - -popup.addEventListener('mouseleave', function (e) { - const popupBtn = document.querySelector('.popup__button') - popupBtn.classList.add('popup__button_hover') -}) - -popup.addEventListener('mouseenter', function (e) { - const popupBtn = document.querySelector('.popup__button') - popupBtn.classList.remove('popup__button_hover') -}) - -/***/ }), -/* 3 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -const generatePopUp = (name, type, breed, description, age, inoculations, diseases, parasites) => { - return ` - - - - ${name} - - ` -} - -/* harmony default export */ __webpack_exports__["default"] = (generatePopUp); - -/***/ }), -/* 4 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ petInfo: function() { return /* binding */ petInfoJSON; } -/* harmony export */ }); -const petInfoJSON = [ - { - "name": "Jennifer", - "type": "Dog", - "breed": "Labrador", - "description": "Jennifer is a sweet 2 months old Labrador that is patiently waiting to find a new forever home. This girl really enjoys being able to go outside to run and play, but won't hesitate to play up a storm in the house if she has all of her favorite toys.", - "age": "2 months", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Sophia", - "type": "Dog", - "breed": "Shih tzu", - "description": "Sophia here and I'm looking for my forever home to live out the best years of my life. I am full of energy. Everyday I'm learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "1 month", - "inoculations": [ - "parvovirus" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Woody", - "type": "Dog", - "breed": "Golden Retriever", - "description": "Woody is a handsome 3 1/2 year old boy. Woody does know basic commands and is a smart pup. Since he is on the stronger side, he will learn a lot from your training. Woody will be happier when he finds a new family that can spend a lot of time with him.", - "age": "3 years 6 months", - "inoculations": [ - "adenovirus", - "distemper" - ], - "diseases": [ - "right back leg mobility reduced" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Scarlett", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "Scarlett is a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.", - "age": "3 months", - "inoculations": [ - "parainfluenza" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Katrine", - "type": "Cat", - "breed": "British Shorthair", - "description": "Katrine is a beautiful girl. She is as soft as the finest velvet with a thick lush fur. Will love you until the last breath she takes as long as you are the one. She is picky about her affection. She loves cuddles and to stretch into your hands for a deeper relaxations.", - "age": "6 months", - "inoculations": [ - "panleukopenia" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Timmy", - "type": "Cat", - "breed": "British Shorthair", - "description": "Timmy is an adorable grey british shorthair male. He loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. Timmy has a lot to say and wants a person to share his thoughts with.", - "age": "2 years 3 months", - "inoculations": [ - "calicivirus", - "viral rhinotracheitis" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Freddie", - "type": "Cat", - "breed": "British Shorthair", - "description": "Freddie is a little shy at first, but very sweet when he warms up. He likes playing with shoe strings and bottle caps. He is quick to learn the rhythms of his human’s daily life. Freddie has bounced around a lot in his life, and is looking to find his forever home.", - "age": "2 months", - "inoculations": [ - "rabies" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Charly", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "This cute boy, Charly, is three years old and he likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. Charly has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "8 years", - "inoculations": [ - "bordetella bronchiseptica", - "leptospirosis" - ], - "diseases": [ - "deafness", - "blindness" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Hunter", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Skrull", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "2 years 3 month", - "inoculations": [ - "calicivirus" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Pory", - "type": "Cat", - "breed": "Pooch", - "description": "I am a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.", - "age": "1 years 4 month", - "inoculations": [ - "bordetella " - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Tanos", - "type": "Dog", - "breed": "Chihuahua", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "5 years 4 month", - "inoculations": [ - "bordetella " - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Rex", - "type": "Dog", - "breed": "German Shepherd", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "1 years 1 month", - "inoculations": [ - "bordetella", - "bronchiseptica" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Willson", - "type": "Dog", - "breed": "Pooch", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "3 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Tor", - "type": "Dog", - "breed": "Dalmatian", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "2 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Monna", - "type": "Cat", - "breed": "Pooch", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "6 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "helminth" - ] - }, - { - "name": "Donatan", - "type": "Dog", - "breed": "Shiba Inu", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "1 years 10 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Koddy", - "type": "Cat", - "breed": "Toyger", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Butty", - "type": "Dog", - "breed": "French Bulldog", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "8 month", - "inoculations": [ - "none" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "July", - "type": "Dog", - "breed": "Chihuahua", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "5 years 3 month", - "inoculations": [ - "viral rhinotracheitis" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Perry", - "type": "Dog", - "breed": "French Bulldog", - "description": "She is the perfect combination of silly and sweet. She is eager to please, loves her human and dog companions, and believes she is a professional MMA wrestler in her spare time.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Missy", - "type": "Dog", - "breed": "Labrador", - "description": "He’s mild mannered and really just wants to spend his time outside or laying next to you being pet. He is extremely low energy but has a lot of.", - "age": "7 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Lolly", - "type": "Dog", - "breed": "Pooch", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "2 years 3 month", - "inoculations": [ - "calicivirus" - ], - "diseases": [ - "deafness" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Iron", - "type": "Dog", - "breed": "Parson Russell Terrier", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none", - ] - }, - { - "name": "Wonder", - "type": "Dog", - "breed": "French Bulldog", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "3 years 9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Molly", - "type": "Dog", - "breed": "Spaniel", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "1 years 9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "fleas" - ] - }, - { - "name": "Elton", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "1 years 9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "fleas" - ] - }, - { - "name": "Cola", - "type": "Dog", - "breed": "Brazilian Terrier", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "4 years 4 month", - "inoculations": [ - "adenovirus" - ], - "diseases": [ - "deafness" - ], - "parasites": [ - "fleas" - ] - }, - { - "name": "Doran", - "type": "Dog", - "breed": "German Shepherd", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "2 years 7 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Face", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "6 years 4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Fold", - "type": "Dog", - "breed": "American Staffordshire Bulldog", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "3 years 2 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Jhon", - "type": "Dog", - "breed": "Pooch", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "1 years 2 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Molav", - "type": "Dog", - "breed": "French Bulldog", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Monika", - "type": "Dog", - "breed": "Dachshund", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "3 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Nomad", - "type": "Dog", - "breed": "English bulldog", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "1 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Rikky", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "5 years 3 month", - "inoculations": [ - "viral rhinotracheitis" - ], - "diseases": [ - "Blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Rolls", - "type": "Dog", - "breed": "Pooch", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "3 years 1 month", - "inoculations": [ - "viral rhinotracheitis" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Ronny", - "type": "Dog", - "breed": "English bulldog", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Smile", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "6 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Jessy", - "type": "Dog", - "breed": "Tibetan mastiff", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Poolly", - "type": "Dog", - "breed": "Bedlington Terrier", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Salem", - "type": "Dog", - "breed": "Newfoundland", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "2 years 11 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Spoon", - "type": "Dog", - "breed": "American Cocker Spaniel", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "4 years 4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Yammy", - "type": "Dog", - "breed": "Chinese Crested", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "7 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Blacky", - "type": "Dog", - "breed": "Pooch", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "3 years 8 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Bony", - "type": "Dog", - "breed": "Bull Terrier", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "2 years 11 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Ember", - "type": "Dog", - "breed": "Cavalier King Charles Spaniel", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "3 years 8 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Huskar", - "type": "Dog", - "breed": "Husky", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!.", - "age": "1 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - } -] - - - - -/***/ }), -/* 5 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _paginationValues__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6); - -const slider = document.querySelector('.pets__images'); -const buttonLeft = document.querySelector('.left') -const buttonRight = document.querySelector('.right') -let isAnimateFinished = false; - -const createFigure = (i) => { - const figure = document.createElement('figure') - figure.classList.add('pets__images-figure') - figure.setAttribute('data-pet', _paginationValues__WEBPACK_IMPORTED_MODULE_0__["default"][i].name) - figure.innerHTML = - ` - - - ${_paginationValues__WEBPACK_IMPORTED_MODULE_0__[ - -
-

${_paginationValues__WEBPACK_IMPORTED_MODULE_0__["default"][i].name - }

- -
` - slider.append(figure) -} - -const loadItems = () => { - slider.innerHTML = ''; - - for (let i = 0; i < _paginationValues__WEBPACK_IMPORTED_MODULE_0__["default"].length; i++) { - createFigure(i) - } -} - -loadItems() - -function controlAnimation(arr, action, animationClass) { - arr.map(e => e.classList[action](animationClass)) -} - - -const getCountOfSlides = () => { - if (window.innerWidth >= 1280) { - return 3 - } else if (window.innerWidth < 1280 && window.innerWidth >= 768) { - return 2 - } else if (window.innerWidth < 768 && window.innerWidth >= 320) { - return 1 - } -} - -const moveLeft = () => { - let countSlides = getCountOfSlides() - if (isAnimateFinished) return - isAnimateFinished = true - const sliderChildren = slider.children - const sliderChildrenArr = Array.from(sliderChildren) - - let slides = []; - for (let i = 0; i < countSlides; i++) { - slides.push(sliderChildren[i]) - } - const savedSlides = slides.slice(0) - - controlAnimation(sliderChildrenArr, 'add', 'pets__arrow_moveLeftAnimation') - - setTimeout(() => { - sliderChildrenArr.filter(e => slides.includes(e) ? e.remove() : '') - - controlAnimation(sliderChildrenArr, 'remove', 'pets__arrow_moveLeftAnimation') - }, 610) - - setTimeout(() => { - for (let i = 0; i < countSlides; i++) { - slider.appendChild(savedSlides[i]) - } - isAnimateFinished = false - }, 710); -} - -const moveRight = () => { - let countSlides = getCountOfSlides() - if (isAnimateFinished) return - isAnimateFinished = true; - const sliderChildren = slider.children - let sliderChildrenArr = Array.from(sliderChildren) - - let slides = []; - for (let i = sliderChildrenArr.length - 1; i >= sliderChildrenArr.length - countSlides; i--) { - slides.push(sliderChildren[i]) - } - - const savedSlides = slides.slice(0) - - for (let i = 0; i < countSlides; i++) { - slider.prepend(savedSlides[i]) - } - - sliderChildrenArr = Array.from(sliderChildren) - controlAnimation(sliderChildrenArr, 'add', 'pets__arrow_moveRightAnimation') - - setTimeout(() => { - controlAnimation(sliderChildrenArr, 'remove', 'pets__arrow_moveRightAnimation') - isAnimateFinished = false; - }, 610); -} - -buttonLeft.addEventListener('click', moveLeft) -buttonRight.addEventListener('click', moveRight) - -/***/ }), -/* 6 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -const paginationValues = [ - { - "name": "Katrine", - "alt": "Cat Katrine", - "imgName": "pets-katrine", - }, - { - "name": "Jennifer", - "alt": "Dog Jennifer", - "imgName": "pets-jennifer" - }, - { - "name": "Woody", - "alt": "Dog Woody", - "imgName": "pets-woody" - }, - { - "name": "Sophia", - "alt": "Dog Sophia", - "imgName": "pets-sophia" - }, - { - "name": "Timmy", - "alt": "Cat Timmy", - "imgName": "pets-timmy" - }, - { - "name": "Charly", - "alt": "Dog Charly", - "imgName": "pets-charly" - }, - { - "name": "Scarlett", - "alt": "Dog Scarlett", - "imgName": "pets-scarlet" - }, - { - "name": "Freddie", - "alt": "Cat Freddie", - "imgName": "pets-freddie" - }, - { - "name": "Hunter", - "alt": "Dog Hunter", - "imgName": "pets-hunter" - }, - - { - "name": "Skrull", - "alt": "Dog Skrull", - "imgName": "pets-skrull" - }, - - { - "name": "Pory", - "alt": "Cat Pory", - "imgName": "pets-pory" - }, - - { - "name": "Tanos", - "alt": "Dog Tanos", - "imgName": "pets-tanos" - }, - { - "name": "Rex", - "alt": "Dog Rex", - "imgName": "pets-rex", - }, - { - "name": "Willson", - "alt": "Dog Willson", - "imgName": "pets-willson" - }, - { - "name": "Tor", - "alt": "Dog Tor", - "imgName": "pets-tor" - - }, - { - "name": "Monna", - "alt": "Cat Monna", - "imgName": "pets-monna" - }, - { - "name": "Donatan", - "alt": "Dog Donatan", - "imgName": "pets-donatan" - }, - { - "name": "Koddy", - "alt": "Dog Koddy", - "imgName": "pets-koddy" - }, - { - "name": "Butty", - "alt": "Dog Butty", - "imgName": "pets-butty" - }, - { - "name": "July", - "alt": "Dog July", - "imgName": "pets-july" - }, - { - "name": "Perry", - "alt": "Dog Perry", - "imgName": "pets-perry" - }, - { - "name": "Missy", - "alt": "Dog Missy", - "imgName": "pets-missy" - }, - { - "name": "Lolly", - "alt": "Dog Lolly", - "imgName": "pets-lolly" - }, - { - "name": "Iron", - "alt": "Dog Iron", - "imgName": "pets-iron" - }, - { - "name": "Wonder", - "alt": "Dog Wonder", - "imgName": "pets-wonder" - }, - { - "name": "Molly", - "alt": "Dog Molly", - "imgName": "pets-molly" - }, - { - "name": "Elton", - "alt": "Dog Elton", - "imgName": "pets-elton" - }, - { - "name": "Cola", - "alt": "Dog Cola", - "imgName": "pets-cola" - }, - { - "name": "Doran", - "alt": "Dog Doran", - "imgName": "pets-doran" - }, - { - "name": "Face", - "alt": "Dog Face", - "imgName": "pets-face" - }, - { - "name": "Fold", - "alt": "Dog Fold", - "imgName": "pets-fold" - }, - { - "name": "Jhon", - "alt": "Dog Jhon", - "imgName": "pets-jhon" - }, - { - "name": "Molav", - "alt": "Dog Molav", - "imgName": "pets-molav" - }, - { - "name": "Monika", - "alt": "Dog Monika", - "imgName": "pets-monika" - }, - { - "name": "Nomad", - "alt": "Dog Nomad", - "imgName": "pets-nomad" - }, - { - "name": "Rikky", - "alt": "Dog Rikky", - "imgName": "pets-rikky" - }, - { - "name": "Rolls", - "alt": "Dog Rolls", - "imgName": "pets-rolls" - }, - { - "name": "Ronny", - "alt": "Dog Ronny", - "imgName": "pets-ronny" - }, - { - "name": "Smile", - "alt": "Dog Smile", - "imgName": "pets-smile" - }, - { - "name": "Jessy", - "alt": "Dog Jessy", - "imgName": "pets-jessy" - }, - { - "name": "Poolly", - "alt": "Dog Poolly", - "imgName": "pets-poolly" - }, - { - "name": "Salem", - "alt": "Dog Salem", - "imgName": "pets-salem" - }, - { - "name": "Spoon", - "alt": "Dog Spoon", - "imgName": "pets-spoon" - }, - { - "name": "Yammy", - "alt": "Dog Yammy", - "imgName": "pets-yammy" - }, - { - "name": "Blacky", - "alt": "Dog Blacky", - "imgName": "pets-blacky" - }, - { - "name": "Bony", - "alt": "Dog Bony", - "imgName": "pets-bony" - }, - { - "name": "Ember", - "alt": "Dog Ember", - "imgName": "pets-ember" - }, - { - "name": "Huskar", - "alt": "Dog Huskar", - "imgName": "pets-huskar" - }, -] - -/* harmony default export */ __webpack_exports__["default"] = (paginationValues); - -/***/ }), -/* 7 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _burger__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1); -/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2); - - - -const checkClickOutBurger = (e) => { - if (!e.target.closest('.nav__list') && !e.target.closest('.burger')) { - (0,_burger__WEBPACK_IMPORTED_MODULE_0__["default"])('remove') - } -} - -const checkClickOutPopUp = (e) => { - if (e.target.classList.contains('popup_shadow-on')) { - (0,_popup__WEBPACK_IMPORTED_MODULE_1__.setClassesStatePopup)('remove') - } -} - -document.body.addEventListener('click', function (e) { - checkClickOutBurger(e) - checkClickOutPopUp(e) -}) - - - -/***/ }) -/******/ ]); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk. -!function() { -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_burger__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1); -/* harmony import */ var _components_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2); -/* harmony import */ var _components_slider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5); -/* harmony import */ var _components_checkClickOut__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7); - - - - -}(); -/******/ })() -; \ No newline at end of file diff --git a/js/our-pets.js b/js/our-pets.js deleted file mode 100644 index 5660c5a..0000000 --- a/js/our-pets.js +++ /dev/null @@ -1,1418 +0,0 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ([ -/* 0 */, -/* 1 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -const header = document.querySelector('.header') -const navList = document.querySelector('.nav__list') -const burger = document.querySelector('.burger'); - -const setClassesStateBurger = (state) => { - burger.classList[state]('burger_active') - navList.classList[state]('nav__list_active') - document.body.classList[state]('body_fixed') -} - -const openBurger = () => setClassesStateBurger('toggle') -const closeBurger = () => setClassesStateBurger('remove') - -header.addEventListener('click', function (e) { - if (e.target.classList.contains('burger') || e.target.classList.contains('burger__line')) { - openBurger() - } - if (e.target.tagName === 'LI' || e.target.tagName === 'A') { - closeBurger() - } -}) - -/* harmony default export */ __webpack_exports__["default"] = (setClassesStateBurger); - - -/***/ }), -/* 2 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ setClassesStatePopup: function() { return /* binding */ setClassesStatePopup; } -/* harmony export */ }); -/* harmony import */ var _generatePopup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3); -/* harmony import */ var _pets_info__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4); - - - -const slider = document.querySelector('.pets__images') -const popup = document.querySelector('.popup') -const popupShadow = document.querySelector('.popup_shadow') - -const petInfoObject = Array.from(_pets_info__WEBPACK_IMPORTED_MODULE_1__.petInfo).reduce((acc, e) => { - acc[e.name] = e - return acc -}, {}) - -const setClassesStatePopup = (state) => { - document.body.classList[state]('body_popup_fixed') - popup.classList[state]('popup_active') - popupShadow.classList[state]('popup_shadow-on') -} - -slider.addEventListener('click', function (e) { - const target = e.target - if (!target.classList.contains('pets__images')) { - const closestFigure = target.closest('figure') - const figureDataValue = closestFigure.dataset.pet - const findItem = petInfoObject[figureDataValue] - const popUpInner = - (0,_generatePopup__WEBPACK_IMPORTED_MODULE_0__["default"])(findItem.name, findItem.type, findItem.breed, findItem.description, findItem.age, findItem.inoculations, findItem.diseases, findItem.parasites) - popup.innerHTML = popUpInner - setClassesStatePopup('add') - - const popupBtn = document.querySelector('.popup__button') - popupBtn.addEventListener('click', function (e) { - setClassesStatePopup('remove') - }) - } -}) - -popup.addEventListener('mouseleave', function (e) { - const popupBtn = document.querySelector('.popup__button') - popupBtn.classList.add('popup__button_hover') -}) - -popup.addEventListener('mouseenter', function (e) { - const popupBtn = document.querySelector('.popup__button') - popupBtn.classList.remove('popup__button_hover') -}) - -/***/ }), -/* 3 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -const generatePopUp = (name, type, breed, description, age, inoculations, diseases, parasites) => { - return ` - - - - ${name} - - ` -} - -/* harmony default export */ __webpack_exports__["default"] = (generatePopUp); - -/***/ }), -/* 4 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ petInfo: function() { return /* binding */ petInfoJSON; } -/* harmony export */ }); -const petInfoJSON = [ - { - "name": "Jennifer", - "type": "Dog", - "breed": "Labrador", - "description": "Jennifer is a sweet 2 months old Labrador that is patiently waiting to find a new forever home. This girl really enjoys being able to go outside to run and play, but won't hesitate to play up a storm in the house if she has all of her favorite toys.", - "age": "2 months", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Sophia", - "type": "Dog", - "breed": "Shih tzu", - "description": "Sophia here and I'm looking for my forever home to live out the best years of my life. I am full of energy. Everyday I'm learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "1 month", - "inoculations": [ - "parvovirus" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Woody", - "type": "Dog", - "breed": "Golden Retriever", - "description": "Woody is a handsome 3 1/2 year old boy. Woody does know basic commands and is a smart pup. Since he is on the stronger side, he will learn a lot from your training. Woody will be happier when he finds a new family that can spend a lot of time with him.", - "age": "3 years 6 months", - "inoculations": [ - "adenovirus", - "distemper" - ], - "diseases": [ - "right back leg mobility reduced" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Scarlett", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "Scarlett is a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.", - "age": "3 months", - "inoculations": [ - "parainfluenza" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Katrine", - "type": "Cat", - "breed": "British Shorthair", - "description": "Katrine is a beautiful girl. She is as soft as the finest velvet with a thick lush fur. Will love you until the last breath she takes as long as you are the one. She is picky about her affection. She loves cuddles and to stretch into your hands for a deeper relaxations.", - "age": "6 months", - "inoculations": [ - "panleukopenia" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Timmy", - "type": "Cat", - "breed": "British Shorthair", - "description": "Timmy is an adorable grey british shorthair male. He loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. Timmy has a lot to say and wants a person to share his thoughts with.", - "age": "2 years 3 months", - "inoculations": [ - "calicivirus", - "viral rhinotracheitis" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Freddie", - "type": "Cat", - "breed": "British Shorthair", - "description": "Freddie is a little shy at first, but very sweet when he warms up. He likes playing with shoe strings and bottle caps. He is quick to learn the rhythms of his human’s daily life. Freddie has bounced around a lot in his life, and is looking to find his forever home.", - "age": "2 months", - "inoculations": [ - "rabies" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Charly", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "This cute boy, Charly, is three years old and he likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. Charly has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "8 years", - "inoculations": [ - "bordetella bronchiseptica", - "leptospirosis" - ], - "diseases": [ - "deafness", - "blindness" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Hunter", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Skrull", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "2 years 3 month", - "inoculations": [ - "calicivirus" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Pory", - "type": "Cat", - "breed": "Pooch", - "description": "I am a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.", - "age": "1 years 4 month", - "inoculations": [ - "bordetella " - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Tanos", - "type": "Dog", - "breed": "Chihuahua", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "5 years 4 month", - "inoculations": [ - "bordetella " - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Rex", - "type": "Dog", - "breed": "German Shepherd", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "1 years 1 month", - "inoculations": [ - "bordetella", - "bronchiseptica" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Willson", - "type": "Dog", - "breed": "Pooch", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "3 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Tor", - "type": "Dog", - "breed": "Dalmatian", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "2 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Monna", - "type": "Cat", - "breed": "Pooch", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "6 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "helminth" - ] - }, - { - "name": "Donatan", - "type": "Dog", - "breed": "Shiba Inu", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "1 years 10 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Koddy", - "type": "Cat", - "breed": "Toyger", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Butty", - "type": "Dog", - "breed": "French Bulldog", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "8 month", - "inoculations": [ - "none" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "July", - "type": "Dog", - "breed": "Chihuahua", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "5 years 3 month", - "inoculations": [ - "viral rhinotracheitis" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Perry", - "type": "Dog", - "breed": "French Bulldog", - "description": "She is the perfect combination of silly and sweet. She is eager to please, loves her human and dog companions, and believes she is a professional MMA wrestler in her spare time.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Missy", - "type": "Dog", - "breed": "Labrador", - "description": "He’s mild mannered and really just wants to spend his time outside or laying next to you being pet. He is extremely low energy but has a lot of.", - "age": "7 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Lolly", - "type": "Dog", - "breed": "Pooch", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "2 years 3 month", - "inoculations": [ - "calicivirus" - ], - "diseases": [ - "deafness" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Iron", - "type": "Dog", - "breed": "Parson Russell Terrier", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none", - ] - }, - { - "name": "Wonder", - "type": "Dog", - "breed": "French Bulldog", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "3 years 9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Molly", - "type": "Dog", - "breed": "Spaniel", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "1 years 9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "fleas" - ] - }, - { - "name": "Elton", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "1 years 9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "fleas" - ] - }, - { - "name": "Cola", - "type": "Dog", - "breed": "Brazilian Terrier", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "4 years 4 month", - "inoculations": [ - "adenovirus" - ], - "diseases": [ - "deafness" - ], - "parasites": [ - "fleas" - ] - }, - { - "name": "Doran", - "type": "Dog", - "breed": "German Shepherd", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "2 years 7 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Face", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "6 years 4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Fold", - "type": "Dog", - "breed": "American Staffordshire Bulldog", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "3 years 2 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Jhon", - "type": "Dog", - "breed": "Pooch", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "1 years 2 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Molav", - "type": "Dog", - "breed": "French Bulldog", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Monika", - "type": "Dog", - "breed": "Dachshund", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "3 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Nomad", - "type": "Dog", - "breed": "English bulldog", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "1 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Rikky", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "5 years 3 month", - "inoculations": [ - "viral rhinotracheitis" - ], - "diseases": [ - "Blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Rolls", - "type": "Dog", - "breed": "Pooch", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "3 years 1 month", - "inoculations": [ - "viral rhinotracheitis" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Ronny", - "type": "Dog", - "breed": "English bulldog", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Smile", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "6 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Jessy", - "type": "Dog", - "breed": "Tibetan mastiff", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Poolly", - "type": "Dog", - "breed": "Bedlington Terrier", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Salem", - "type": "Dog", - "breed": "Newfoundland", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "2 years 11 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Spoon", - "type": "Dog", - "breed": "American Cocker Spaniel", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "4 years 4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Yammy", - "type": "Dog", - "breed": "Chinese Crested", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "7 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Blacky", - "type": "Dog", - "breed": "Pooch", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "3 years 8 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Bony", - "type": "Dog", - "breed": "Bull Terrier", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "2 years 11 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Ember", - "type": "Dog", - "breed": "Cavalier King Charles Spaniel", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "3 years 8 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Huskar", - "type": "Dog", - "breed": "Husky", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!.", - "age": "1 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - } -] - - - - -/***/ }), -/* 5 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _burger__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1); -/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2); - - - -const checkClickOutBurger = (e) => { - if (!e.target.closest('.nav__list') && !e.target.closest('.burger')) { - (0,_burger__WEBPACK_IMPORTED_MODULE_0__["default"])('remove') - } -} - -const checkClickOutPopUp = (e) => { - if (e.target.classList.contains('popup_shadow-on')) { - (0,_popup__WEBPACK_IMPORTED_MODULE_1__.setClassesStatePopup)('remove') - } -} - -document.body.addEventListener('click', function (e) { - checkClickOutBurger(e) - checkClickOutPopUp(e) -}) - - - -/***/ }), -/* 6 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _paginationValues__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7); - - -const petsImages = document.querySelector('.pets__images') -const leftStart = document.querySelector('.left-start') -const left = document.querySelector('.left') -const right = document.querySelector('.right'); -const rightEnd = document.querySelector('.right-end'); -let currentCount = document.querySelector('.pets__buttons-item_count') -let startPage = 1; -let itemsPerPage; -let maxPage; - -const getCountOfSlides = () => { - if (window.innerWidth >= 1280) { - return 8 - } else if (window.innerWidth < 1280 && window.innerWidth >= 768) { - return 6 - } else if (window.innerWidth < 768 && window.innerWidth >= 320) { - return 3 - } -} - -const createFigure = (i) => { - const figure = document.createElement('figure') - figure.classList.add('pets__images-figure') - figure.setAttribute('data-pet', _paginationValues__WEBPACK_IMPORTED_MODULE_0__["default"][i].name) - figure.innerHTML = - ` - - - ${_paginationValues__WEBPACK_IMPORTED_MODULE_0__[ - -
-

${_paginationValues__WEBPACK_IMPORTED_MODULE_0__["default"][i].name - }

- -
` - petsImages.append(figure) -} - -const loadItems = () => { - itemsPerPage = getCountOfSlides(); - petsImages.innerHTML = ''; - - for (let i = (startPage - 1) * itemsPerPage; i < startPage * itemsPerPage; i++) { - if (!_paginationValues__WEBPACK_IMPORTED_MODULE_0__["default"][i]) break - createFigure(i) - } -} - -loadItems() - -const setButtonsDisabled = (btnOne, btnTwo) => { - btnOne.classList.remove('pets__buttons-item_enabled') - btnOne.classList.add('pets__buttons-item_disabled') - btnOne.setAttribute('disabled', true) - - btnTwo.classList.remove('pets__buttons-item_enabled') - btnTwo.classList.add('pets__buttons-item_disabled') - btnTwo.setAttribute('disabled', true) -} - -const setButtonsEnabled = (btnOne, btnTwo) => { - btnOne.removeAttribute('disabled') - btnOne.classList.remove('pets__buttons-item_disabled') - btnOne.classList.add('pets__buttons-item_enabled') - - btnTwo.removeAttribute('disabled') - btnTwo.classList.remove('pets__buttons-item_disabled') - btnTwo.classList.add('pets__buttons-item_enabled') -} - -const clickLeftStartButton = () => { - startPage = 1; - currentCount.textContent = startPage; - - setButtonsDisabled(leftStart, left) - setButtonsEnabled(right, rightEnd) - loadItems() -} - -const clickLeftButton = () => { - --startPage - currentCount.textContent = startPage; - - setButtonsEnabled(right, rightEnd) - - if (startPage === 1) { - setButtonsDisabled(leftStart, left) - } - loadItems() -} - -const clickRightButton = () => { - maxPage = Math.ceil(_paginationValues__WEBPACK_IMPORTED_MODULE_0__["default"].length / itemsPerPage) - startPage++ - currentCount.textContent = startPage; - - setButtonsEnabled(leftStart, left) - - if (startPage === maxPage) { - setButtonsDisabled(right, rightEnd) - } - loadItems() -} - -const clickRightEndButton = () => { - maxPage = Math.ceil(_paginationValues__WEBPACK_IMPORTED_MODULE_0__["default"].length / itemsPerPage) - startPage = maxPage; - currentCount.textContent = startPage; - - setButtonsDisabled(right, rightEnd) - setButtonsEnabled(leftStart, left) - loadItems() -} - -leftStart.addEventListener('click', clickLeftStartButton) -left.addEventListener('click', clickLeftButton) -right.addEventListener('click', clickRightButton) -rightEnd.addEventListener('click', clickRightEndButton) - -window.addEventListener('resize', loadItems) - - - -/***/ }), -/* 7 */ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -const paginationValues = [ - { - "name": "Katrine", - "alt": "Cat Katrine", - "imgName": "pets-katrine", - }, - { - "name": "Jennifer", - "alt": "Dog Jennifer", - "imgName": "pets-jennifer" - }, - { - "name": "Woody", - "alt": "Dog Woody", - "imgName": "pets-woody" - }, - { - "name": "Sophia", - "alt": "Dog Sophia", - "imgName": "pets-sophia" - }, - { - "name": "Timmy", - "alt": "Cat Timmy", - "imgName": "pets-timmy" - }, - { - "name": "Charly", - "alt": "Dog Charly", - "imgName": "pets-charly" - }, - { - "name": "Scarlett", - "alt": "Dog Scarlett", - "imgName": "pets-scarlet" - }, - { - "name": "Freddie", - "alt": "Cat Freddie", - "imgName": "pets-freddie" - }, - { - "name": "Hunter", - "alt": "Dog Hunter", - "imgName": "pets-hunter" - }, - - { - "name": "Skrull", - "alt": "Dog Skrull", - "imgName": "pets-skrull" - }, - - { - "name": "Pory", - "alt": "Cat Pory", - "imgName": "pets-pory" - }, - - { - "name": "Tanos", - "alt": "Dog Tanos", - "imgName": "pets-tanos" - }, - { - "name": "Rex", - "alt": "Dog Rex", - "imgName": "pets-rex", - }, - { - "name": "Willson", - "alt": "Dog Willson", - "imgName": "pets-willson" - }, - { - "name": "Tor", - "alt": "Dog Tor", - "imgName": "pets-tor" - - }, - { - "name": "Monna", - "alt": "Cat Monna", - "imgName": "pets-monna" - }, - { - "name": "Donatan", - "alt": "Dog Donatan", - "imgName": "pets-donatan" - }, - { - "name": "Koddy", - "alt": "Dog Koddy", - "imgName": "pets-koddy" - }, - { - "name": "Butty", - "alt": "Dog Butty", - "imgName": "pets-butty" - }, - { - "name": "July", - "alt": "Dog July", - "imgName": "pets-july" - }, - { - "name": "Perry", - "alt": "Dog Perry", - "imgName": "pets-perry" - }, - { - "name": "Missy", - "alt": "Dog Missy", - "imgName": "pets-missy" - }, - { - "name": "Lolly", - "alt": "Dog Lolly", - "imgName": "pets-lolly" - }, - { - "name": "Iron", - "alt": "Dog Iron", - "imgName": "pets-iron" - }, - { - "name": "Wonder", - "alt": "Dog Wonder", - "imgName": "pets-wonder" - }, - { - "name": "Molly", - "alt": "Dog Molly", - "imgName": "pets-molly" - }, - { - "name": "Elton", - "alt": "Dog Elton", - "imgName": "pets-elton" - }, - { - "name": "Cola", - "alt": "Dog Cola", - "imgName": "pets-cola" - }, - { - "name": "Doran", - "alt": "Dog Doran", - "imgName": "pets-doran" - }, - { - "name": "Face", - "alt": "Dog Face", - "imgName": "pets-face" - }, - { - "name": "Fold", - "alt": "Dog Fold", - "imgName": "pets-fold" - }, - { - "name": "Jhon", - "alt": "Dog Jhon", - "imgName": "pets-jhon" - }, - { - "name": "Molav", - "alt": "Dog Molav", - "imgName": "pets-molav" - }, - { - "name": "Monika", - "alt": "Dog Monika", - "imgName": "pets-monika" - }, - { - "name": "Nomad", - "alt": "Dog Nomad", - "imgName": "pets-nomad" - }, - { - "name": "Rikky", - "alt": "Dog Rikky", - "imgName": "pets-rikky" - }, - { - "name": "Rolls", - "alt": "Dog Rolls", - "imgName": "pets-rolls" - }, - { - "name": "Ronny", - "alt": "Dog Ronny", - "imgName": "pets-ronny" - }, - { - "name": "Smile", - "alt": "Dog Smile", - "imgName": "pets-smile" - }, - { - "name": "Jessy", - "alt": "Dog Jessy", - "imgName": "pets-jessy" - }, - { - "name": "Poolly", - "alt": "Dog Poolly", - "imgName": "pets-poolly" - }, - { - "name": "Salem", - "alt": "Dog Salem", - "imgName": "pets-salem" - }, - { - "name": "Spoon", - "alt": "Dog Spoon", - "imgName": "pets-spoon" - }, - { - "name": "Yammy", - "alt": "Dog Yammy", - "imgName": "pets-yammy" - }, - { - "name": "Blacky", - "alt": "Dog Blacky", - "imgName": "pets-blacky" - }, - { - "name": "Bony", - "alt": "Dog Bony", - "imgName": "pets-bony" - }, - { - "name": "Ember", - "alt": "Dog Ember", - "imgName": "pets-ember" - }, - { - "name": "Huskar", - "alt": "Dog Huskar", - "imgName": "pets-huskar" - }, -] - -/* harmony default export */ __webpack_exports__["default"] = (paginationValues); - -/***/ }) -/******/ ]); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk. -!function() { -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_burger__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1); -/* harmony import */ var _components_popup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2); -/* harmony import */ var _components_checkClickOut__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5); -/* harmony import */ var _components_pagination__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6); - - - - - - -}(); -/******/ })() -; \ No newline at end of file diff --git a/our-pets.html b/our-pets.html index e4b262a..f35ac8a 100644 --- a/our-pets.html +++ b/our-pets.html @@ -1,252 +1 @@ - - - - - - - - Shelter - - - - - - - - - - - - - -
- -
-
-
-
-
-

Our friends who
- are looking for a house

-
-
- - - - Cat Katrine - -
-

Katrine

- -
-
-
- - - - Dog Jennifer - -
-

Jennifer

- -
-
-
- - - - Dog Woody - -
-

Woody

- -
-
-
- - - - Dog Sophia - -
-

Sophia

- -
-
-
- - - - Cat Timmy - -
-

Timmy

- -
-
-
- - - - Dog Charly - -
-

Charly

- -
-
-
- - - - Dog Scarlett - -
-

Scarlett

- -
-
-
- - - - Cat Freddie - -
-

Freddie

- -
-
-
- - -
- - - - - -
-
-
-
- -
- - - - - \ No newline at end of file +Shelter

Our friends who
are looking for a house

\ No newline at end of file diff --git a/site.webmanifest b/site.webmanifest new file mode 100644 index 0000000..8a48296 --- /dev/null +++ b/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "", + "short_name": "", + "icons": [ + { + "src": "./images/fav-icons/first-page/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "./images/fav-icons/first-page/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/src/js/components/burger.js b/src/js/components/burger.js deleted file mode 100644 index 4a8d9ea..0000000 --- a/src/js/components/burger.js +++ /dev/null @@ -1,23 +0,0 @@ -const header = document.querySelector('.header') -const navList = document.querySelector('.nav__list') -const burger = document.querySelector('.burger'); - -const setClassesStateBurger = (state) => { - burger.classList[state]('burger_active') - navList.classList[state]('nav__list_active') - document.body.classList[state]('body_fixed') -} - -const openBurger = () => setClassesStateBurger('toggle') -const closeBurger = () => setClassesStateBurger('remove') - -header.addEventListener('click', function (e) { - if (e.target.classList.contains('burger') || e.target.classList.contains('burger__line')) { - openBurger() - } - if (e.target.tagName === 'LI' || e.target.tagName === 'A') { - closeBurger() - } -}) - -export default setClassesStateBurger diff --git a/src/js/components/checkClickOut.js b/src/js/components/checkClickOut.js deleted file mode 100644 index e9deb05..0000000 --- a/src/js/components/checkClickOut.js +++ /dev/null @@ -1,20 +0,0 @@ -import setClassesStateBurger from "./burger" -import { setClassesStatePopup } from "./popup" - -const checkClickOutBurger = (e) => { - if (!e.target.closest('.nav__list') && !e.target.closest('.burger')) { - setClassesStateBurger('remove') - } -} - -const checkClickOutPopUp = (e) => { - if (e.target.classList.contains('popup_shadow-on')) { - setClassesStatePopup('remove') - } -} - -document.body.addEventListener('click', function (e) { - checkClickOutBurger(e) - checkClickOutPopUp(e) -}) - diff --git a/src/js/components/generatePopup.js b/src/js/components/generatePopup.js deleted file mode 100644 index 91fccaf..0000000 --- a/src/js/components/generatePopup.js +++ /dev/null @@ -1,38 +0,0 @@ -const generatePopUp = (name, type, breed, description, age, inoculations, diseases, parasites) => { - return ` - - - - ${name} - - ` -} - -export default generatePopUp \ No newline at end of file diff --git a/src/js/components/pagination.js b/src/js/components/pagination.js deleted file mode 100644 index 3730419..0000000 --- a/src/js/components/pagination.js +++ /dev/null @@ -1,129 +0,0 @@ -import paginationValues from "./paginationValues"; - -const petsImages = document.querySelector('.pets__images') -const leftStart = document.querySelector('.left-start') -const left = document.querySelector('.left') -const right = document.querySelector('.right'); -const rightEnd = document.querySelector('.right-end'); -let currentCount = document.querySelector('.pets__buttons-item_count') -let startPage = 1; -let itemsPerPage; -let maxPage; - -const getCountOfSlides = () => { - if (window.innerWidth >= 1280) { - return 8 - } else if (window.innerWidth < 1280 && window.innerWidth >= 768) { - return 6 - } else if (window.innerWidth < 768 && window.innerWidth >= 320) { - return 3 - } -} - -const createFigure = (i) => { - const figure = document.createElement('figure') - figure.classList.add('pets__images-figure') - figure.setAttribute('data-pet', paginationValues[i].name) - figure.innerHTML = - ` - - - ${paginationValues[i].alt
-		} - -
-

${paginationValues[i].name - }

- -
` - petsImages.append(figure) -} - -const loadItems = () => { - itemsPerPage = getCountOfSlides(); - petsImages.innerHTML = ''; - - for (let i = (startPage - 1) * itemsPerPage; i < startPage * itemsPerPage; i++) { - if (!paginationValues[i]) break - createFigure(i) - } -} - -loadItems() - -const setButtonsDisabled = (btnOne, btnTwo) => { - btnOne.classList.remove('pets__buttons-item_enabled') - btnOne.classList.add('pets__buttons-item_disabled') - btnOne.setAttribute('disabled', true) - - btnTwo.classList.remove('pets__buttons-item_enabled') - btnTwo.classList.add('pets__buttons-item_disabled') - btnTwo.setAttribute('disabled', true) -} - -const setButtonsEnabled = (btnOne, btnTwo) => { - btnOne.removeAttribute('disabled') - btnOne.classList.remove('pets__buttons-item_disabled') - btnOne.classList.add('pets__buttons-item_enabled') - - btnTwo.removeAttribute('disabled') - btnTwo.classList.remove('pets__buttons-item_disabled') - btnTwo.classList.add('pets__buttons-item_enabled') -} - -const clickLeftStartButton = () => { - startPage = 1; - currentCount.textContent = startPage; - - setButtonsDisabled(leftStart, left) - setButtonsEnabled(right, rightEnd) - loadItems() -} - -const clickLeftButton = () => { - --startPage - currentCount.textContent = startPage; - - setButtonsEnabled(right, rightEnd) - - if (startPage === 1) { - setButtonsDisabled(leftStart, left) - } - loadItems() -} - -const clickRightButton = () => { - maxPage = Math.ceil(paginationValues.length / itemsPerPage) - startPage++ - currentCount.textContent = startPage; - - setButtonsEnabled(leftStart, left) - - if (startPage === maxPage) { - setButtonsDisabled(right, rightEnd) - } - loadItems() -} - -const clickRightEndButton = () => { - maxPage = Math.ceil(paginationValues.length / itemsPerPage) - startPage = maxPage; - currentCount.textContent = startPage; - - setButtonsDisabled(right, rightEnd) - setButtonsEnabled(leftStart, left) - loadItems() -} - -leftStart.addEventListener('click', clickLeftStartButton) -left.addEventListener('click', clickLeftButton) -right.addEventListener('click', clickRightButton) -rightEnd.addEventListener('click', clickRightEndButton) - -window.addEventListener('resize', loadItems) - diff --git a/src/js/components/paginationValues.js b/src/js/components/paginationValues.js deleted file mode 100644 index bcd3f4d..0000000 --- a/src/js/components/paginationValues.js +++ /dev/null @@ -1,248 +0,0 @@ -const paginationValues = [ - { - "name": "Katrine", - "alt": "Cat Katrine", - "imgName": "pets-katrine", - }, - { - "name": "Jennifer", - "alt": "Dog Jennifer", - "imgName": "pets-jennifer" - }, - { - "name": "Woody", - "alt": "Dog Woody", - "imgName": "pets-woody" - }, - { - "name": "Sophia", - "alt": "Dog Sophia", - "imgName": "pets-sophia" - }, - { - "name": "Timmy", - "alt": "Cat Timmy", - "imgName": "pets-timmy" - }, - { - "name": "Charly", - "alt": "Dog Charly", - "imgName": "pets-charly" - }, - { - "name": "Scarlett", - "alt": "Dog Scarlett", - "imgName": "pets-scarlet" - }, - { - "name": "Freddie", - "alt": "Cat Freddie", - "imgName": "pets-freddie" - }, - { - "name": "Hunter", - "alt": "Dog Hunter", - "imgName": "pets-hunter" - }, - - { - "name": "Skrull", - "alt": "Dog Skrull", - "imgName": "pets-skrull" - }, - - { - "name": "Pory", - "alt": "Cat Pory", - "imgName": "pets-pory" - }, - - { - "name": "Tanos", - "alt": "Dog Tanos", - "imgName": "pets-tanos" - }, - { - "name": "Rex", - "alt": "Dog Rex", - "imgName": "pets-rex", - }, - { - "name": "Willson", - "alt": "Dog Willson", - "imgName": "pets-willson" - }, - { - "name": "Tor", - "alt": "Dog Tor", - "imgName": "pets-tor" - - }, - { - "name": "Monna", - "alt": "Cat Monna", - "imgName": "pets-monna" - }, - { - "name": "Donatan", - "alt": "Dog Donatan", - "imgName": "pets-donatan" - }, - { - "name": "Koddy", - "alt": "Dog Koddy", - "imgName": "pets-koddy" - }, - { - "name": "Butty", - "alt": "Dog Butty", - "imgName": "pets-butty" - }, - { - "name": "July", - "alt": "Dog July", - "imgName": "pets-july" - }, - { - "name": "Perry", - "alt": "Dog Perry", - "imgName": "pets-perry" - }, - { - "name": "Missy", - "alt": "Dog Missy", - "imgName": "pets-missy" - }, - { - "name": "Lolly", - "alt": "Dog Lolly", - "imgName": "pets-lolly" - }, - { - "name": "Iron", - "alt": "Dog Iron", - "imgName": "pets-iron" - }, - { - "name": "Wonder", - "alt": "Dog Wonder", - "imgName": "pets-wonder" - }, - { - "name": "Molly", - "alt": "Dog Molly", - "imgName": "pets-molly" - }, - { - "name": "Elton", - "alt": "Dog Elton", - "imgName": "pets-elton" - }, - { - "name": "Cola", - "alt": "Dog Cola", - "imgName": "pets-cola" - }, - { - "name": "Doran", - "alt": "Dog Doran", - "imgName": "pets-doran" - }, - { - "name": "Face", - "alt": "Dog Face", - "imgName": "pets-face" - }, - { - "name": "Fold", - "alt": "Dog Fold", - "imgName": "pets-fold" - }, - { - "name": "Jhon", - "alt": "Dog Jhon", - "imgName": "pets-jhon" - }, - { - "name": "Molav", - "alt": "Dog Molav", - "imgName": "pets-molav" - }, - { - "name": "Monika", - "alt": "Dog Monika", - "imgName": "pets-monika" - }, - { - "name": "Nomad", - "alt": "Dog Nomad", - "imgName": "pets-nomad" - }, - { - "name": "Rikky", - "alt": "Dog Rikky", - "imgName": "pets-rikky" - }, - { - "name": "Rolls", - "alt": "Dog Rolls", - "imgName": "pets-rolls" - }, - { - "name": "Ronny", - "alt": "Dog Ronny", - "imgName": "pets-ronny" - }, - { - "name": "Smile", - "alt": "Dog Smile", - "imgName": "pets-smile" - }, - { - "name": "Jessy", - "alt": "Dog Jessy", - "imgName": "pets-jessy" - }, - { - "name": "Poolly", - "alt": "Dog Poolly", - "imgName": "pets-poolly" - }, - { - "name": "Salem", - "alt": "Dog Salem", - "imgName": "pets-salem" - }, - { - "name": "Spoon", - "alt": "Dog Spoon", - "imgName": "pets-spoon" - }, - { - "name": "Yammy", - "alt": "Dog Yammy", - "imgName": "pets-yammy" - }, - { - "name": "Blacky", - "alt": "Dog Blacky", - "imgName": "pets-blacky" - }, - { - "name": "Bony", - "alt": "Dog Bony", - "imgName": "pets-bony" - }, - { - "name": "Ember", - "alt": "Dog Ember", - "imgName": "pets-ember" - }, - { - "name": "Huskar", - "alt": "Dog Huskar", - "imgName": "pets-huskar" - }, -] - -export default paginationValues \ No newline at end of file diff --git a/src/js/components/pets-info.js b/src/js/components/pets-info.js deleted file mode 100644 index 737adc4..0000000 --- a/src/js/components/pets-info.js +++ /dev/null @@ -1,782 +0,0 @@ -const petInfoJSON = [ - { - "name": "Jennifer", - "type": "Dog", - "breed": "Labrador", - "description": "Jennifer is a sweet 2 months old Labrador that is patiently waiting to find a new forever home. This girl really enjoys being able to go outside to run and play, but won't hesitate to play up a storm in the house if she has all of her favorite toys.", - "age": "2 months", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Sophia", - "type": "Dog", - "breed": "Shih tzu", - "description": "Sophia here and I'm looking for my forever home to live out the best years of my life. I am full of energy. Everyday I'm learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "1 month", - "inoculations": [ - "parvovirus" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Woody", - "type": "Dog", - "breed": "Golden Retriever", - "description": "Woody is a handsome 3 1/2 year old boy. Woody does know basic commands and is a smart pup. Since he is on the stronger side, he will learn a lot from your training. Woody will be happier when he finds a new family that can spend a lot of time with him.", - "age": "3 years 6 months", - "inoculations": [ - "adenovirus", - "distemper" - ], - "diseases": [ - "right back leg mobility reduced" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Scarlett", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "Scarlett is a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.", - "age": "3 months", - "inoculations": [ - "parainfluenza" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Katrine", - "type": "Cat", - "breed": "British Shorthair", - "description": "Katrine is a beautiful girl. She is as soft as the finest velvet with a thick lush fur. Will love you until the last breath she takes as long as you are the one. She is picky about her affection. She loves cuddles and to stretch into your hands for a deeper relaxations.", - "age": "6 months", - "inoculations": [ - "panleukopenia" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Timmy", - "type": "Cat", - "breed": "British Shorthair", - "description": "Timmy is an adorable grey british shorthair male. He loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. Timmy has a lot to say and wants a person to share his thoughts with.", - "age": "2 years 3 months", - "inoculations": [ - "calicivirus", - "viral rhinotracheitis" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Freddie", - "type": "Cat", - "breed": "British Shorthair", - "description": "Freddie is a little shy at first, but very sweet when he warms up. He likes playing with shoe strings and bottle caps. He is quick to learn the rhythms of his human’s daily life. Freddie has bounced around a lot in his life, and is looking to find his forever home.", - "age": "2 months", - "inoculations": [ - "rabies" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Charly", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "This cute boy, Charly, is three years old and he likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. Charly has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "8 years", - "inoculations": [ - "bordetella bronchiseptica", - "leptospirosis" - ], - "diseases": [ - "deafness", - "blindness" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Hunter", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Skrull", - "type": "Dog", - "breed": "Jack Russell Terrier", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "2 years 3 month", - "inoculations": [ - "calicivirus" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Pory", - "type": "Cat", - "breed": "Pooch", - "description": "I am a happy, playful girl who will make you laugh and smile. She forms a bond quickly and will make a loyal companion and a wonderful family dog or a good companion for a single individual too since she likes to hang out and be with her human.", - "age": "1 years 4 month", - "inoculations": [ - "bordetella " - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Tanos", - "type": "Dog", - "breed": "Chihuahua", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "5 years 4 month", - "inoculations": [ - "bordetella " - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Rex", - "type": "Dog", - "breed": "German Shepherd", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "1 years 1 month", - "inoculations": [ - "bordetella", - "bronchiseptica" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Willson", - "type": "Dog", - "breed": "Pooch", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "3 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Tor", - "type": "Dog", - "breed": "Dalmatian", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "2 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Monna", - "type": "Cat", - "breed": "Pooch", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "6 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "helminth" - ] - }, - { - "name": "Donatan", - "type": "Dog", - "breed": "Shiba Inu", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "1 years 10 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Koddy", - "type": "Cat", - "breed": "Toyger", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Butty", - "type": "Dog", - "breed": "French Bulldog", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "8 month", - "inoculations": [ - "none" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "July", - "type": "Dog", - "breed": "Chihuahua", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "5 years 3 month", - "inoculations": [ - "viral rhinotracheitis" - ], - "diseases": [ - "kidney stones" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Perry", - "type": "Dog", - "breed": "French Bulldog", - "description": "She is the perfect combination of silly and sweet. She is eager to please, loves her human and dog companions, and believes she is a professional MMA wrestler in her spare time.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Missy", - "type": "Dog", - "breed": "Labrador", - "description": "He’s mild mannered and really just wants to spend his time outside or laying next to you being pet. He is extremely low energy but has a lot of.", - "age": "7 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Lolly", - "type": "Dog", - "breed": "Pooch", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "2 years 3 month", - "inoculations": [ - "calicivirus" - ], - "diseases": [ - "deafness" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Iron", - "type": "Dog", - "breed": "Parson Russell Terrier", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none", - ] - }, - { - "name": "Wonder", - "type": "Dog", - "breed": "French Bulldog", - "description": "I am a handsome sweetheart who loves people and melts for chin scratches!", - "age": "3 years 9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "lice", - "fleas" - ] - }, - { - "name": "Molly", - "type": "Dog", - "breed": "Spaniel", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "1 years 9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "fleas" - ] - }, - { - "name": "Elton", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "1 years 9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "fleas" - ] - }, - { - "name": "Cola", - "type": "Dog", - "breed": "Brazilian Terrier", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "4 years 4 month", - "inoculations": [ - "adenovirus" - ], - "diseases": [ - "deafness" - ], - "parasites": [ - "fleas" - ] - }, - { - "name": "Doran", - "type": "Dog", - "breed": "German Shepherd", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "2 years 7 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Face", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "6 years 4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Fold", - "type": "Dog", - "breed": "American Staffordshire Bulldog", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "3 years 2 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Jhon", - "type": "Dog", - "breed": "Pooch", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "1 years 2 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Molav", - "type": "Dog", - "breed": "French Bulldog", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "1 years 5 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Monika", - "type": "Dog", - "breed": "Dachshund", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "3 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Nomad", - "type": "Dog", - "breed": "English bulldog", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "1 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Rikky", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "5 years 3 month", - "inoculations": [ - "viral rhinotracheitis" - ], - "diseases": [ - "Blindness" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Rolls", - "type": "Dog", - "breed": "Pooch", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "3 years 1 month", - "inoculations": [ - "viral rhinotracheitis" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Ronny", - "type": "Dog", - "breed": "English bulldog", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Smile", - "type": "Dog", - "breed": "Pooch", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "6 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Jessy", - "type": "Dog", - "breed": "Tibetan mastiff", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Poolly", - "type": "Dog", - "breed": "Bedlington Terrier", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "9 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Salem", - "type": "Dog", - "breed": "Newfoundland", - "description": "I am loves to play and snuggle. He is neutered and up to date on age appropriate vaccinations. He can be chatty and enjoys being held. I am a lot to say and wants a person to share his thoughts with.", - "age": "2 years 11 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Spoon", - "type": "Dog", - "breed": "American Cocker Spaniel", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "4 years 4 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Yammy", - "type": "Dog", - "breed": "Chinese Crested", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "7 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Blacky", - "type": "Dog", - "breed": "Pooch", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!", - "age": "3 years 8 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Bony", - "type": "Dog", - "breed": "Bull Terrier", - "description": "I am here and I am looking for my forever home to live out the best years of my life. I am full of energy. Everyday I am learning new things, like how to walk on a leash, go potty outside, bark and play with toys and I still need some practice.", - "age": "2 years 11 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Ember", - "type": "Dog", - "breed": "Cavalier King Charles Spaniel", - "description": "This cute gay likes adults and kids. He isn’t fond of many other dogs, so he might do best in a single dog home. He has lots of energy, and loves to run and play. We think a fenced yard would make him very happy.", - "age": "3 years 8 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - }, - { - "name": "Huskar", - "type": "Dog", - "breed": "Husky", - "description": "I am a friendly and laid back senior who enjoys chatting and being pet!.", - "age": "1 years 1 month", - "inoculations": [ - "none" - ], - "diseases": [ - "none" - ], - "parasites": [ - "none" - ] - } -] - - -export { petInfoJSON as petInfo } \ No newline at end of file diff --git a/src/js/components/popup.js b/src/js/components/popup.js deleted file mode 100644 index c3a4020..0000000 --- a/src/js/components/popup.js +++ /dev/null @@ -1,45 +0,0 @@ -import generatePopUp from "./generatePopup" -import { petInfo } from "./pets-info" - -const slider = document.querySelector('.pets__images') -const popup = document.querySelector('.popup') -const popupShadow = document.querySelector('.popup_shadow') - -const petInfoObject = Array.from(petInfo).reduce((acc, e) => { - acc[e.name] = e - return acc -}, {}) - -export const setClassesStatePopup = (state) => { - document.body.classList[state]('body_popup_fixed') - popup.classList[state]('popup_active') - popupShadow.classList[state]('popup_shadow-on') -} - -slider.addEventListener('click', function (e) { - const target = e.target - if (!target.classList.contains('pets__images')) { - const closestFigure = target.closest('figure') - const figureDataValue = closestFigure.dataset.pet - const findItem = petInfoObject[figureDataValue] - const popUpInner = - generatePopUp(findItem.name, findItem.type, findItem.breed, findItem.description, findItem.age, findItem.inoculations, findItem.diseases, findItem.parasites) - popup.innerHTML = popUpInner - setClassesStatePopup('add') - - const popupBtn = document.querySelector('.popup__button') - popupBtn.addEventListener('click', function (e) { - setClassesStatePopup('remove') - }) - } -}) - -popup.addEventListener('mouseleave', function (e) { - const popupBtn = document.querySelector('.popup__button') - popupBtn.classList.add('popup__button_hover') -}) - -popup.addEventListener('mouseenter', function (e) { - const popupBtn = document.querySelector('.popup__button') - popupBtn.classList.remove('popup__button_hover') -}) \ No newline at end of file diff --git a/src/js/components/slider.js b/src/js/components/slider.js deleted file mode 100644 index c04143a..0000000 --- a/src/js/components/slider.js +++ /dev/null @@ -1,113 +0,0 @@ -import paginationValues from "./paginationValues"; -const slider = document.querySelector('.pets__images'); -const buttonLeft = document.querySelector('.left') -const buttonRight = document.querySelector('.right') -let isAnimateFinished = false; - -const createFigure = (i) => { - const figure = document.createElement('figure') - figure.classList.add('pets__images-figure') - figure.setAttribute('data-pet', paginationValues[i].name) - figure.innerHTML = - ` - - - ${paginationValues[i].alt
-		} - -
-

${paginationValues[i].name - }

- -
` - slider.append(figure) -} - -const loadItems = () => { - slider.innerHTML = ''; - - for (let i = 0; i < paginationValues.length; i++) { - createFigure(i) - } -} - -loadItems() - -function controlAnimation(arr, action, animationClass) { - arr.map(e => e.classList[action](animationClass)) -} - - -const getCountOfSlides = () => { - if (window.innerWidth >= 1280) { - return 3 - } else if (window.innerWidth < 1280 && window.innerWidth >= 768) { - return 2 - } else if (window.innerWidth < 768 && window.innerWidth >= 320) { - return 1 - } -} - -const moveLeft = () => { - let countSlides = getCountOfSlides() - if (isAnimateFinished) return - isAnimateFinished = true - const sliderChildren = slider.children - const sliderChildrenArr = Array.from(sliderChildren) - - let slides = []; - for (let i = 0; i < countSlides; i++) { - slides.push(sliderChildren[i]) - } - const savedSlides = slides.slice(0) - - controlAnimation(sliderChildrenArr, 'add', 'pets__arrow_moveLeftAnimation') - - setTimeout(() => { - sliderChildrenArr.filter(e => slides.includes(e) ? e.remove() : '') - - controlAnimation(sliderChildrenArr, 'remove', 'pets__arrow_moveLeftAnimation') - }, 610) - - setTimeout(() => { - for (let i = 0; i < countSlides; i++) { - slider.appendChild(savedSlides[i]) - } - isAnimateFinished = false - }, 710); -} - -const moveRight = () => { - let countSlides = getCountOfSlides() - if (isAnimateFinished) return - isAnimateFinished = true; - const sliderChildren = slider.children - let sliderChildrenArr = Array.from(sliderChildren) - - let slides = []; - for (let i = sliderChildrenArr.length - 1; i >= sliderChildrenArr.length - countSlides; i--) { - slides.push(sliderChildren[i]) - } - - const savedSlides = slides.slice(0) - - for (let i = 0; i < countSlides; i++) { - slider.prepend(savedSlides[i]) - } - - sliderChildrenArr = Array.from(sliderChildren) - controlAnimation(sliderChildrenArr, 'add', 'pets__arrow_moveRightAnimation') - - setTimeout(() => { - controlAnimation(sliderChildrenArr, 'remove', 'pets__arrow_moveRightAnimation') - isAnimateFinished = false; - }, 610); -} - -buttonLeft.addEventListener('click', moveLeft) -buttonRight.addEventListener('click', moveRight) \ No newline at end of file diff --git a/src/js/index.js b/src/js/index.js deleted file mode 100644 index bdbe339..0000000 --- a/src/js/index.js +++ /dev/null @@ -1,4 +0,0 @@ -import * as burger from './components/burger' -import * as popup from './components/popup' -import * as slider from './components/slider' -import * as checkClickOut from './components/checkClickOut' \ No newline at end of file diff --git a/src/js/our-pets.js b/src/js/our-pets.js deleted file mode 100644 index 452666b..0000000 --- a/src/js/our-pets.js +++ /dev/null @@ -1,5 +0,0 @@ -import * as burger from './components/burger' -import * as popup from './components/popup' -import * as checkClickOut from './components/checkClickOut' -import * as pagination from './components/pagination' - diff --git a/src/scss/_media.scss b/src/scss/_media.scss deleted file mode 100644 index f00aa43..0000000 --- a/src/scss/_media.scss +++ /dev/null @@ -1,37 +0,0 @@ -$desktop: 1279px; -$big-mobile: 767px; -$small-mobile: 380px; - -@mixin desktop { - @media only screen and (max-width: $desktop) { - @content; - } -} - -@mixin bigMobile { - @media only screen and (max-width: $big-mobile) { - @content; - } -} - -@mixin smallMobile { - @media only screen and (max-width: $small-mobile) { - @content; - } -} - -@mixin hover { - @media (hover: hover) { - &:hover { - @content; - } - } -} - -@mixin hover-none { - @media (hover: none) { - &:active { - @content; - } - } -} diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss deleted file mode 100644 index 3c2f511..0000000 --- a/src/scss/_mixins.scss +++ /dev/null @@ -1,25 +0,0 @@ -@mixin fluid-text($min: 13, $content-width, $max: 46) { - font-size: clamp(#{$min}px, #{$max / $content-width * 100}vw, #{$max}px); -} - -@mixin sizes($width, $height: auto) { - width: $width; - height: $height; -} - -@mixin popupCrossStyle() { - position: absolute; - display: block; - top: 50%; - left: calc(50% - 6px); - @include sizes(12px, 2px); - content: ''; - background-color: var(--dark__buttons); - border-radius: 2px; -} - -@mixin position($position, $topValue, $leftValue) { - position: $position; - top: $topValue; - left: $leftValue; -} diff --git a/src/scss/_normalize.scss b/src/scss/_normalize.scss deleted file mode 100644 index e545deb..0000000 --- a/src/scss/_normalize.scss +++ /dev/null @@ -1,404 +0,0 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ - -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ - width: 100%; - height: 100%; - scroll-behavior: smooth; -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers. - */ - -body { - margin: 0; - font-family: 'Noto Sans', sans-serif; - letter-spacing: 1px; - width: 100%; - height: 100%; - -webkit-tap-highlight-color: rgba(3, 2, 2, 0); - -webkit-tap-highlight-color: transparent; - overflow-x: hidden; -} - -/** - * Render the `main` element consistently in IE. - */ - -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Remove the gray background on active links in IE 10. - */ - -a { - background-color: transparent; - text-decoration: none; - color: inherit; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove the border on images inside links in IE 10. - */ - -img { - border-style: none; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { - /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { - /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type='button']::-moz-focus-inner, -[type='reset']::-moz-focus-inner, -[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type='button']:-moz-focusring, -[type='reset']:-moz-focusring, -[type='submit']:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ - -textarea { - overflow: auto; -} - -figure { - margin: 0; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - -[type='checkbox'], -[type='radio'] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type='number']::-webkit-inner-spin-button, -[type='number']::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type='search'] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ - -[type='search']::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -details summary::-webkit-details-marker { - display: none; -} -/* Убираем стандартный маркер Firefox */ -details > summary { - list-style: none; -} - -/* Misc - ========================================================================== */ - -/** - * Add the correct display in IE 10+. - */ - -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ - -[hidden] { - display: none; -} - -html { - box-sizing: border-box; -} -*, -*::before, -*::after { - box-sizing: border-box; -} - -ul { - list-style-type: none; - padding: 0; -} - -svg { - cursor: pointer; - pointer-events: auto; -} - -h1, -h2, -h3, -h4, -h5, -p, -ul { - margin: 0; -} diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss deleted file mode 100644 index 2f16241..0000000 --- a/src/scss/_variables.scss +++ /dev/null @@ -1,25 +0,0 @@ -:root { - --brown-background: url(../images/noise_transparent.png), - linear-gradient(to right, rgb(79, 60, 49) 0%, rgb(61, 52, 46) 27%, rgb(33, 31, 32) 100%); - --white_255: rgb(255, 255, 255); - --white_250: rgb(250, 250, 250); - --white_246: rgb(246, 246, 246); - --orange: rgb(241, 205, 179); - --orange_hover: rgb(253, 220, 196); - --dark__buttons: rgb(41, 41, 41); - --dark__76: rgb(76, 76, 76); - --dark__84: rgb(84, 84, 84); - --dark__205: rgb(205, 205, 205); - --nav__active-color: rgb(241, 205, 179); - --nav__active-border: 3px solid var(--nav__active-color); - - --buttons-borderRadius: 100px; - --buttons-padding: 15px 45px 15px 45px; - - --content-width: 1200px; - --padding-contentInline: 40px; - - --Georgia-regular: 'Georgia', 'sans-serif'; - - --transition: all 0.3s ease; -} diff --git a/src/scss/components/_components.scss b/src/scss/components/_components.scss deleted file mode 100644 index 345943c..0000000 --- a/src/scss/components/_components.scss +++ /dev/null @@ -1,256 +0,0 @@ -.body { - font-family: var(--Georgia-regular); - font-weight: 400; - - &_fixed { - overflow: hidden; - } - - &_popup_fixed { - overflow: hidden; - } -} - -.container { - margin: 0 auto; - padding-inline: var(--padding-contentInline); - max-width: var(--content-width); - box-sizing: content-box; -} - -.title { - @include fluid-text(25, 768, 35); - font-weight: 400; - line-height: 130%; - letter-spacing: 2.1px; - text-align: left; - color: var(--dark__84); - - @include bigMobile { - letter-spacing: 1.5px; - text-align: center; - } -} - -.subtitle { - font-family: 'Arial', 'sans-serif'; - font-size: 15px; - line-height: 160%; - letter-spacing: 0px; - text-align: left; - - @include bigMobile { - text-align: justify; - } -} - -.subtitle-animal { - color: var(--dark__84); - font-size: 20px; - line-height: 23px; - letter-spacing: 6%; - text-align: center; -} - -.popUp__text { - color: rgb(0, 0, 0); - font-weight: 400; - line-height: 110%; - text-align: left; - letter-spacing: 0.04em; -} - -.popup { - @include position(fixed, 50%, 50%); - display: none; - z-index: 3; - width: 900px; - background: var(--white_250); - border-radius: 9px; - transform: translate(-50%, -50%); - box-shadow: 0px 2px 35px 14px rgba(13, 13, 13, 0.04); - - @include desktop { - width: 630px; - } - - @include bigMobile { - box-sizing: content-box; - padding: 10px; - width: 240px; - } - - &_active { - display: flex; - justify-content: flex-start; - - @include bigMobile { - justify-content: center; - } - } - - &__picture { - margin-right: 30px; - - @include desktop { - margin-right: 11px; - } - - @include bigMobile { - display: none; - } - - &-image { - @include sizes(500px, 500px); - - @include desktop { - @include sizes(350px, 350px); - } - } - } - - &__content { - padding-top: 52px; - padding-right: 23px; - - @include desktop { - padding-top: 10px; - padding-right: 9px; - } - - @include bigMobile { - padding-top: 0; - padding-right: 0; - justify-content: center; - & h4, - h5 { - text-align: center; - } - } - } - - &__title { - margin-bottom: 16px; - font-size: 35px; - - @include bigMobile { - margin-bottom: 17px; - } - } - - &__breed { - margin-bottom: 40px; - font-size: 20px; - - @include desktop { - margin-bottom: 20px; - } - } - - &__description { - margin-bottom: 40px; - font-size: 15px; - - @include desktop { - margin-bottom: 20px; - font-size: 13px; - } - - @include bigMobile { - text-align: justify; - } - } - - &__item { - position: relative; - padding-left: 13px; - font-size: 15px; - font-weight: 700; - list-style: none; - color: rgb(0, 0, 0); - - &:not(:last-of-type) { - margin-bottom: 11px; - - @include desktop { - margin-bottom: 6px; - } - } - - @include bigMobile { - font-size: 14px; - } - - &:before { - @include position(absolute, 7px, 0); - display: block; - content: ''; - @include sizes(4px, 4px); - border-radius: 50%; - background: var(--nav__active-color); - } - } - - &__span { - font-weight: 400; - } - - &__button { - position: absolute; - top: -52px; - right: -42px; - z-index: 0; - padding: 0; - @include sizes(52px, 52px); - border: 2px solid var(--nav__active-color); - border-radius: 26px; - color: var(--dark__buttons); - outline: none; - cursor: pointer; - background-color: transparent; - transition: var(--transition); - - &::before { - @include popupCrossStyle; - transform: rotate(45deg); - } - - &:after { - @include popupCrossStyle; - transform: rotate(-45deg); - } - - @include bigMobile { - top: -54px; - right: -30px; - } - - @include hover { - background: var(--orange_hover); - } - - @include hover-none { - background: var(--orange_hover); - } - - &_hover { - background: var(--orange_hover); - } - } - - &_shadow { - position: fixed; - display: none; - left: 0; - right: 0; - top: 0; - bottom: 0; - background: rgba(41, 41, 41, 0.6); - z-index: 1; - min-height: 100%; - - &-on { - display: block; - } - } -} diff --git a/src/scss/components/_footer.scss b/src/scss/components/_footer.scss deleted file mode 100644 index bbf040a..0000000 --- a/src/scss/components/_footer.scss +++ /dev/null @@ -1,121 +0,0 @@ -.footer { - background: var(--brown-background); - - .container { - padding-top: 40px; - - @include desktop { - padding: 23px 30px 0; - } - - @include bigMobile { - padding: 28px 10px 0; - } - } - - &__inner { - display: flex; - flex-wrap: wrap; - gap: 0 160px; - - @include desktop { - justify-content: center; - align-items: center; - gap: 0 60px; - } - } - - &__contacts { - padding-top: 16px; - - &:first-of-type { - max-width: 278px; - - & .footer__contacts-title { - margin-bottom: 40px; - - @include bigMobile { - margin-bottom: 37px; - } - } - - @include bigMobile { - display: flex; - flex-direction: column; - align-items: center; - margin-bottom: 0; - } - } - - &:last-of-type { - max-width: 302px; - - & .footer__contacts-title { - margin-bottom: 34px; - - @include bigMobile { - margin-bottom: 39px; - } - } - } - - @include desktop { - padding-top: 0; - margin-bottom: 65px; - } - - @include bigMobile { - margin-bottom: 0; - } - } - - &__contacts-title { - color: var(--white_255); - letter-spacing: 2px; - - @include bigMobile { - max-width: 294px; - letter-spacing: 1.5px; - } - } - - &__contacts-link { - display: flex; - align-items: center; - - &:first-of-type { - margin-bottom: 32px; - } - - @include bigMobile { - &:first-of-type { - margin-bottom: 35px; - } - - &:last-of-type { - margin-bottom: 40px; - } - } - } - - &__contacts-link-svg { - margin-right: 20px; - @include sizes(40px, 36px); - } - - &__contacts-link-marker { - margin-right: 20px; - min-width: 22px; - height: 32px; - } - - &__contacts-link-text { - color: var(--orange); - font-size: 20px; - line-height: 115%; - letter-spacing: 1.2px; - } - &__picture-image { - width: clamp(260px, 60vw, 300px); - } -} diff --git a/src/scss/components/_header.scss b/src/scss/components/_header.scss deleted file mode 100644 index 8aa9dd9..0000000 --- a/src/scss/components/_header.scss +++ /dev/null @@ -1,143 +0,0 @@ -.header { - background: var(--brown-background); - - .container { - padding-top: 30px; - - @include desktop { - padding-inline: 30px; - } - - @include bigMobile { - padding-inline: 20px; - } - } - - &__inner { - display: flex; - justify-content: space-between; - align-items: center; - } -} - -.logo { - &__title { - margin-bottom: 10px; - font-size: 32px; - line-height: 110%; - letter-spacing: 2px; - color: var(--orange); - } - - &__subtitle { - color: var(--white_255); - font-size: 13px; - line-height: 15px; - letter-spacing: 1.5px; - } -} -.nav { - color: var(--dark__205); - - &__list { - display: flex; - - @include bigMobile { - position: fixed; - right: 0; - top: 0; - flex-direction: column; - justify-content: center; - align-items: center; - padding-block: 248px; - @include sizes(320px, 100vh); - background: var(--dark__buttons); - z-index: 1; - transform: translateX(200%); - transition: transform 0.5s ease-in-out; - } - - &_active { - transform: translateX(0); - box-shadow: 0 0 0 9999px rgb(0 0 0 / 60%); - } - } - - &__item { - border-bottom: 3px solid transparent; - cursor: pointer; - transition: var(--transition); - - @include hover { - color: var(--white_255); - } - - &:active { - color: var(--white_255); - border-bottom: var(--nav__active-border); - } - - &:first-of-type { - border-bottom: var(--nav__active-border); - } - - &:not(:last-of-type) { - margin-right: 35px; - } - - @include bigMobile { - font-size: 32px; - - &:not(:last-of-type) { - margin-bottom: 43px; - margin-right: 0; - } - } - } -} - -.burger { - display: none; - position: relative; - z-index: 2; - @include sizes(30px, 22px); - cursor: pointer; - transition: var(--transition); - - &::before { - content: ''; - position: absolute; - display: block; - top: -15px; - left: -15px; - right: -15px; - bottom: -15px; - } - - @include bigMobile { - display: block; - } - - &__line { - position: absolute; - display: inline-block; - width: 30px; - border-bottom: 2px solid var(--nav__active-color); - - &:nth-of-type(1) { - top: 0px; - } - - &:nth-of-type(2) { - top: 10px; - } - - &:nth-of-type(3) { - top: 20px; - } - } - - &_active { - transform: rotate(90deg); - } -} diff --git a/src/scss/components/_main.scss b/src/scss/components/_main.scss deleted file mode 100644 index d76bd62..0000000 --- a/src/scss/components/_main.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import './section-welcome'; -@import './section-about'; -@import './section-pets'; -@import './section-help'; -@import './section-donation'; diff --git a/src/scss/components/_section-about.scss b/src/scss/components/_section-about.scss deleted file mode 100644 index e920340..0000000 --- a/src/scss/components/_section-about.scss +++ /dev/null @@ -1,79 +0,0 @@ -.about { - background: var(--white_255); - - .container { - padding-block: 80px 100px; - - @include desktop { - padding-inline: 165px; - } - - @include bigMobile { - padding: 40px 10px; - } - } - - &__inner { - display: flex; - margin-inline: 175px; - - @include desktop { - flex-direction: column-reverse; - align-items: center; - margin-inline: 0; - } - } - - &__picture { - margin-right: 120px; - - @include desktop { - margin-right: 0; - } - - &-image { - width: clamp(260px, 78vw, 300px); - } - } - - &__info { - padding-top: 14px; - - @include desktop { - padding-top: 0; - max-width: 430px; - } - - @include bigMobile { - padding-inline: 15px; - max-width: 300px; - } - } - - &__info-title { - margin-bottom: 22px; - text-wrap: balance; - } - - &__info-subtitle { - color: var(--dark__76); - - &:not(:last-of-type) { - margin-bottom: 25px; - } - - @include desktop { - &:last-of-type { - margin-bottom: 80px; - } - } - - @include bigMobile { - max-width: 270px; - - &:last-of-type { - margin-bottom: 42px; - } - } - } -} diff --git a/src/scss/components/_section-donation.scss b/src/scss/components/_section-donation.scss deleted file mode 100644 index 9f89f54..0000000 --- a/src/scss/components/_section-donation.scss +++ /dev/null @@ -1,128 +0,0 @@ -.donation { - font-weight: 400; - text-align: left; - background: var(--white_246); - color: var(--dark__84); - - .container { - padding: 80px 182px 100px; - - @include desktop { - padding: 80px 132px 100px; - } - - @include bigMobile { - padding: 40px 10px; - } - } - - &__inner { - display: flex; - flex-direction: row-reverse; - justify-content: space-between; - align-items: center; - - @include desktop { - flex-direction: column; - } - } - - &__info { - max-width: 380px; - - @include bigMobile { - display: flex; - flex-direction: column; - align-items: center; - max-width: 300px; - } - } - - &__info-title { - margin-bottom: 20px; - max-width: 300px; - line-height: 130%; - letter-spacing: 2px; - - @include bigMobile { - text-align: center; - max-width: 238px; - } - } - - &__info-subtitle { - margin-bottom: 20px; - font-size: 15px; - line-height: 110%; - letter-spacing: 0.9px; - - @include bigMobile { - line-height: 160%; - letter-spacing: 0px; - } - } - - &__info-link { - display: flex; - justify-content: space-between; - align-items: center; - padding-inline: 15px; - margin-bottom: 20px; - @include sizes(349px, 43px); - border-radius: 9px; - background: var(--nav__active-color); - transition: var(--transition); - - @include hover { - background: var(--orange_hover); - } - - @include hover-none { - background: var(--orange_hover); - } - - @include bigMobile { - width: 281px; - } - } - - &__link-svg { - @include sizes(30px, 30px); - } - - &__link-text { - font-size: 20px; - letter-spacing: 1.2px; - - @include bigMobile { - font-size: 15px; - } - } - - &__info-description { - color: rgb(178, 178, 178); - font-family: Arial; - font-style: italic; - font-size: 12px; - line-height: 18px; - letter-spacing: 0px; - - @include desktop { - margin-bottom: 60px; - } - - @include bigMobile { - padding-inline: 10px; - margin-bottom: 42px; - text-align: justify; - } - } - - &__picture-image { - width: 505px; - - @include bigMobile { - width: clamp(260px, 66vw, 505px); - } - } -} diff --git a/src/scss/components/_section-help.scss b/src/scss/components/_section-help.scss deleted file mode 100644 index 9ae9abd..0000000 --- a/src/scss/components/_section-help.scss +++ /dev/null @@ -1,82 +0,0 @@ -.help { - background: var(--white_255); - - .container { - padding-block: 80px 100px; - - @include desktop { - padding-inline: 40px; - } - - @include bigMobile { - padding-block: 42px; - padding-inline: 15px; - } - } - - &__inner { - display: flex; - flex-direction: column; - align-items: center; - padding-inline: 87px; - - @include desktop { - padding-inline: 0; - } - } - - &__title { - margin-bottom: 58px; - text-align: center; - - @include bigMobile { - margin-bottom: 37px; - } - } - - &__icons { - display: flex; - flex-wrap: wrap; - justify-content: center; - align-self: stretch; - gap: 53px 121px; - - @include desktop { - gap: 57px 0; - } - - @include bigMobile { - gap: 24px 0; - justify-content: flex-start; - } - } - - &__icons-inner { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - - @include desktop { - width: 33.3%; - } - - @include bigMobile { - width: 50%; - } - } - - &__icons-svg { - @include sizes(60px, 60px); - margin-bottom: 30px; - - @include bigMobile { - @include sizes(50px, 50px); - margin-bottom: 20px; - } - } - - &__icons-text { - @include fluid-text(15, 767, 20); - } -} diff --git a/src/scss/components/_section-pets.scss b/src/scss/components/_section-pets.scss deleted file mode 100644 index fa49831..0000000 --- a/src/scss/components/_section-pets.scss +++ /dev/null @@ -1,258 +0,0 @@ -.pets { - background: var(--white_246); - - .container { - padding-block: 75px 100px; - - @include desktop { - padding: 80px 30px 100px; - } - - @include bigMobile { - padding: 36px 10px 42px; - } - } - - &__arrow { - position: absolute; - padding: 0; - @include sizes(52px, 52px); - border: 2px solid var(--nav__active-color); - border-radius: var(--buttons-borderRadius); - background: transparent; - cursor: pointer; - transition: var(--transition); - - &:first-of-type { - left: 0; - top: 49%; - - @include desktop { - left: 0; - } - - @include bigMobile { - left: 19%; - top: 79%; - } - } - - &:last-of-type { - right: 0; - top: 49%; - - @include desktop { - right: 0; - } - - @include bigMobile { - right: 19%; - top: 79%; - } - } - - @include hover { - background: var(--orange_hover); - } - - @include hover-none { - background: var(--orange_hover); - } - - &_moveLeftAnimation { - animation: moveLeftAnimation1280 0.5s ease forwards; - - @include desktop { - animation: moveLeftAnimation768 0.5s ease forwards; - } - - @include bigMobile { - animation: moveLeftAnimation320 0.5s ease forwards; - } - } - - &_moveRightAnimation { - animation: moveRightAnimation1280 0.5s ease forwards; - - @include desktop { - animation: moveRightAnimation768 0.5s ease forwards; - } - - @include bigMobile { - animation: moveRightAnimation320 0.5s ease forwards; - } - } - - &-svg { - width: 14px; - height: 6px; - position: absolute; - top: calc(50% - 3px); - left: calc(50% - 7px); - } - } - - &__inner { - display: flex; - flex-direction: column; - align-items: center; - position: relative; - } - - &__title { - margin-bottom: 60px; - max-width: 400px; - text-align: center; - letter-spacing: 6%; - - @include desktop { - margin-bottom: 54px; - } - - @include bigMobile { - margin-bottom: 42px; - max-width: 300px; - } - } - - &__images { - display: flex; - align-items: center; - align-self: flex-start; - gap: 0 90px; - align-self: center; - margin-bottom: 60px; - max-width: 990px; - overflow: hidden; - - @include desktop { - gap: 0 40px; - max-width: 580px; - } - - @include bigMobile { - position: relative; - margin-bottom: 116px; - max-width: 270px; - } - } - - &__images-figure { - display: flex; - flex-direction: column; - align-items: center; - border-radius: 9px; - background: var(--white_250); - cursor: pointer; - transition: var(--transition); - - @include hover { - background: var(--white_255); - - & figcaption button { - background: var(--orange_hover); - } - } - - &:hover figcaption button { - background: var(--orange_hover); - } - } - - &__images-image { - @include sizes(270px, 270px); - margin-bottom: 23px; - } - - &__images-text { - margin-bottom: 28px; - text-align: center; - } - - &__images-button { - margin-bottom: 30px; - padding: var(--buttons-padding); - color: var(--dark__buttons); - border: 2px solid rgb(241, 205, 179); - border-radius: var(--buttons-borderRadius); - background: transparent; - font-size: 17px; - line-height: 130%; - letter-spacing: 1px; - cursor: pointer; - transition: var(--transition); - } - - &__link { - padding: var(--buttons-padding); - color: var(--dark__buttons); - background: var(--nav__active-color); - border-radius: var(--buttons-borderRadius); - font-size: 17px; - line-height: 130%; - letter-spacing: 1px; - transition: var(--transition); - - @include hover { - background: var(--orange_hover); - } - - @include hover-none { - background: var(--orange_hover); - } - } -} - -@keyframes moveLeftAnimation1280 { - from { - transform: translateX(0); - } - to { - transform: translateX(-1080px); - } -} - -@keyframes moveLeftAnimation768 { - from { - transform: translateX(0); - } - to { - transform: translateX(-620px); - } -} - -@keyframes moveLeftAnimation320 { - from { - transform: translateX(0); - } - to { - transform: translateX(-310px); - } -} - -@keyframes moveRightAnimation1280 { - from { - transform: translateX(-1080px); - } - to { - transform: translateX(0); - } -} - -@keyframes moveRightAnimation768 { - from { - transform: translateX(-620px); - } - to { - transform: translateX(0); - } -} - -@keyframes moveRightAnimation320 { - from { - transform: translateX(-310px); - } - to { - transform: translateX(0); - } -} diff --git a/src/scss/components/_section-welcome.scss b/src/scss/components/_section-welcome.scss deleted file mode 100644 index 6f9305d..0000000 --- a/src/scss/components/_section-welcome.scss +++ /dev/null @@ -1,110 +0,0 @@ -.welcome { - margin-top: -1px; - background: var(--brown-background); - - .container { - padding-top: 90px; - - @include desktop { - padding-inline: 100px; - padding-top: 60px; - } - - @include bigMobile { - padding-inline: 10px; - } - } - - &__inner { - display: flex; - - @include desktop { - flex-direction: column; - } - } - - &__info { - margin-right: 42px; - padding-top: 164px; - - @include desktop { - display: flex; - flex-direction: column; - align-items: center; - align-self: center; - margin-right: 0; - padding-top: 0; - max-width: 460px; - } - } - - &__info-title { - margin-bottom: 42px; - @include fluid-text(25, 768, 44); - color: var(--white_255); - line-height: 130%; - letter-spacing: 0; - font-weight: 400; - - @include desktop { - align-self: baseline; - } - - @include bigMobile { - letter-spacing: 1.4px; - text-align: center; - align-self: center; - } - } - - &__info-subtitle { - margin-bottom: 42px; - color: var(--dark__205); - - @include bigMobile { - text-align: center; - } - } - - &__info-link { - display: inline-block; - padding: 15px 45px; - border-radius: var(--buttons-borderRadius); - background-color: var(--nav__active-color); - color: var(--dark__buttons); - font-size: 17px; - line-height: 130%; - letter-spacing: 1px; - transition: var(--transition); - - @include hover { - background-color: var(--orange_hover); - } - - @include hover-none { - background-color: var(--orange_hover); - } - - @include desktop { - margin-bottom: 100px; - } - - @include bigMobile { - margin-bottom: 105px; - } - } - - &__picture { - @include desktop { - padding-left: 70px; - } - - @include bigMobile { - padding-left: 40px; - } - - &-image { - width: clamp(260px, 74vw, 698px); - } - } -} diff --git a/src/scss/components/our-pets/_footer.scss b/src/scss/components/our-pets/_footer.scss deleted file mode 100644 index 75a6534..0000000 --- a/src/scss/components/our-pets/_footer.scss +++ /dev/null @@ -1,121 +0,0 @@ -.footer { - background: var(--brown-background); - - .container { - padding-top: 40px; - - @include desktop { - padding: 23px 30px 0; - } - - @include bigMobile { - padding: 30px 10px 0; - } - } - - &__inner { - display: flex; - flex-wrap: wrap; - gap: 0 160px; - - @include desktop { - justify-content: center; - align-items: center; - gap: 0 60px; - } - } - - &__contacts { - padding-top: 16px; - - &:first-of-type { - max-width: 278px; - - & .footer__contacts-title { - margin-bottom: 40px; - - @include bigMobile { - margin-bottom: 37px; - } - } - - @include bigMobile { - display: flex; - flex-direction: column; - align-items: center; - margin-bottom: 0; - } - } - - &:last-of-type { - max-width: 302px; - - & .footer__contacts-title { - margin-bottom: 34px; - - @include bigMobile { - margin-bottom: 39px; - } - } - } - - @include desktop { - padding-top: 0; - margin-bottom: 65px; - } - - @include bigMobile { - margin-bottom: 0; - } - } - - &__contacts-title { - color: var(--white_255); - letter-spacing: 2px; - - @include bigMobile { - max-width: 294px; - letter-spacing: 1.5px; - } - } - - &__contacts-link { - display: flex; - align-items: center; - - &:first-of-type { - margin-bottom: 32px; - } - - @include bigMobile { - &:first-of-type { - margin-bottom: 35px; - } - &:last-of-type { - margin-bottom: 40px; - } - } - } - - &__contacts-link-svg { - margin-right: 20px; - @include sizes(40px, 36px); - } - - &__contacts-link-marker { - margin-right: 20px; - min-width: 22px; - height: 32px; - } - - &__contacts-link-text { - color: var(--orange); - font-size: 20px; - line-height: 115%; - letter-spacing: 1.2px; - } - - &__picture-image { - width: clamp(260px, 60vw, 300px); - } -} diff --git a/src/scss/components/our-pets/_header.scss b/src/scss/components/our-pets/_header.scss deleted file mode 100644 index b87d247..0000000 --- a/src/scss/components/our-pets/_header.scss +++ /dev/null @@ -1,142 +0,0 @@ -.header { - background: var(--white_255); - - .container { - padding-block: 30px; - - @include desktop { - padding-inline: 30px; - } - - @include bigMobile { - padding-inline: 20px; - } - } - - &__inner { - display: flex; - justify-content: space-between; - align-items: center; - } -} - -.logo { - &__title { - margin-bottom: 10px; - font-size: 32px; - line-height: 110%; - letter-spacing: 2px; - color: var(--dark__84); - } - - &__subtitle { - color: var(--dark__buttons); - font-size: 13px; - line-height: 15px; - letter-spacing: 1.5px; - } -} -.nav { - color: var(--dark__84); - - &__list { - display: flex; - - @include bigMobile { - position: fixed; - right: 0; - top: 0; - flex-direction: column; - justify-content: center; - align-items: center; - padding-block: 248px; - @include sizes(320px, 100vh); - background: var(--white_255); - z-index: 1; - transform: translateX(200%); - transition: transform 0.5s ease-in-out; - } - - &_active { - transform: translateX(0); - box-shadow: 0 0 0 9999px rgb(0 0 0 / 60%); - } - } - - &__item { - border-bottom: 3px solid transparent; - cursor: pointer; - transition: var(--transition); - - @include hover { - color: var(--dark__buttons); - } - - &:active { - border-bottom: var(--nav__active-border); - } - - &:nth-of-type(2) { - border-bottom: var(--nav__active-border); - } - - &:not(:last-of-type) { - margin-right: 35px; - } - - @include bigMobile { - font-size: 32px; - - &:not(:last-of-type) { - margin-bottom: 43px; - margin-right: 0; - } - } - } -} - -.burger { - display: none; - position: relative; - z-index: 2; - @include sizes(30px, 22px); - cursor: pointer; - transition: var(--transition); - - &::before { - content: ''; - position: absolute; - display: block; - top: -15px; - left: -15px; - right: -15px; - bottom: -15px; - } - - @include bigMobile { - display: block; - } - - &__line { - position: absolute; - display: inline-block; - width: 30px; - border-bottom: 2px solid #000; - - &:nth-of-type(1) { - top: 0px; - } - - &:nth-of-type(2) { - top: 10px; - } - - &:nth-of-type(3) { - top: 20px; - } - } - - &_active { - transform: rotate(90deg); - } -} diff --git a/src/scss/components/our-pets/_section-pets.scss b/src/scss/components/our-pets/_section-pets.scss deleted file mode 100644 index 1dbd0af..0000000 --- a/src/scss/components/our-pets/_section-pets.scss +++ /dev/null @@ -1,175 +0,0 @@ -.pets { - background: var(--white_246); - - .container { - padding-block: 75px 100px; - padding-top: 80px; - - @include desktop { - padding: 80px 30px 85px; - } - - @include bigMobile { - padding: 40px 10px 42px; - } - } - - &__inner { - display: flex; - flex-direction: column; - align-items: center; - } - - &__title { - margin-bottom: 58px; - text-align: center; - - @include desktop { - margin-bottom: 30px; - } - - @include bigMobile { - margin-bottom: 42px; - max-width: 300px; - } - } - - &__images { - display: flex; - flex-wrap: wrap; - align-items: center; - align-self: flex-start; - gap: 30px 40px; - align-self: center; - margin-bottom: 56px; - max-width: 1200px; - - @include desktop { - gap: 27px 40px; - max-width: 708px; - justify-content: center; - margin-bottom: 36px; - } - - @include bigMobile { - flex-direction: column; - margin-bottom: 42px; - } - } - - &__images-figure { - display: flex; - flex-direction: column; - align-items: center; - border-radius: 9px; - background: var(--white_250); - cursor: pointer; - transition: var(--transition); - - @include hover { - background: var(--white_255); - - & figcaption button { - background: var(--orange_hover); - } - } - - &:hover figcaption button { - background: var(--orange_hover); - } - } - - &__images-image { - @include sizes(270px, 270px); - margin-bottom: 27px; - } - - &__images-text { - margin-bottom: 28px; - text-align: center; - } - - &__images-button { - margin-bottom: 30px; - padding: var(--buttons-padding); - color: var(--dark__buttons); - border: 2px solid rgb(241, 205, 179); - border-radius: var(--buttons-borderRadius); - background: transparent; - font-size: 17px; - line-height: 130%; - letter-spacing: 1px; - cursor: pointer; - transition: var(--transition); - } - &__buttons { - display: flex; - justify-content: center; - gap: 0 20px; - width: 100%; - - @include bigMobile { - gap: 0 10px; - } - - &-item { - @include sizes(52px, 52px); - border: 2px solid var(--dark__205); - border-radius: var(--buttons-borderRadius); - color: var(--dark__205); - font-size: 20px; - font-family: 'Georgia'; - - &_disabled { - color: var(--dark__205); - background: transparent; - border: 2px solid var(--dark__205); - } - - &_enabled { - border: 2px solid var(--nav__active-color); - background: transparent; - color: var(--dark__buttons); - cursor: pointer; - transition: var(--transition); - - @include hover { - background: var(--orange_hover); - } - - @include hover-none { - background: var(--orange_hover); - } - } - } - } -} - -.left-start { - &::before { - content: '< <'; - } -} - -.left { - &::before { - content: '<'; - } -} - -.right { - &::before { - content: '>'; - } -} - -.right-end { - &::before { - content: '> >'; - } -} - -.current { - color: var(--dark__buttons); - background: var(--nav__active-color); -} diff --git a/src/scss/components/our-pets/our-pets.scss b/src/scss/components/our-pets/our-pets.scss deleted file mode 100644 index 69c2274..0000000 --- a/src/scss/components/our-pets/our-pets.scss +++ /dev/null @@ -1,8 +0,0 @@ -@import '../../normalize'; -@import '../../variables'; -@import '../../mixins'; -@import '../../media'; -@import '../components'; -@import 'header'; -@import 'section-pets'; -@import 'footer'; diff --git a/src/scss/style.scss b/src/scss/style.scss deleted file mode 100644 index 64cf7d7..0000000 --- a/src/scss/style.scss +++ /dev/null @@ -1,8 +0,0 @@ -@import 'normalize'; -@import 'variables'; -@import 'mixins'; -@import 'media'; -@import './components/components'; -@import './components/header'; -@import './components/main'; -@import './components/footer';