From b439a3b825e317f13e9f95208d178eb961128e44 Mon Sep 17 00:00:00 2001 From: gudzsv Date: Fri, 26 Apr 2024 15:31:46 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20gudzsv/p?= =?UTF-8?q?roject-syntax-samurais-02@92e29a34d3685a6757b9c9d55194ce8c22e3f?= =?UTF-8?q?6f4=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/index-CHczq5RT.css | 1 - assets/index-Cm_iVqh7.css | 1 + commonHelpers.js | 2 +- commonHelpers.js.map | 2 +- index.html | 58 ++++++++++++++++++++++++--------------- 5 files changed, 39 insertions(+), 25 deletions(-) delete mode 100644 assets/index-CHczq5RT.css create mode 100644 assets/index-Cm_iVqh7.css diff --git a/assets/index-CHczq5RT.css b/assets/index-CHczq5RT.css deleted file mode 100644 index 0d71c0d..0000000 --- a/assets/index-CHczq5RT.css +++ /dev/null @@ -1 +0,0 @@ -/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:Inter Tight;src:url(/project-syntax-samurais-02/assets/InterTight-Medium-CNlEcQib.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/project-syntax-samurais-02/assets/InterTight-SemiBold-9noXE5xq.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ol,ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;border:none;padding:0}input{border-style:none;background-color:transparent}input:focus{outline:none}img{display:block;max-width:100%;height:auto}:root{--Animation_cubic: .25s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:Inter Tight,sans-serif;font-size:16px;line-height:1.5;font-weight:500;letter-spacing:-.02em;color:var(--Main_text);background-color:var(--Background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.main-text-with-opacity{color:var(--Opacity_60)}.small-text{font-size:14px}.container{min-width:320px;max-width:375px;width:100%;padding:0 16px;margin:0 auto}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container{max-width:1440px}}.section-pb{padding-bottom:64px}@media only screen and (min-width: 768px){.section-pb{padding-bottom:96px}}@media only screen and (min-width: 1440px){.section-pb{padding-bottom:164px}}.header-1{font-size:50px;line-height:1;letter-spacing:-.03em;text-transform:uppercase}@media only screen and (min-width: 768px){.header-1{font-size:90px}}.header-2{font-size:40px;line-height:1;letter-spacing:-.03em;text-transform:uppercase}@media only screen and (min-width: 768px){.header-2{font-size:64px}}.header-3{font-size:24px;line-height:1.17;letter-spacing:-.03em;text-transform:uppercase}@media only screen and (min-width: 768px){.header-3{font-size:38px;line-height:1.05}}.header-4{color:var(--Background);font-size:24px;line-height:1.17;letter-spacing:-.03em}@media only screen and (min-width: 768px){.header-4{font-size:44px;line-height:1}}.header-5{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.02em}.section-title{color:var(--Opacity_40);font-weight:600;line-height:1.5;letter-spacing:-.02em;text-transform:uppercase}.text-decoration-red{color:var(--Theme_red)}.text-decoration-gray{color:var(--Opacity_40)}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip-path:inset(50%)}@media only screen and (min-width: 1280px){.hvr-grow{vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px #0000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.05);transform:scale(1.05)}}:root{--Background: #1c1d20;--Cards: #242527;--Arrow: #3b3b3b;--Button_text: #ed3b44;--Button_background: #e0373f;--Main_text: #fafafa;--Opacity_10: rgba(250, 250, 250, .1);--Opacity_20: rgba(250, 250, 250, .2);--Opacity_40: rgba(250, 250, 250, .4);--Opacity_60: rgba(250, 250, 250, .6);--Success_message: #3cbc81;--Error_message: #e74a3b;--Theme_red: #ed3b44;--Lg_red: linear-gradient( to left, #1c1d20 49.69%, #69292d 67.71%, #ed3b44 99.91% );--Theme_green: #c6e327;--Lg_green: linear-gradient( to left, #1c1d20 49.69%, #596808 67.71%, rgba(198, 227, 39, .76) 99.91% );--Theme_blue: #0041e8;--Lg_blue: linear-gradient( to left, #1c1d20 49.69%, #001958 67.71%, #0041e8 99.91% );--Theme_coral: #e6533c;--Lg_coral: linear-gradient( to left, #1c1d20 49.69%, #9f3626 67.71%, #e6533c 99.91% );--Theme_dark_green: #2b4441;--Lg_dark_green: linear-gradient( to left, #1c1d20 49.69%, #1e3633 67.71%, #2b4441 99.91% );--Theme_orange: #ff7f08;--Lg_orange: linear-gradient( to left, #1c1d20 49.69%, #ac5300 67.71%, #ff7f08 99.91%, #ff7f08 99.91% )}.container{display:flex;flex-direction:row;padding-top:32px}@media only screen and (max-width: 375px){.container{display:flex;flex-direction:row;margin:0;padding-top:32px}}.header-img-box{display:flex;flex-direction:row;gap:8px}.header-image{width:auto;height:auto}.burger-btn-box{margin-left:auto}@media only screen and (min-width: 768px){.burger-btn-box{display:none}}.burger-btn{display:flex;background-color:transparent;border:none;padding:0}.menu-box{display:none}@media only screen and (min-width: 768px){.menu-box{display:flex;margin-left:auto;margin-right:auto}}.menu-link{color:#fafafa;font-family:Inter Tight;font-size:16px;font-weight:500;line-height:1.19;letter-spacing:-.02em;text-decoration:underline}.order-btn{display:none}@media only screen and (min-width: 768px){.order-btn{display:flex;width:174px;height:56px;padding:18px 24px;border-radius:60px;background:#ed3b44;margin-left:auto;font-family:Inter Tight;font-size:16px;font-weight:500;line-height:1.19;letter-spacing:-.02em}}.hero{background-repeat:no-repeat;background-size:cover;background-blend-mode:overlay;background-image:url(/project-syntax-samurais-02/assets/hero_red_mobile_1x-CAWPkIor.webp)}@media (min-resolution: 2dppx){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_mobile_2x-CTPSiSqF.webp);background-size:cover}}@media only screen and (min-width: 768px){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_tablet_1x-BTvCRx8l.webp)}@media (min-resolution: 2dppx){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_tablet_2x-B1SrZidl.webp)}}}@media only screen and (min-width: 1440px){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_desktop_1x-BDQWDKVB.webp)}@media (min-resolution: 2dppx){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_desktop_2x-AQnohfWm.webp)}}}.hero-wrapper{padding-block:32px}.hero-title{text-align:start;margin:246px auto 227px}@media only screen and (min-width: 768px){.hero-title{text-align:start;margin:188px auto 187px}}@media only screen and (min-width: 1440px){.hero-title{text-align:start;margin:188px auto 243px;width:1140px}}.hero-info{display:flex;justify-content:end;align-items:center;gap:4px}.hero-list{display:flex;justify-content:center;align-items:center;gap:4px}.hero-item{border-radius:60px;border:1px solid var(--Opacity_20);transition:border-color var(--Animation_cubic)}.hero-item:hover,.hero-item:focus,.hero-item:active{border-color:var(--Main_text)}.social-link{display:flex;justify-content:center;align-items:center;min-width:37px;min-height:37px}@media only screen and (min-width: 768px){.social-link{min-width:55px;min-height:55px}}.heder-contact-info{border-radius:60px;border:1px solid var(--Opacity_20);transition:border-color var(--Animation_cubic)}.heder-contact-info:hover,.heder-contact-info:focus,.heder-contact-info:active{border-color:var(--Main_text)}.heder-contact-info-link{display:flex;min-width:178px;min-height:37px;justify-content:center;align-items:center}@media only screen and (min-width: 768px){.heder-contact-info-link{min-width:223px;min-height:55px}}:root{--Animation_arrow: .9s cubic-bezier(.4, 0, .2, 1)}.about-me{padding:64px 0}.about-me .container{display:flex;flex-direction:column;gap:32px}@media only screen and (min-width: 768px){.about-me .container{gap:64px}}@media only screen and (min-width: 1440px){.about-me .container{gap:96px}}.about-me-wrapper-content{display:flex;flex-direction:column;gap:16px}.about-me-content,.about-me-img-wrapper{background:var(--Cards);border-radius:24px}.about-me-content{height:500px;padding:32px}.about-me-img-wrapper{display:flex;align-items:center;justify-content:center}.about-me-img{border-radius:24px;object-fit:cover;width:100%}@media only screen and (min-width: 1440px){.about-me-wrapper-content{flex-direction:row}.about-me-wrapper-content>div{width:calc((100% - 16px)/2)}.about-me-content{height:700px}}.about-me-chapter{display:flex;margin-bottom:12px}.about-me-btn,.about-me-btn-swipe{background-color:transparent;border:none;margin-left:auto;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.about-me-btn{width:36px;height:36px;color:var(--Main_text);border-radius:100px;border:1px solid var(--Opacity_20);transition:all var(--Animation_cubic)}.about-me-btn:hover,.about-me-btn:focus,.about-me-btn:active{border-color:var(--Button_background);color:var(--Button_background)}.about-me-btn-swipe{color:var(--Arrow);width:28px;height:28px;transition:all var(--Animation_arrow)}.about-me-btn-swipe:hover,.about-me-btn-swipe:focus,.about-me-btn-swipe:active{color:var(--Button_text);transform:translate(-20%) scale(1.1)}.about-me-btn-icon{stroke:currentColor}.about-me-list-item{padding-bottom:32px;border-bottom:1px solid var(--Opacity_20)}.about-me-list-item:not(:first-child){padding-top:20px}@media only screen and (min-width: 768px){.about-me-list-item:not(:first-child){padding-top:32px}}.about-me-list-item ul,.about-me-text{display:flex;flex-direction:column}.about-me-list-item ul{gap:10px}.about-me-text{gap:32px}.about-me-list-skills-item{width:130px;height:130px;display:flex;align-items:center;justify-content:center;border-radius:100%;border:1px solid var(--Opacity_20);flex-shrink:0}.benefits-wrapper{padding-top:31.5px;padding-bottom:20.5px}.benefits-section-title{font-weight:600;font-size:16px;line-height:150%;letter-spacing:-.02em;text-transform:uppercase;color:#fafafa66;margin-bottom:32px}@media screen and (min-width: 1440px){.benefits-section-title{position:absolute}}.benefits-items-list{border-radius:20px;padding:24px;background:#242527;margin-bottom:16px}.benefits-items-list:hover{box-shadow:0 14px 15px var(--Theme_red);transition:box-shadow .3s}@media screen and (min-width: 768px){.benefits-items-list{border-radius:20px;padding:24px;width:344px;height:270px;margin-bottom:0}}.last{margin-bottom:32px}@media screen and (min-width: 768px){.benefits-list{gap:16px;display:flex;flex-direction:row;flex-wrap:wrap}}@media screen and (min-width: 1440px){.benefits-list{justify-content:right;margin-left:500px}}.icon-wrapper{padding:12px;width:48px;height:48px;border-radius:20%;display:flex;align-items:center;justify-content:center;background-color:#ed3b44;margin-bottom:64px}.title{margin-bottom:8px}.button-wrapper{display:flex;align-items:center;border:1px solid rgba(250,250,250,.2);border-radius:60px;padding:18px 36px;width:190px;height:55px;font-weight:500;font-size:16px;letter-spacing:-.02em;color:#fafafa;transition:border-color var(--Animation_cubic)}.button-wrapper:hover{border-color:1.5px solid var(--Main_text)}@media screen and (min-width: 1440px){.button-wrapper{margin-left:49%}}.projects{background-color:plum}.faq{background-color:salmon}.covers{position:relative;object-fit:cover;overflow:hidden;height:508px}.marquee{display:flex;flex-direction:column;gap:24px;position:absolute;top:-30px;right:-800px;left:0;width:100%;height:100%;background-color:var(--Background);background-image:url(/project-syntax-samurais-02/assets/elements_vectors_1x-CuluvHTN.webp);background-size:cover}@media (min-resolution: 192dpi){.marquee{background-image:url(/project-syntax-samurais-02/assets/elements_vectors_2x-CPOEF9ER.webp)}}.marquee__inner{display:flex;gap:24px;transform:rotate(17deg)}.marquee-wrapper{height:100%}.marquee__card{display:block;flex-shrink:0;width:282px;height:162px;object-fit:cover;animation-name:marqueeLine;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.marquee-foto{display:block;width:100%;height:100%}@keyframes marqueeLine{0%{transform:translate(-20%)}to{transform:translate(-190%)}}.reviews{background-color:#b22222}.work-together{background-color:#008b8b}.modal{background-color:gold} diff --git a/assets/index-Cm_iVqh7.css b/assets/index-Cm_iVqh7.css new file mode 100644 index 0000000..e89edba --- /dev/null +++ b/assets/index-Cm_iVqh7.css @@ -0,0 +1 @@ +/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:Inter Tight;src:url(/project-syntax-samurais-02/assets/InterTight-Medium-CNlEcQib.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/project-syntax-samurais-02/assets/InterTight-SemiBold-9noXE5xq.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ol,ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;border:none;padding:0}input{border-style:none;background-color:transparent}input:focus{outline:none}img{display:block;max-width:100%;height:auto}:root{--Animation_cubic: .25s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:Inter Tight,sans-serif;font-size:16px;line-height:1.5;font-weight:500;letter-spacing:-.02em;color:var(--Main_text);background-color:var(--Background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.main-text-with-opacity{color:var(--Opacity_60)}.small-text{font-size:14px}.container{min-width:320px;max-width:375px;width:100%;padding:0 16px;margin:0 auto}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container{max-width:1440px}}.section-pb{padding-bottom:64px}@media only screen and (min-width: 768px){.section-pb{padding-bottom:96px}}@media only screen and (min-width: 1440px){.section-pb{padding-bottom:164px}}.header-1{font-size:50px;line-height:1;letter-spacing:-.03em;text-transform:uppercase}@media only screen and (min-width: 768px){.header-1{font-size:90px}}.header-2{font-size:40px;line-height:1;letter-spacing:-.03em;text-transform:uppercase}@media only screen and (min-width: 768px){.header-2{font-size:64px}}.header-3{font-size:24px;line-height:1.17;letter-spacing:-.03em;text-transform:uppercase}@media only screen and (min-width: 768px){.header-3{font-size:38px;line-height:1.05}}.header-4{color:var(--Background);font-size:24px;line-height:1.17;letter-spacing:-.03em}@media only screen and (min-width: 768px){.header-4{font-size:44px;line-height:1}}.header-5{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.02em}.section-title{color:var(--Opacity_40);font-weight:600;line-height:1.5;letter-spacing:-.02em;text-transform:uppercase}.text-decoration-red{color:var(--Theme_red)}.text-decoration-gray{color:var(--Opacity_40)}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip-path:inset(50%)}@media only screen and (min-width: 1280px){.hvr-grow{vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px #0000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.05);transform:scale(1.05)}}:root{--Background: #1c1d20;--Cards: #242527;--Arrow: #3b3b3b;--Button_text: #ed3b44;--Button_background: #e0373f;--Main_text: #fafafa;--Opacity_10: rgba(250, 250, 250, .1);--Opacity_20: rgba(250, 250, 250, .2);--Opacity_40: rgba(250, 250, 250, .4);--Opacity_60: rgba(250, 250, 250, .6);--Success_message: #3cbc81;--Error_message: #e74a3b;--Theme_red: #ed3b44;--Lg_red: linear-gradient( to left, #1c1d20 49.69%, #69292d 67.71%, #ed3b44 99.91% );--Theme_green: #c6e327;--Lg_green: linear-gradient( to left, #1c1d20 49.69%, #596808 67.71%, rgba(198, 227, 39, .76) 99.91% );--Theme_blue: #0041e8;--Lg_blue: linear-gradient( to left, #1c1d20 49.69%, #001958 67.71%, #0041e8 99.91% );--Theme_coral: #e6533c;--Lg_coral: linear-gradient( to left, #1c1d20 49.69%, #9f3626 67.71%, #e6533c 99.91% );--Theme_dark_green: #2b4441;--Lg_dark_green: linear-gradient( to left, #1c1d20 49.69%, #1e3633 67.71%, #2b4441 99.91% );--Theme_orange: #ff7f08;--Lg_orange: linear-gradient( to left, #1c1d20 49.69%, #ac5300 67.71%, #ff7f08 99.91%, #ff7f08 99.91% )}.header-container{display:flex;flex-direction:row;position:absolute;left:50%;transform:translate(-50%);padding-top:32px}@media only screen and (max-width: 375px){.container{display:flex;flex-direction:row;margin:0;padding-top:32px}}.header-img-box{display:flex;flex-direction:row;gap:8px;animation-duration:1s;animation-name:slidein}.header-image{width:auto;height:auto}.name-icon{width:84px;height:19px;position:absolute}.name-icon:hover{width:93px;height:24px;transition:width .25s ease}.burger-btn-box{margin-left:auto}@media only screen and (min-width: 768px){.burger-btn-box{display:none}}.burger-btn{display:flex;background-color:transparent;border:none;padding:0}.menu-box{display:none}@media only screen and (min-width: 768px){.menu-box{display:flex;margin-left:auto;margin-right:auto;flex-direction:column;animation-duration:1s;animation-name:slidein}}.menu-link{display:flex;justify-content:center;color:#fafafa;font-family:Inter Tight;font-size:16px;font-weight:500;line-height:1.19;letter-spacing:-.02em;text-decoration:underline}.menu-link:hover{color:#ed3b44}.hidden{display:none;position:absolute;white-space:nowrap;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip-path:inset(50%)}.menu-list{display:flex;flex-direction:column;align-items:center}.order-btn{display:none}.order-btn:hover{background:#e0373f}@media only screen and (min-width: 768px){.order-btn{display:flex;width:174px;height:56px;padding:18px 24px;border-radius:60px;color:#fafafa;background:#ed3b44;margin-left:auto;font-family:Inter Tight;font-size:16px;font-weight:500;line-height:1.19;letter-spacing:-.02em;animation-duration:1s;animation-name:slidein}}@keyframes slidein{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.hero{background-repeat:no-repeat;background-size:cover;background-blend-mode:overlay;background-image:url(/project-syntax-samurais-02/assets/hero_red_mobile_1x-CAWPkIor.webp)}@media (min-resolution: 2dppx){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_mobile_2x-CTPSiSqF.webp);background-size:cover}}@media only screen and (min-width: 768px){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_tablet_1x-BTvCRx8l.webp)}@media (min-resolution: 2dppx){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_tablet_2x-B1SrZidl.webp)}}}@media only screen and (min-width: 1440px){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_desktop_1x-BDQWDKVB.webp)}@media (min-resolution: 2dppx){.hero{background-image:url(/project-syntax-samurais-02/assets/hero_red_desktop_2x-AQnohfWm.webp)}}}.hero-wrapper{padding-block:32px}.hero-title{text-align:start;margin:246px auto 227px}@media only screen and (min-width: 768px){.hero-title{text-align:start;margin:188px auto 187px}}@media only screen and (min-width: 1440px){.hero-title{text-align:start;margin:188px auto 243px;width:1140px}}.hero-info{display:flex;justify-content:end;align-items:center;gap:4px}.hero-list{display:flex;justify-content:center;align-items:center;gap:4px}.hero-item{border-radius:60px;border:1px solid var(--Opacity_20);transition:border-color var(--Animation_cubic)}.hero-item:hover,.hero-item:focus,.hero-item:active{border-color:var(--Main_text)}.social-link{display:flex;justify-content:center;align-items:center;min-width:37px;min-height:37px}@media only screen and (min-width: 768px){.social-link{min-width:55px;min-height:55px}}.heder-contact-info{border-radius:60px;border:1px solid var(--Opacity_20);transition:border-color var(--Animation_cubic)}.heder-contact-info:hover,.heder-contact-info:focus,.heder-contact-info:active{border-color:var(--Main_text)}.heder-contact-info-link{display:flex;min-width:178px;min-height:37px;justify-content:center;align-items:center}@media only screen and (min-width: 768px){.heder-contact-info-link{min-width:223px;min-height:55px}}:root{--Animation_arrow: .9s cubic-bezier(.4, 0, .2, 1)}.about-me{padding:64px 0}.about-me .container{display:flex;flex-direction:column;gap:32px}@media only screen and (min-width: 768px){.about-me .container{gap:64px}}@media only screen and (min-width: 1440px){.about-me .container{gap:96px}}.about-me-wrapper-content{display:flex;flex-direction:column;gap:16px}.about-me-content,.about-me-img-wrapper{background:var(--Cards);border-radius:24px}.about-me-content{height:500px;padding:32px}.about-me-img-wrapper{display:flex;align-items:center;justify-content:center}.about-me-img{border-radius:24px;object-fit:cover;width:100%}@media only screen and (min-width: 1440px){.about-me-wrapper-content{flex-direction:row}.about-me-wrapper-content>div{width:calc((100% - 16px)/2)}.about-me-content{height:700px}}.about-me-chapter{display:flex;margin-bottom:12px}.about-me-btn,.about-me-btn-swipe{background-color:transparent;border:none;margin-left:auto;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.about-me-btn{width:36px;height:36px;color:var(--Main_text);border-radius:100px;border:1px solid var(--Opacity_20);transition:all var(--Animation_cubic)}.about-me-btn:hover,.about-me-btn:focus,.about-me-btn:active{border-color:var(--Button_background);color:var(--Button_background)}.about-me-btn-swipe{color:var(--Arrow);width:28px;height:28px;transition:all var(--Animation_arrow)}.about-me-btn-swipe:hover,.about-me-btn-swipe:focus,.about-me-btn-swipe:active{color:var(--Button_text);transform:translate(-20%) scale(1.1)}.about-me-btn-icon{stroke:currentColor}.about-me-list-item{padding-bottom:32px;border-bottom:1px solid var(--Opacity_20)}.about-me-list-item:not(:first-child){padding-top:20px}@media only screen and (min-width: 768px){.about-me-list-item:not(:first-child){padding-top:32px}}.about-me-list-item ul,.about-me-text{display:flex;flex-direction:column}.about-me-list-item ul{gap:10px}.about-me-text{gap:32px}.about-me-list-skills-item{width:130px;height:130px;display:flex;align-items:center;justify-content:center;border-radius:100%;border:1px solid var(--Opacity_20);flex-shrink:0}.benefits-wrapper{padding-top:31.5px;padding-bottom:20.5px}.benefits-section-title{font-weight:600;font-size:16px;line-height:150%;letter-spacing:-.02em;text-transform:uppercase;color:#fafafa66;margin-bottom:32px}@media screen and (min-width: 1440px){.benefits-section-title{position:absolute}}.benefits-items-list{border-radius:20px;padding:24px;background:#242527;margin-bottom:16px}.benefits-items-list:hover{box-shadow:0 14px 15px var(--Theme_red);transition:box-shadow .3s}@media screen and (min-width: 768px){.benefits-items-list{border-radius:20px;padding:24px;width:344px;height:270px;margin-bottom:0}}.last{margin-bottom:32px}@media screen and (min-width: 768px){.benefits-list{gap:16px;display:flex;flex-direction:row;flex-wrap:wrap}}@media screen and (min-width: 1440px){.benefits-list{justify-content:right;margin-left:500px}}.icon-wrapper{padding:12px;width:48px;height:48px;border-radius:20%;display:flex;align-items:center;justify-content:center;background-color:#ed3b44;margin-bottom:64px}.title{margin-bottom:8px}.button-wrapper{display:flex;align-items:center;border:1px solid rgba(250,250,250,.2);border-radius:60px;padding:18px 36px;width:190px;height:55px;font-weight:500;font-size:16px;letter-spacing:-.02em;color:#fafafa;transition:border-color var(--Animation_cubic)}.button-wrapper:hover{border-color:1.5px solid var(--Main_text)}@media screen and (min-width: 1440px){.button-wrapper{margin-left:49%}}.projects{background-color:plum}.faq{background-color:salmon}.covers{position:relative;object-fit:cover;overflow:hidden;height:508px}.marquee{display:flex;flex-direction:column;gap:24px;position:absolute;top:-30px;right:-800px;left:0;width:100%;height:100%;background-color:var(--Background);background-image:url(/project-syntax-samurais-02/assets/elements_vectors_1x-CuluvHTN.webp);background-size:cover}@media (min-resolution: 192dpi){.marquee{background-image:url(/project-syntax-samurais-02/assets/elements_vectors_2x-CPOEF9ER.webp)}}.marquee__inner{display:flex;gap:24px;transform:rotate(17deg)}.marquee-wrapper{height:100%}.marquee__card{display:block;flex-shrink:0;width:282px;height:162px;object-fit:cover;animation-name:marqueeLine;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.marquee-foto{display:block;width:100%;height:100%}@keyframes marqueeLine{0%{transform:translate(-20%)}to{transform:translate(-190%)}}.reviews{background-color:#b22222}.work-together{background-color:#008b8b}.modal{background-color:gold} diff --git a/commonHelpers.js b/commonHelpers.js index e7a4614..051de58 100644 --- a/commonHelpers.js +++ b/commonHelpers.js @@ -1,2 +1,2 @@ -(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))s(e);new MutationObserver(e=>{for(const o of e)if(o.type==="childList")for(const t of o.addedNodes)t.tagName==="LINK"&&t.rel==="modulepreload"&&s(t)}).observe(document,{childList:!0,subtree:!0});function n(e){const o={};return e.integrity&&(o.integrity=e.integrity),e.referrerPolicy&&(o.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?o.credentials="include":e.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(e){if(e.ep)return;e.ep=!0;const o=n(e);fetch(e.href,o)}})();console.log("ABOUT-ME");console.log("BENEFITS");console.log("FAQ");console.log("HEADER");console.log("PROJECTS");console.log("REVIEWS");console.log("WORK-TOGETHER"); +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const o of e)if(o.type==="childList")for(const r of o.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&n(r)}).observe(document,{childList:!0,subtree:!0});function s(e){const o={};return e.integrity&&(o.integrity=e.integrity),e.referrerPolicy&&(o.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?o.credentials="include":e.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(e){if(e.ep)return;e.ep=!0;const o=s(e);fetch(e.href,o)}})();console.log("ABOUT-ME");console.log("BENEFITS");console.log("FAQ");const c=document.querySelector(".menu-link"),i=document.querySelector(".menu-list");c.addEventListener("click",l);function l(){i.classList.toggle("hidden")}console.log("PROJECTS");console.log("REVIEWS");console.log("WORK-TOGETHER"); //# sourceMappingURL=commonHelpers.js.map diff --git a/commonHelpers.js.map b/commonHelpers.js.map index e248678..2e55fe1 100644 --- a/commonHelpers.js.map +++ b/commonHelpers.js.map @@ -1 +1 @@ -{"version":3,"file":"commonHelpers.js","sources":["../src/partials/about-me/about-me.js","../src/partials/benefits/benefits.js","../src/partials/faq/faq.js","../src/partials/header/header.js","../src/partials/projects/projects.js","../src/partials/reviews/reviews.js","../src/partials/work-together/work-together.js"],"sourcesContent":["console.log('ABOUT-ME');\n","console.log('BENEFITS');\n","console.log('FAQ');\n","console.log('HEADER');\n","console.log('PROJECTS');\n","console.log('REVIEWS');\n","console.log('WORK-TOGETHER');\n"],"names":[],"mappings":"ssBAAA,QAAQ,IAAI,UAAU,ECAtB,QAAQ,IAAI,UAAU,ECAtB,QAAQ,IAAI,KAAK,ECAjB,QAAQ,IAAI,QAAQ,ECApB,QAAQ,IAAI,UAAU,ECAtB,QAAQ,IAAI,SAAS,ECArB,QAAQ,IAAI,eAAe"} \ No newline at end of file +{"version":3,"file":"commonHelpers.js","sources":["../src/partials/about-me/about-me.js","../src/partials/benefits/benefits.js","../src/partials/faq/faq.js","../src/partials/header/header.js","../src/partials/projects/projects.js","../src/partials/reviews/reviews.js","../src/partials/work-together/work-together.js"],"sourcesContent":["console.log('ABOUT-ME');\n","console.log('BENEFITS');\n","console.log('FAQ');\n","// console.log('HEADER');\nconst menuBtn = document.querySelector('.menu-link');\nconst menuList = document.querySelector('.menu-list')\n\nmenuBtn.addEventListener('click', handleClick);\n\nfunction handleClick() {\n menuList.classList.toggle('hidden');\n}","console.log('PROJECTS');\n","console.log('REVIEWS');\n","console.log('WORK-TOGETHER');\n"],"names":["menuBtn","menuList","handleClick"],"mappings":"ssBAAA,QAAQ,IAAI,UAAU,ECAtB,QAAQ,IAAI,UAAU,ECAtB,QAAQ,IAAI,KAAK,ECCjB,MAAMA,EAAU,SAAS,cAAc,YAAY,EAC7CC,EAAW,SAAS,cAAc,YAAY,EAEpDD,EAAQ,iBAAiB,QAASE,CAAW,EAE7C,SAASA,GAAc,CACnBD,EAAS,UAAU,OAAO,QAAQ,CACtC,CCRA,QAAQ,IAAI,UAAU,ECAtB,QAAQ,IAAI,SAAS,ECArB,QAAQ,IAAI,eAAe"} \ No newline at end of file diff --git a/index.html b/index.html index dd8897a..83527c4 100644 --- a/index.html +++ b/index.html @@ -31,43 +31,57 @@ /> Portfolio - +
-
- +
- - logo - - - - + + logo + +
+ + + +
- +
-
-
- Menu +
+
- +
+