From 434b79378c7761339b06e02f5bf0da1ef1b001a2 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Tue, 3 May 2022 12:46:37 -0500 Subject: [PATCH 01/27] Minor refactoring Diffferent partials files have been created and imported and the main stylesheet. The sidebar has been set as an aside element. Some modificaitons have been made, and the script has been updated. The BEM methodology have been used with unique ID used as CSS selector, for the header section. The stylesheet has been cleaned for the header section. --- app.js | 6 +- index.html | 69 ++++++--------- styles/_controls.scss | 56 ++++++++++++ styles/_header.scss | 86 ++++++++++++++++++ styles/_variables.scss | 30 +++++++ styles/styles.css | 149 +++++++++++++++---------------- styles/styles.css.map | 2 +- styles/styles.scss | 196 +---------------------------------------- 8 files changed, 275 insertions(+), 319 deletions(-) create mode 100644 styles/_controls.scss create mode 100644 styles/_header.scss create mode 100644 styles/_variables.scss diff --git a/app.js b/app.js index df97f58c..97477264 100644 --- a/app.js +++ b/app.js @@ -1,13 +1,13 @@ (function () { [...document.querySelectorAll(".control")].forEach(button => { button.addEventListener("click", function() { - document.querySelector(".active-btn").classList.remove("active-btn"); - this.classList.add("active-btn"); + document.querySelector(".active-button").classList.remove("active-button"); + this.classList.add("active-button"); document.querySelector(".active").classList.remove("active"); document.getElementById(button.dataset.id).classList.add("active"); }) }); - document.querySelector(".theme-btn").addEventListener("click", () => { + document.querySelector("#switch-mode").addEventListener("click", () => { document.body.classList.toggle("light-mode"); }) })(); diff --git a/index.html b/index.html index fd173176..540b6136 100644 --- a/index.html +++ b/index.html @@ -10,34 +10,26 @@ + -
-
-
-
-
- +
+
+
+
+
+ A photography of myself~
-
-
-

- Hi, I'm Nguyễn Văn Tài. - A Web Developer. -

+ +
+

Hi, I'm Solano Milan Diaz, a Web Developer.

- I'm a Web Developer, I love to create beautiful and functional websites. - Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia, libero? - Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque blanditiis sed aut! + I'm a Web Developer, I love to create beautiful and functional websites.
+ [This part can be filled with additional information.]

-
- - Download CV - - -
-
-
+ Download CV + +
@@ -538,26 +530,15 @@

Contact me here

-
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
- -
- + + \ No newline at end of file diff --git a/styles/_controls.scss b/styles/_controls.scss new file mode 100644 index 00000000..c9f5535a --- /dev/null +++ b/styles/_controls.scss @@ -0,0 +1,56 @@ +#controls { + position: fixed; + z-index: 10; + top: 50%; + right: 3%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + transform: translateY(-50%); + .control{ + padding: 1rem; + cursor: pointer; + background-color: var(--color-grey-4); + width: 55px; + height: 55px; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + margin: .7rem 0; + box-shadow: var(--box-shadow-1) ; + i { + font-size: 1.2rem; + color: var(--color-grey-2); + pointer-events: none; + } + } + .active-button { + background-color: var(--color-secondary); + transition: all .4s ease-in-out; + i { color: var(--color-white); } + } +} + +#switch-mode { + top: 5%; + right: 3%; + width: 70px; + height: 70px; + border-radius: 50%; + background-color: var(--color-grey-4); + cursor: pointer; + position: fixed; + display: flex; + justify-content: center; + align-items: center; + box-shadow: 0 3px 15px rgba(0,0,0,.3); + transition: all .1s ease-in-out; + &:active{ transform: translateY(-3px); } + i{ + font-size: 1.4rem; + color: var(--color-grey-2); + pointer-events: none; + } +} \ No newline at end of file diff --git a/styles/_header.scss b/styles/_header.scss new file mode 100644 index 00000000..1c31dae9 --- /dev/null +++ b/styles/_header.scss @@ -0,0 +1,86 @@ +#header-content { + width: 100%; + display: grid; + grid-template-columns: 1fr 1fr; + height: 100vh; + &-left { + display: flex; + align-items: center; + position: relative; + &-shape { + transition: var(--transition); + width: 65%; + height: 100%; + background-color: var(--color-secondary); + position: absolute; + left: 0; + top: 0; + z-index: -5; + clip-path: polygon(0 0, 45% 0, 80% 100%, 0% 100%); + } + &-image { + border-radius: 15px; + width: 70%; + height: 90%; + margin-left: 4rem; + background-color: var(--color-black); + transition: var(--transition); + img { + width: 100%; + height: 100%; + object-fit: cover; + transition: var(--transition); + filter: grayscale(100%); + &:hover { filter: grayscale(0%); } + } + } + } + &-right { + display: flex; + flex-direction: column; + justify-content: center; + padding-right: 18rem; + h1 { + font-size: 2rem; + span { color: var(--color-secondary); } + } + p { + margin: 1.5rem 0; + line-height: 2rem; + } + } +} + +#cv-link { + border-radius: 30px; + color: inherit; + font-weight: 600; + border: 1px solid var(--color-secondary); + display: flex; + align-self: flex-start; + align-items: center; + position: relative; + overflow: hidden; + &-text { padding: 0 2rem; } + &-icon { + background-color: var(--color-secondary); + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + padding: 1rem; + } + &:before { + content: ''; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 100%; + transform: translateX(100%); + transition: var(--transition); + background-color: var(--color-secondary); + z-index: -5; + } + &:hover:before { transform: translateX(0); } +} diff --git a/styles/_variables.scss b/styles/_variables.scss new file mode 100644 index 00000000..99abf60b --- /dev/null +++ b/styles/_variables.scss @@ -0,0 +1,30 @@ +:root { + --color-primary: #191d2b; + --color-secondary: #27AE60; + --color-white: #FFFFFF; + --color-black: #000; + --color-grey0: #f8f8f8; + --color-grey-1: #dbe1e8; + --color-grey-2: #b2becd; + --color-grey-3: #6c7983; + --color-grey-4: #454e56; + --color-grey-5: #2a2e35; + --color-grey-6: #12181b; + --br-sm-2: 14px; + --box-shadow-1: 0 3px 15px rgba(0,0,0,.3); + --transition: all .4s ease-in-out; +} + +.light-mode { + --color-primary: #FFFFFF; + --color-secondary: #F56692; + --color-white: #454e56; + --color-black: #000; + --color-grey0: #f8f8f8; + --color-grey-1: #6c7983; + --color-grey-2: #6c7983; + --color-grey-3: #6c7983; + --color-grey-4: #454e56; + --color-grey-5: #f8f8f8; + --color-grey-6: #12181b; +} \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css index 39aa6c58..9c99fd36 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -19,6 +19,7 @@ --color-grey-6: #12181b; --br-sm-2: 14px; --box-shadow-1: 0 3px 15px rgba(0,0,0,.3); + --transition: all .4s ease-in-out; } .light-mode { @@ -57,7 +58,7 @@ header { padding: 0 !important; } -section { +section.container { min-height: 100vh; width: 100%; position: absolute; @@ -87,7 +88,7 @@ section { } } -.controls { +#controls { position: fixed; z-index: 10; top: 50%; @@ -98,7 +99,7 @@ section { justify-content: center; transform: translateY(-50%); } -.controls .control { +#controls .control { padding: 1rem; cursor: pointer; background-color: var(--color-grey-4); @@ -111,20 +112,20 @@ section { margin: 0.7rem 0; box-shadow: var(--box-shadow-1); } -.controls .control i { +#controls .control i { font-size: 1.2rem; color: var(--color-grey-2); pointer-events: none; } -.controls .active-btn { +#controls .active-button { background-color: var(--color-secondary); transition: all 0.4s ease-in-out; } -.controls .active-btn i { +#controls .active-button i { color: var(--color-white); } -.theme-btn { +#switch-mode { top: 5%; right: 3%; width: 70px; @@ -139,72 +140,110 @@ section { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3); transition: all 0.1s ease-in-out; } -.theme-btn:active { +#switch-mode:active { transform: translateY(-3px); } -.theme-btn i { +#switch-mode i { font-size: 1.4rem; color: var(--color-grey-2); pointer-events: none; } -/*Header-content*/ -.header-content { +#header-content { + width: 100%; display: grid; - grid-template-columns: repeat(2, 1fr); - min-height: 100vh; + grid-template-columns: 1fr 1fr; + height: 100vh; } -.header-content .left-header { +#header-content-left { display: flex; align-items: center; position: relative; } -.header-content .left-header .h-shape { - transition: all 0.4s ease-in-out; +#header-content-left-shape { + transition: var(--transition); width: 65%; height: 100%; background-color: var(--color-secondary); position: absolute; left: 0; top: 0; - z-index: -1; - clip-path: polygon(0 0, 46% 0, 79% 100%, 0% 100%); + z-index: -5; + clip-path: polygon(0 0, 45% 0, 80% 100%, 0% 100%); } -.header-content .left-header .image { - border-radius: var(--br-sm-2); +#header-content-left-image { + border-radius: 15px; + width: 70%; height: 90%; - width: 68%; margin-left: 4rem; background-color: var(--color-black); - transition: all 0.4s ease-in-out; + transition: var(--transition); } -.header-content .left-header .image img { +#header-content-left-image img { width: 100%; height: 100%; object-fit: cover; - transition: all 0.4s ease-in-out; + transition: var(--transition); filter: grayscale(100%); } -.header-content .left-header .image img:hover { - filter: grayscale(0); +#header-content-left-image img:hover { + filter: grayscale(0%); } -.header-content .right-header { +#header-content-right { display: flex; flex-direction: column; justify-content: center; padding-right: 18rem; } -.header-content .right-header .name { - font-size: 3rem; +#header-content-right h1 { + font-size: 2rem; } -.header-content .right-header .name span { +#header-content-right h1 span { color: var(--color-secondary); } -.header-content .right-header p { +#header-content-right p { margin: 1.5rem 0; line-height: 2rem; } +#cv-link { + border-radius: 30px; + color: inherit; + font-weight: 600; + border: 1px solid var(--color-secondary); + display: flex; + align-self: flex-start; + align-items: center; + position: relative; + overflow: hidden; +} +#cv-link-text { + padding: 0 2rem; +} +#cv-link-icon { + background-color: var(--color-secondary); + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + padding: 1rem; +} +#cv-link:before { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 100%; + transform: translateX(100%); + transition: var(--transition); + background-color: var(--color-secondary); + z-index: -5; +} +#cv-link:hover:before { + transform: translateX(0); +} + /*About*/ .about-container { display: grid; @@ -618,54 +657,6 @@ section { justify-content: flex-start; } -/*Independed components*/ -.btn-con { - display: flex; - align-self: flex-start; -} - -.main-btn { - border-radius: 30px; - color: inherit; - font-weight: 600; - position: relative; - border: 1px solid var(--color-secondary); - display: flex; - align-self: flex-start; - align-items: center; - overflow: hidden; -} -.main-btn .btn-text { - padding: 0 2rem; -} -.main-btn .btn-icon { - background-color: var(--color-secondary); - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - padding: 1rem; -} -.main-btn::before { - content: ""; - position: absolute; - top: 0; - right: 0; - transform: translateX(100%); - transition: all 0.4s ease-out; - z-index: -1; -} -.main-btn:hover { - transition: all 0.4s ease-out; -} -.main-btn:hover::before { - width: 100%; - height: 100%; - background-color: var(--color-secondary); - transform: translateX(0); - transition: all 0.4s ease-out; -} - .main-title { text-align: center; } diff --git a/styles/styles.css.map b/styles/styles.css.map index 39653e31..174c51ce 100644 --- a/styles/styles.css.map +++ b/styles/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AAKd;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;;AACA;EAAI;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACI;EACA;EACA;;;AAKR;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAMhB;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAO;;AAEX;EACI;EACA;;;AAKZ;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOpB;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EAAQ;;AACR;EAAO;;AACP;EAAM;;AACN;EAAQ;;AACR;EAAO;;AACP;EAAS;;;AAM7B;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAAG;;;AAKX;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AAMZ;AACA;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAY;;AACZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAMZ;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzpBZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AHxBnB;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOpB;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EAAQ;;AACR;EAAO;;AACP;EAAM;;AACN;EAAQ;;AACR;EAAO;;AACP;EAAS;;;AAM7B;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAAG;;;AAKX;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AI7dZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file diff --git a/styles/styles.scss b/styles/styles.scss index 8c325ebd..5d68cb5f 100644 --- a/styles/styles.scss +++ b/styles/styles.scss @@ -5,35 +5,7 @@ list-style: none; } -:root { - --color-primary: #191d2b; - --color-secondary: #27AE60; - --color-white: #FFFFFF; - --color-black: #000; - --color-grey0: #f8f8f8; - --color-grey-1: #dbe1e8; - --color-grey-2: #b2becd; - --color-grey-3: #6c7983; - --color-grey-4: #454e56; - --color-grey-5: #2a2e35; - --color-grey-6: #12181b; - --br-sm-2: 14px; - --box-shadow-1: 0 3px 15px rgba(0,0,0,.3); -} - -.light-mode { - --color-primary: #FFFFFF; - --color-secondary: #F56692; - --color-white: #454e56; - --color-black: #000; - --color-grey0: #f8f8f8; - --color-grey-1: #6c7983; - --color-grey-2: #6c7983; - --color-grey-3: #6c7983; - --color-grey-4: #454e56; - --color-grey-5: #f8f8f8; - --color-grey-6: #12181b; -} +@import './variables'; body { background-color: var(--color-primary); @@ -57,7 +29,7 @@ header { padding: 0 !important; } -section { +section.container { min-height: 100vh; width: 100%; position: absolute; @@ -73,7 +45,6 @@ section { background-color: var(--color-primary); } - .active { display: block; animation: appear 1s ease-in-out; @@ -84,120 +55,8 @@ section { } } -//Controls -.controls { - position: fixed; - z-index: 10; - top: 50%; - right: 3%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - transform: translateY(-50%); - .control{ - padding: 1rem; - cursor: pointer; - background-color: var(--color-grey-4); - width: 55px; - height: 55px; - border-radius: 50%; - display: flex; - justify-content: center; - align-items: center; - margin: .7rem 0; - box-shadow: var(--box-shadow-1) ; - i { - font-size: 1.2rem; - color: var(--color-grey-2); - pointer-events: none; - } - } - .active-btn { - background-color: var(--color-secondary); - transition: all .4s ease-in-out; - i { color: var(--color-white); } - } -} - -.theme-btn { - top: 5%; - right: 3%; - width: 70px; - height: 70px; - border-radius: 50%; - background-color: var(--color-grey-4); - cursor: pointer; - position: fixed; - display: flex; - justify-content: center; - align-items: center; - box-shadow: 0 3px 15px rgba(0,0,0,.3); - transition: all .1s ease-in-out; - &:active{ transform: translateY(-3px); } - i{ - font-size: 1.4rem; - color: var(--color-grey-2); - pointer-events: none; - } -} - - -/*Header-content*/ -.header-content { - display: grid; - grid-template-columns: repeat(2, 1fr); - min-height: 100vh; - .left-header { - display: flex; - align-items: center; - position: relative; - .h-shape { - transition: all .4s ease-in-out; - width: 65%; - height: 100%; - background-color: var(--color-secondary); - position: absolute; - left: 0; - top: 0; - z-index: -1; - clip-path: polygon(0 0, 46% 0, 79% 100%, 0% 100%); - } - .image { - border-radius: var(--br-sm-2); - height: 90%; - width: 68%; - margin-left: 4rem; - background-color: var(--color-black); - transition: all .4s ease-in-out; - img { - width: 100%; - height: 100%; - object-fit: cover; - transition: all .4s ease-in-out; - filter: grayscale(100%); - &:hover{ - filter: grayscale(0); - } - } - } - } - - .right-header { - display: flex; - flex-direction: column; - justify-content: center; - padding-right: 18rem; - .name { - font-size: 3rem; - span { color: var(--color-secondary); } - } - p { - margin: 1.5rem 0; - line-height: 2rem; - } - } -} +@import './controls'; +@import './header'; /*About*/ .about-container { @@ -599,53 +458,6 @@ section { } } - -/*Independed components*/ -.btn-con { - display: flex; - align-self: flex-start; -} -.main-btn { - border-radius: 30px; - color: inherit; - font-weight: 600; - position: relative; - border: 1px solid var(--color-secondary); - display: flex; - align-self: flex-start; - align-items: center; - overflow: hidden; - .btn-text { padding: 0 2rem; } - .btn-icon { - background-color: var(--color-secondary); - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - padding: 1rem; - } - &::before { - content: ''; - position: absolute; - top: 0; - right: 0; - transform: translateX(100%); - transition: all .4s ease-out; - z-index: -1; - } - &:hover { - transition: all .4s ease-out; - &::before { - width: 100%; - height: 100%; - background-color: var(--color-secondary); - transform: translateX(0); - transition: all .4s ease-out; - } - } - -} - .main-title { text-align: center; h2 { From 919e03391137e2bcb07c94f8beed3c19e112db14 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Tue, 3 May 2022 13:29:01 -0500 Subject: [PATCH 02/27] Addition: README.md A README.md file has been added to briefly describe the project. --- README.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 00000000..ec8af35b --- /dev/null +++ b/README.md @@ -0,0 +1,13 @@ +# Portfolio + +This repository is related to the course [[Portfolio Website Tutorial – Frontend Development with HTML, CSS, JavaScript](https://www.youtube.com/watch?v=xV7S8BhIeBo&t)] available on the freeCodeCamp's YouTube channel. + +## Description +In this course, you will learn how to build a portfolio website using JavaScript, HTML, and CSS. This is a great project to improve you frontend development skills. + +✏️ MacLinz developed this course course. Check out his [channel](https://www.youtube.com/c/MacLinzUniversalChannel). + +## ⚠️ Important note + The current version of this repository can contain code which differs from the original code shown in the video. The code has been improved by [Dyrits](https://github.com/Dyrits), adding semantic elements, and a more optimized JavaScript script, but the visual rendering of the portfolio remains the same. + +The original code is available [here](https://github.com/Maclinz/JS_CSS_PortfolioProject/tree/1f1c0205c0b3a8caa623c96402775974f39ab5cb). From 52d1b75ad2ff7dd84bc1aa5d7ed24f850a581e6b Mon Sep 17 00:00:00 2001 From: Dyrits Date: Tue, 3 May 2022 13:35:17 -0500 Subject: [PATCH 03/27] note > notice --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ec8af35b..84296714 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ In this course, you will learn how to build a portfolio website using JavaScript ✏️ MacLinz developed this course course. Check out his [channel](https://www.youtube.com/c/MacLinzUniversalChannel). -## ⚠️ Important note +## ⚠️ Important notice The current version of this repository can contain code which differs from the original code shown in the video. The code has been improved by [Dyrits](https://github.com/Dyrits), adding semantic elements, and a more optimized JavaScript script, but the visual rendering of the portfolio remains the same. The original code is available [here](https://github.com/Maclinz/JS_CSS_PortfolioProject/tree/1f1c0205c0b3a8caa623c96402775974f39ab5cb). From a98b0b68e3db99ecfd4520fcc4e29b6cd1d56002 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 6 May 2022 13:12:07 -0500 Subject: [PATCH 04/27] A partial stylesheet has been created for independent components. --- index.html | 12 +++++++----- styles/_components.scss | 37 +++++++++++++++++++++++++++++++++++++ styles/_header.scss | 36 +----------------------------------- styles/styles.css | 14 +++++++++----- styles/styles.css.map | 2 +- styles/styles.scss | 1 + 6 files changed, 56 insertions(+), 46 deletions(-) create mode 100644 styles/_components.scss diff --git a/index.html b/index.html index 540b6136..beba010d 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,9 @@

Hi, I'm Solano Milan Diaz, a Web Developer.

I'm a Web Developer, I love to create beautiful and functional websites.
[This part can be filled with additional information.]

- Download CV +
+ Download CV +
@@ -48,10 +50,10 @@

Information About me

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum non necessitatibus deleniti eum soluta.

-
- - Download CV - +
+ + Download CV +
diff --git a/styles/_components.scss b/styles/_components.scss new file mode 100644 index 00000000..765064c8 --- /dev/null +++ b/styles/_components.scss @@ -0,0 +1,37 @@ +.cv { + display: flex; + align-self: flex-start; + &-link { + border-radius: 30px; + color: inherit; + font-weight: 600; + border: 1px solid var(--color-secondary); + display: flex; + align-self: flex-start; + align-items: center; + position: relative; + overflow: hidden; + &-text { padding: 0 2rem; } + &-icon { + background-color: var(--color-secondary); + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + padding: 1rem; + } + &:before { + content: ''; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 100%; + transform: translateX(100%); + transition: var(--transition); + background-color: var(--color-secondary); + z-index: -5; + } + &:hover:before { transform: translateX(0); } + } +} \ No newline at end of file diff --git a/styles/_header.scss b/styles/_header.scss index 1c31dae9..71f8e8ee 100644 --- a/styles/_header.scss +++ b/styles/_header.scss @@ -49,38 +49,4 @@ line-height: 2rem; } } -} - -#cv-link { - border-radius: 30px; - color: inherit; - font-weight: 600; - border: 1px solid var(--color-secondary); - display: flex; - align-self: flex-start; - align-items: center; - position: relative; - overflow: hidden; - &-text { padding: 0 2rem; } - &-icon { - background-color: var(--color-secondary); - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - padding: 1rem; - } - &:before { - content: ''; - position: absolute; - top: 0; - right: 0; - height: 100%; - width: 100%; - transform: translateX(100%); - transition: var(--transition); - background-color: var(--color-secondary); - z-index: -5; - } - &:hover:before { transform: translateX(0); } -} +} \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css index 9c99fd36..e9923510 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -206,7 +206,11 @@ section.container { line-height: 2rem; } -#cv-link { +.cv { + display: flex; + align-self: flex-start; +} +.cv-link { border-radius: 30px; color: inherit; font-weight: 600; @@ -217,10 +221,10 @@ section.container { position: relative; overflow: hidden; } -#cv-link-text { +.cv-link-text { padding: 0 2rem; } -#cv-link-icon { +.cv-link-icon { background-color: var(--color-secondary); display: flex; align-items: center; @@ -228,7 +232,7 @@ section.container { border-radius: 50%; padding: 1rem; } -#cv-link:before { +.cv-link:before { content: ""; position: absolute; top: 0; @@ -240,7 +244,7 @@ section.container { background-color: var(--color-secondary); z-index: -5; } -#cv-link:hover:before { +.cv-link:hover:before { transform: translateX(0); } diff --git a/styles/styles.css.map b/styles/styles.css.map index 174c51ce..4a2c9d24 100644 --- a/styles/styles.css.map +++ b/styles/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AHxBnB;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOpB;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EAAQ;;AACR;EAAO;;AACP;EAAM;;AACN;EAAQ;;AACR;EAAO;;AACP;EAAS;;;AAM7B;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAAG;;;AAKX;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AI7dZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AChDN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AJ2BrB;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOpB;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EAAQ;;AACR;EAAO;;AACP;EAAM;;AACN;EAAQ;;AACR;EAAO;;AACP;EAAS;;;AAM7B;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAAG;;;AAKX;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AK9dZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file diff --git a/styles/styles.scss b/styles/styles.scss index 5d68cb5f..2da52cba 100644 --- a/styles/styles.scss +++ b/styles/styles.scss @@ -57,6 +57,7 @@ section.container { @import './controls'; @import './header'; +@import './components'; /*About*/ .about-container { From e75f4d5416cddf7c1d7ce4cb2bbcba8ae4c16a88 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 6 May 2022 13:13:09 -0500 Subject: [PATCH 05/27] .main-title added. --- styles/_components.scss | 24 ++++++++++++++++++++- styles/styles.css | 48 ++++++++++++++++++++--------------------- styles/styles.css.map | 2 +- styles/styles.scss | 23 -------------------- 4 files changed, 48 insertions(+), 49 deletions(-) diff --git a/styles/_components.scss b/styles/_components.scss index 765064c8..329b408f 100644 --- a/styles/_components.scss +++ b/styles/_components.scss @@ -34,4 +34,26 @@ } &:hover:before { transform: translateX(0); } } -} \ No newline at end of file +} + +.main-title { + text-align: center; + h2 { + position: relative; + text-transform: uppercase; + font-size: 4rem; + font-weight: 700; + span { color: var(--color-secondary); } + .bg-text { + position: absolute; + top: 50%; + left: 50%; + color: var(--color-grey-5); + transition: all .4s ease-in-out; + z-index: -1; + transform: translate(-50%, -50%); + font-weight: 800; + font-size: 6.3rem; + } + } +} diff --git a/styles/styles.css b/styles/styles.css index e9923510..4ae0af26 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -248,6 +248,30 @@ section.container { transform: translateX(0); } +.main-title { + text-align: center; +} +.main-title h2 { + position: relative; + text-transform: uppercase; + font-size: 4rem; + font-weight: 700; +} +.main-title h2 span { + color: var(--color-secondary); +} +.main-title h2 .bg-text { + position: absolute; + top: 50%; + left: 50%; + color: var(--color-grey-5); + transition: all 0.4s ease-in-out; + z-index: -1; + transform: translate(-50%, -50%); + font-weight: 800; + font-size: 6.3rem; +} + /*About*/ .about-container { display: grid; @@ -661,30 +685,6 @@ section.container { justify-content: flex-start; } -.main-title { - text-align: center; -} -.main-title h2 { - position: relative; - text-transform: uppercase; - font-size: 4rem; - font-weight: 700; -} -.main-title h2 span { - color: var(--color-secondary); -} -.main-title h2 .bg-text { - position: absolute; - top: 50%; - left: 50%; - color: var(--color-grey-5); - transition: all 0.4s ease-in-out; - z-index: -1; - transform: translate(-50%, -50%); - font-weight: 800; - font-size: 6.3rem; -} - .about-container .left-about p { padding-left: 0; } diff --git a/styles/styles.css.map b/styles/styles.css.map index 4a2c9d24..569d36a4 100644 --- a/styles/styles.css.map +++ b/styles/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AChDN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AJ2BrB;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOpB;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EAAQ;;AACR;EAAO;;AACP;EAAM;;AACN;EAAQ;;AACR;EAAO;;AACP;EAAS;;;AAM7B;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAAG;;;AAKX;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AK9dZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AChDN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AAIrB;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJMN;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOpB;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EAAQ;;AACR;EAAO;;AACP;EAAM;;AACN;EAAQ;;AACR;EAAO;;AACP;EAAS;;;AAM7B;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAAG;;;AAKX;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AKxcZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file diff --git a/styles/styles.scss b/styles/styles.scss index 2da52cba..3f7b46c3 100644 --- a/styles/styles.scss +++ b/styles/styles.scss @@ -458,27 +458,4 @@ section.container { } } } - -.main-title { - text-align: center; - h2 { - position: relative; - text-transform: uppercase; - font-size: 4rem; - font-weight: 700; - span { color: var(--color-secondary); } - .bg-text { - position: absolute; - top: 50%; - left: 50%; - color: var(--color-grey-5); - transition: all .4s ease-in-out; - z-index: -1; - transform: translate(-50%, -50%); - font-weight: 800; - font-size: 6.3rem; - } - } -} - @import './media'; \ No newline at end of file From 3a51b79276d563fe8a2d6a6fa37cc9b00262de1b Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 6 May 2022 15:39:32 -0500 Subject: [PATCH 06/27] Externalization The generation of the progress bars have been externalized in a JavaScript file, which can generate new progression bars dynamically by adding new value in the dedicated object. A new partial has been created for the about section. Half of it has been modified using the BEM methodology. --- index.html | 133 +++++------------ app.js => scripts/controls.js | 0 scripts/statistics.js | 43 ++++++ styles/styles.css.map | 1 - stylesheets/_about.scss | 162 +++++++++++++++++++++ {styles => stylesheets}/_components.scss | 8 +- {styles => stylesheets}/_controls.scss | 0 {styles => stylesheets}/_header.scss | 0 {styles => stylesheets}/_media.scss | 0 {styles => stylesheets}/_variables.scss | 0 {styles => stylesheets}/styles.css | 93 +++++------- stylesheets/styles.css.map | 1 + {styles => stylesheets}/styles.scss | 176 +---------------------- 13 files changed, 283 insertions(+), 334 deletions(-) rename app.js => scripts/controls.js (100%) create mode 100644 scripts/statistics.js delete mode 100644 styles/styles.css.map create mode 100644 stylesheets/_about.scss rename {styles => stylesheets}/_components.scss (92%) rename {styles => stylesheets}/_controls.scss (100%) rename {styles => stylesheets}/_header.scss (100%) rename {styles => stylesheets}/_media.scss (100%) rename {styles => stylesheets}/_variables.scss (100%) rename {styles => stylesheets}/styles.css (90%) create mode 100644 stylesheets/styles.css.map rename {styles => stylesheets}/styles.scss (59%) diff --git a/index.html b/index.html index beba010d..a5cf19b5 100644 --- a/index.html +++ b/index.html @@ -5,12 +5,13 @@ Portfolio - + - + +
@@ -36,114 +37,54 @@

Hi, I'm Solano Milan Diaz, a Web Developer.

-

About memy stats

+

About meMy stats

-
-
-

Information About me

+
+
+

Information about me

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - Eveniet labore nihil obcaecati consequatur. Debitis error doloremque, - vero eos vel nemo eius voluptatem dicta tenetur modi.

La musica - delectus dolore fugiat exercitationem a, - ipsum quidem quo enim natus accusamus labore dolores nam. Unde. - Lorem ipsum dolor sit amet consectetur, adipisicing elit. - Harum non necessitatibus deleniti eum soluta. + [This part will be filled with information.] +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt id in natus nihil rem rerum. +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur deserunt, exercitationem illo quae quis rerum?

- - Download CV - - -
-
-
-
-
-

650+

-

Projects
Completed

+ Download CV +
+ +
+
+
+

650+

+

Projects completed

-
-
-

10+

-

Years of
experience

+
+
+

10+

+

Years of experience

-
-
-

300+

-

Happy
Clients

+
+
+

300+

+

Happy clients

-
-
-

400+

-

Customer
reviews

+
+
+

400+

+

Customers reviews

-
+
-
-

My Skills

-
-
-

html5

-
-

80%

-
- -
-
-
-
-

css3

-
-

95%

-
- -
-
-
-
-

javascript

-
-

75%

-
- -
-
-
-
-

ReactJS

-
-

75%

-
- -
-
-
-
-

NodeJS

-
-

87%

-
- -
-
-
-
-

Python

-
-

70%

-
- -
-
-
-
+
+

My Skills

+
-

My Timeline

+

My Timeline

diff --git a/app.js b/scripts/controls.js similarity index 100% rename from app.js rename to scripts/controls.js diff --git a/scripts/statistics.js b/scripts/statistics.js new file mode 100644 index 00000000..b3a93933 --- /dev/null +++ b/scripts/statistics.js @@ -0,0 +1,43 @@ +(function() { + const skills = { + "HTML5": "80%", + "CSS3": "95%", + "JavaScript": "75%", + "React JS": "75%", + "Node JS": "87%", + "Python": "70%" + // Skills can be added here. + } + + const create = { + element: function(type, className) { + const element = document.createElement(type); + element.classList.add(className); + return element; + } + } + + for (const [label, progression] of Object.entries(skills)) { + const skill = { + element: create.element("div", "skill"), + title: create.element("p", "skill-title"), + container: { + element: create.element("div", "skill-container"), + text: create.element("p", "skill-container-text"), + indicator : create.element("div", "skill-container-indicator") + } + } + skill.title.innerHTML = label; + skill.container.text.innerHTML = progression; + const span = document.createElement("span"); + span.style.width = progression; + skill.container.indicator.append(span); + skill.container.element.append(skill.container.text, skill.container.indicator); + skill.element.append(skill.title, skill.container.element); + document.querySelector("#progress").append(skill.element); + } +})(); + + + + diff --git a/styles/styles.css.map b/styles/styles.css.map deleted file mode 100644 index 569d36a4..00000000 --- a/styles/styles.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AChDN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AAIrB;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJMN;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOpB;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EAAQ;;AACR;EAAO;;AACP;EAAM;;AACN;EAAQ;;AACR;EAAO;;AACP;EAAS;;;AAM7B;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EAAG;;;AAKX;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AKxcZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file diff --git a/stylesheets/_about.scss b/stylesheets/_about.scss new file mode 100644 index 00000000..a689739c --- /dev/null +++ b/stylesheets/_about.scss @@ -0,0 +1,162 @@ +#about-header { + display: grid; + grid-template-columns: 1fr 1fr; + padding-top: 3.5rem; + padding-bottom: 5rem; + &-right { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 2rem; + .about-header-item { + border: 1px solid var(--color-grey-5); + border-radius: 5px; + transition: var(--transition); + box-shadow: 1px 2px 15px #0000001A; + &:hover { + transform: translateY(-5px); + border: 1px solid var(--color-secondary); + box-shadow: 1px 2px 15px #0000003A; + } + &-text { + padding: 1.5rem; + display: flex; + flex-direction: column; + &-large { + font-size: 3rem; + font-weight: 700; + color: var(--color-secondary); + } + &-small { + padding-left: 3rem; + position: relative; + text-transform: uppercase; + font-size: 1.2rem; + color: var(--color-grey-1); + letter-spacing: 2px; + + &:before { + content: ""; + position: absolute; + left: 0; + top: 15px; + width: 2rem; + height: 2px; + background-color: var(--color-grey-5); + } + } + } + } + } + &-left { + padding-right: 5rem; + h4 { + font-size: 2rem; + text-transform: uppercase; + } + p { + line-height: 2rem; + padding: 1rem; + color: var(--color-grey-1); + } + } +} + +#about-statistics { + padding-bottom: 4rem; + #progress { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 2rem; + .skill { + display: flex; + flex-direction: column; + &-title { + text-transform: uppercase; + font-weight: 500; + } + &-container { + display: flex; + align-items: center; + &-text { color: var(--color-grey-2); } + &-indicator { + width: 100%; + height: .5rem; + background-color: var(--color-grey-4); + margin-left: 1rem; + position: relative; + span { + position: absolute; + top: 0; + left: 0; + height: 100%; + background-color: var(--color-secondary); + } + } + } + } + } +} + +.about-title { + text-transform: uppercase; + font-size: 1.4rem; + text-align: center; + padding: 3.5rem 0; + position: relative; + &::before { + content: ''; + position: absolute; + left: 50%; + top: 0; + width: 40%; + height: 1px; + background-color: var(--color-grey-5); + transform: translateX(-50%); + } +} + +.timeline { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 2rem; + padding-bottom: 3rem; + .timeline-item { + position: relative; + padding-left: 3rem; + border-left: 1px solid var(--color-grey-5); + .tl-icon { + position: absolute; + left: -27px; + top: 0; + background-color: var(--color-secondary); + width: 50px; + height: 50px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + i { font-size: 1.3rem; } + } + .tl-duration { + padding: .2rem .6rem; + background-color: var(--color-grey-5); + border-radius: 15px; + display: inline-block; + font-size: .8rem; + text-transform: uppercase; + font-weight: 500; + } + h5 { + padding: 1rem 0; + text-transform: uppercase; + font-size: 1.3rem; + font-weight: 600; + span { + color: var(--color-grey-2); + font-weight: 500; + font-size: 1.2rem; + } + } + p{ color: var(--color-grey-2); } + } +} \ No newline at end of file diff --git a/styles/_components.scss b/stylesheets/_components.scss similarity index 92% rename from styles/_components.scss rename to stylesheets/_components.scss index 329b408f..952d5ec0 100644 --- a/styles/_components.scss +++ b/stylesheets/_components.scss @@ -44,16 +44,16 @@ font-size: 4rem; font-weight: 700; span { color: var(--color-secondary); } - .bg-text { + .background-text { position: absolute; top: 50%; left: 50%; color: var(--color-grey-5); - transition: all .4s ease-in-out; - z-index: -1; + transition: var(--transition); transform: translate(-50%, -50%); font-weight: 800; - font-size: 6.3rem; + font-size: 6rem; + z-index: -5; } } } diff --git a/styles/_controls.scss b/stylesheets/_controls.scss similarity index 100% rename from styles/_controls.scss rename to stylesheets/_controls.scss diff --git a/styles/_header.scss b/stylesheets/_header.scss similarity index 100% rename from styles/_header.scss rename to stylesheets/_header.scss diff --git a/styles/_media.scss b/stylesheets/_media.scss similarity index 100% rename from styles/_media.scss rename to stylesheets/_media.scss diff --git a/styles/_variables.scss b/stylesheets/_variables.scss similarity index 100% rename from styles/_variables.scss rename to stylesheets/_variables.scss diff --git a/styles/styles.css b/stylesheets/styles.css similarity index 90% rename from styles/styles.css rename to stylesheets/styles.css index 4ae0af26..a9a27ae8 100644 --- a/styles/styles.css +++ b/stylesheets/styles.css @@ -260,53 +260,51 @@ section.container { .main-title h2 span { color: var(--color-secondary); } -.main-title h2 .bg-text { +.main-title h2 .background-text { position: absolute; top: 50%; left: 50%; color: var(--color-grey-5); - transition: all 0.4s ease-in-out; - z-index: -1; + transition: var(--transition); transform: translate(-50%, -50%); font-weight: 800; - font-size: 6.3rem; + font-size: 6rem; + z-index: -5; } -/*About*/ -.about-container { +#about-header { display: grid; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: 1fr 1fr; padding-top: 3.5rem; padding-bottom: 5rem; } -.about-container .right-about { +#about-header-right { display: grid; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: 1fr 1fr; grid-gap: 2rem; } -.about-container .right-about .about-item { +#about-header-right .about-header-item { border: 1px solid var(--color-grey-5); border-radius: 5px; - transition: all 0.4s ease-in-out; - box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.1); + transition: var(--transition); + box-shadow: 1px 2px 15px #0000001A; } -.about-container .right-about .about-item:hover { - cursor: default; +#about-header-right .about-header-item:hover { transform: translateY(-5px); border: 1px solid var(--color-secondary); - box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.32); + box-shadow: 1px 2px 15px #0000003A; } -.about-container .right-about .about-item .abt-text { +#about-header-right .about-header-item-text { padding: 1.5rem; display: flex; flex-direction: column; } -.about-container .right-about .about-item .abt-text .large-text { +#about-header-right .about-header-item-text-large { font-size: 3rem; font-weight: 700; color: var(--color-secondary); } -.about-container .right-about .about-item .abt-text .small-text { +#about-header-right .about-header-item-text-small { padding-left: 3rem; position: relative; text-transform: uppercase; @@ -314,7 +312,7 @@ section.container { color: var(--color-grey-1); letter-spacing: 2px; } -.about-container .right-about .about-item .abt-text .small-text::before { +#about-header-right .about-header-item-text-small:before { content: ""; position: absolute; left: 0; @@ -323,85 +321,65 @@ section.container { height: 2px; background-color: var(--color-grey-5); } -.about-container .left-about { +#about-header-left { padding-right: 5rem; } -.about-container .left-about p { +#about-header-left h4 { + font-size: 2rem; + text-transform: uppercase; +} +#about-header-left p { line-height: 2rem; padding: 1rem; color: var(--color-grey-1); } -.about-container .left-about h4 { - font-size: 2rem; - text-transform: uppercase; -} -.about-stats { +#about-statistics { padding-bottom: 4rem; } -.about-stats .progress-bars { +#about-statistics #progress { display: grid; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: 1fr 1fr; grid-gap: 2rem; } -.about-stats .progress-bars .progress-bar { +#about-statistics #progress .skill { display: flex; flex-direction: column; } -.about-stats .progress-bars .progress-bar .prog-title { +#about-statistics #progress .skill-title { text-transform: uppercase; font-weight: 500; } -.about-stats .progress-bars .progress-bar .progress-con { +#about-statistics #progress .skill-container { display: flex; align-items: center; } -.about-stats .progress-bars .progress-bar .progress-con .prog-text { +#about-statistics #progress .skill-container-text { color: var(--color-grey-2); } -.about-stats .progress-bars .progress-bar .progress-con .progress { +#about-statistics #progress .skill-container-indicator { width: 100%; - height: 0.45rem; + height: 0.5rem; background-color: var(--color-grey-4); margin-left: 1rem; position: relative; } -.about-stats .progress-bars .progress-bar .progress-con .progress span { +#about-statistics #progress .skill-container-indicator span { position: absolute; top: 0; left: 0; height: 100%; background-color: var(--color-secondary); - transition: all 0.4s ease-in-out; - width: 60%; -} -.about-stats .progress-bars .progress-bar .progress-con .progress .html { - width: 80%; -} -.about-stats .progress-bars .progress-bar .progress-con .progress .css { - width: 95%; -} -.about-stats .progress-bars .progress-bar .progress-con .progress .js { - width: 75%; -} -.about-stats .progress-bars .progress-bar .progress-con .progress .react { - width: 60%; -} -.about-stats .progress-bars .progress-bar .progress-con .progress .node { - width: 87%; -} -.about-stats .progress-bars .progress-bar .progress-con .progress .python { - width: 70%; } -.stat-title { +.about-title { text-transform: uppercase; font-size: 1.4rem; text-align: center; padding: 3.5rem 0; position: relative; } -.stat-title::before { +.about-title::before { content: ""; position: absolute; left: 50%; @@ -412,7 +390,6 @@ section.container { transform: translateX(-50%); } -/*Timeline*/ .timeline { display: grid; grid-template-columns: repeat(2, 1fr); diff --git a/stylesheets/styles.css.map b/stylesheets/styles.css.map new file mode 100644 index 00000000..82fee536 --- /dev/null +++ b/stylesheets/styles.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AChDN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AAIrB;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvDN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAMV;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAQZ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAAG;;;ALhGP;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AM1RZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file diff --git a/styles/styles.scss b/stylesheets/styles.scss similarity index 59% rename from styles/styles.scss rename to stylesheets/styles.scss index 3f7b46c3..dafc74ab 100644 --- a/styles/styles.scss +++ b/stylesheets/styles.scss @@ -58,181 +58,7 @@ section.container { @import './controls'; @import './header'; @import './components'; - -/*About*/ -.about-container { - display: grid; - grid-template-columns: repeat(2, 1fr); - padding-top: 3.5rem; - padding-bottom: 5rem; - .right-about { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 2rem; - .about-item { - border: 1px solid var(--color-grey-5); - border-radius: 5px; - transition: all .4s ease-in-out; - box-shadow: 1px 2px 15px rgba(0,0,0,.1); - &:hover { - cursor: default; - transform: translateY(-5px); - border: 1px solid var(--color-secondary); - box-shadow: 1px 4px 15px rgba(0,0,0,.32); - } - .abt-text { - padding: 1.5rem; - display: flex; - flex-direction: column; - .large-text { - font-size: 3rem; - font-weight: 700; - color: var(--color-secondary); - } - .small-text { - padding-left: 3rem; - position: relative; - text-transform: uppercase; - font-size: 1.2rem; - color: var(--color-grey-1); - letter-spacing: 2px; - &::before { - content: ''; - position: absolute; - left: 0; - top: 15px; - width: 2rem; - height: 2px; - background-color: var(--color-grey-5); - } - } - } - } - } - - .left-about { - padding-right: 5rem; - p { - line-height: 2rem; - padding: 1rem; - color: var(--color-grey-1); - } - h4 { - font-size: 2rem; - text-transform: uppercase; - } - } -} - -.about-stats { - padding-bottom: 4rem; - .progress-bars { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 2rem; - .progress-bar { - display: flex; - flex-direction: column; - .prog-title { - text-transform: uppercase; - font-weight: 500; - } - .progress-con { - display: flex; - align-items: center; - .prog-text { - color: var(--color-grey-2); - } - .progress { - width: 100%; - height: .45rem; - background-color: var(--color-grey-4); - margin-left: 1rem; - position: relative; - span { - position: absolute; - top: 0; - left: 0; - height: 100%; - background-color: var(--color-secondary); - transition: all .4s ease-in-out; - width: 60%; - } - .html { width: 80%; } - .css { width: 95%; } - .js { width: 75%; } - .react{ width: 60%; } - .node{ width: 87%; } - .python{ width: 70%; } - } - } - } - } -} -.stat-title { - text-transform: uppercase; - font-size: 1.4rem; - text-align: center; - padding: 3.5rem 0; - position: relative; - &::before { - content: ''; - position: absolute; - left: 50%; - top: 0; - width: 40%; - height: 1px; - background-color: var(--color-grey-5); - transform: translateX(-50%); - } -} - -/*Timeline*/ -.timeline { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 2rem; - padding-bottom: 3rem; - .timeline-item { - position: relative; - padding-left: 3rem; - border-left: 1px solid var(--color-grey-5); - .tl-icon { - position: absolute; - left: -27px; - top: 0; - background-color: var(--color-secondary); - width: 50px; - height: 50px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - i { font-size: 1.3rem; } - } - .tl-duration { - padding: .2rem .6rem; - background-color: var(--color-grey-5); - border-radius: 15px; - display: inline-block; - font-size: .8rem; - text-transform: uppercase; - font-weight: 500; - } - h5 { - padding: 1rem 0; - text-transform: uppercase; - font-size: 1.3rem; - font-weight: 600; - span { - color: var(--color-grey-2); - font-weight: 500; - font-size: 1.2rem; - } - } - p{ color: var(--color-grey-2); } - } -} +@import './about'; //Portfolios .port-text { From 8e2d9e4706ff8a260c13aebe756f1316c616390a Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 6 May 2022 15:45:45 -0500 Subject: [PATCH 07/27] Update: README.md --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 84296714..d3e750c8 100644 --- a/README.md +++ b/README.md @@ -11,3 +11,8 @@ In this course, you will learn how to build a portfolio website using JavaScript The current version of this repository can contain code which differs from the original code shown in the video. The code has been improved by [Dyrits](https://github.com/Dyrits), adding semantic elements, and a more optimized JavaScript script, but the visual rendering of the portfolio remains the same. The original code is available [here](https://github.com/Maclinz/JS_CSS_PortfolioProject/tree/1f1c0205c0b3a8caa623c96402775974f39ab5cb). + +## Changelog + +### Last update [06/05/2022] +It is now possible to add new skills in the dedicated object in the `stastistics.js`, generating automatically new progression bars. \ No newline at end of file From 9783e637a707c490c875db471420152a16cb4877 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 6 May 2022 16:08:54 -0500 Subject: [PATCH 08/27] Modification: Icons The label of each skill, corresponding to a technology, have been changed to a icon. It is dynamically rendered through JavaScript. --- README.md | 6 ++++-- scripts/statistics.js | 16 ++++++++++------ stylesheets/_about.scss | 5 +---- stylesheets/styles.css | 5 ++--- stylesheets/styles.css.map | 2 +- 5 files changed, 18 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index d3e750c8..d0224c27 100644 --- a/README.md +++ b/README.md @@ -8,11 +8,13 @@ In this course, you will learn how to build a portfolio website using JavaScript ✏️ MacLinz developed this course course. Check out his [channel](https://www.youtube.com/c/MacLinzUniversalChannel). ## ⚠️ Important notice - The current version of this repository can contain code which differs from the original code shown in the video. The code has been improved by [Dyrits](https://github.com/Dyrits), adding semantic elements, and a more optimized JavaScript script, but the visual rendering of the portfolio remains the same. +The current version of this repository can contain code which differs from the original code shown in the video. The code has been improved by [Dyrits](https://github.com/Dyrits), adding semantic elements, and a more optimized JavaScript script, but the visual rendering of the portfolio remains the same. + +

❗ The new version is not yet responsive. Please, refer to the original version if you want your portfolio to be responsive.

The original code is available [here](https://github.com/Maclinz/JS_CSS_PortfolioProject/tree/1f1c0205c0b3a8caa623c96402775974f39ab5cb). ## Changelog ### Last update [06/05/2022] -It is now possible to add new skills in the dedicated object in the `stastistics.js`, generating automatically new progression bars. \ No newline at end of file +It is now possible to add new skills in the dedicated object in the `stastistics.js`, generating automatically new progression bars. The label of the progression bars has been replaced by an icon. \ No newline at end of file diff --git a/scripts/statistics.js b/scripts/statistics.js index b3a93933..b315f148 100644 --- a/scripts/statistics.js +++ b/scripts/statistics.js @@ -3,10 +3,14 @@ "HTML5": "80%", "CSS3": "95%", "JavaScript": "75%", - "React JS": "75%", - "Node JS": "87%", + "React": "75%", + "NodeJS": "87%", "Python": "70%" - // Skills can be added here. + /* + Skills can be added here. + The image use for the skills are from the following website: https://devicon.dev/ + Please, use the same naming as the website. + */ } const create = { @@ -20,20 +24,20 @@ for (const [label, progression] of Object.entries(skills)) { const skill = { element: create.element("div", "skill"), - title: create.element("p", "skill-title"), + image: create.element("img", "skill-image"), container: { element: create.element("div", "skill-container"), text: create.element("p", "skill-container-text"), indicator : create.element("div", "skill-container-indicator") } } - skill.title.innerHTML = label; + skill.image.src = `https://cdn.jsdelivr.net/gh/devicons/devicon/icons/${label.toLowerCase()}/${label.toLowerCase()}-original.svg` skill.container.text.innerHTML = progression; const span = document.createElement("span"); span.style.width = progression; skill.container.indicator.append(span); skill.container.element.append(skill.container.text, skill.container.indicator); - skill.element.append(skill.title, skill.container.element); + skill.element.append(skill.image, skill.container.element); document.querySelector("#progress").append(skill.element); } })(); diff --git a/stylesheets/_about.scss b/stylesheets/_about.scss index a689739c..9375be9b 100644 --- a/stylesheets/_about.scss +++ b/stylesheets/_about.scss @@ -70,10 +70,7 @@ .skill { display: flex; flex-direction: column; - &-title { - text-transform: uppercase; - font-weight: 500; - } + &-image { width: 40px; } &-container { display: flex; align-items: center; diff --git a/stylesheets/styles.css b/stylesheets/styles.css index a9a27ae8..354858fb 100644 --- a/stylesheets/styles.css +++ b/stylesheets/styles.css @@ -346,9 +346,8 @@ section.container { display: flex; flex-direction: column; } -#about-statistics #progress .skill-title { - text-transform: uppercase; - font-weight: 500; +#about-statistics #progress .skill-image { + width: 40px; } #about-statistics #progress .skill-container { display: flex; diff --git a/stylesheets/styles.css.map b/stylesheets/styles.css.map index 82fee536..32bdb25c 100644 --- a/stylesheets/styles.css.map +++ b/stylesheets/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AChDN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AAIrB;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvDN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAMV;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAQZ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAAG;;;ALhGP;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AM1RZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AChDN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AAIrB;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvDN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAMV;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EAAU;;AACV;EACE;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAQZ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAAG;;;AL7FP;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AM1RZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file From 39cad89668dde0f37a70869677527cee2b77f8b8 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Tue, 10 May 2022 13:50:36 -0500 Subject: [PATCH 09/27] CSS have been minified. Some classes have been renamed using the BEM methodology. --- index.html | 150 +++--- scripts/statistics.js | 2 +- stylesheets/_about.scss | 84 +-- stylesheets/styles.css | 935 --------------------------------- stylesheets/styles.css.map | 1 - stylesheets/styles.min.css | 1 + stylesheets/styles.min.css.map | 1 + 7 files changed, 122 insertions(+), 1052 deletions(-) delete mode 100644 stylesheets/styles.css delete mode 100644 stylesheets/styles.css.map create mode 100644 stylesheets/styles.min.css create mode 100644 stylesheets/styles.min.css.map diff --git a/index.html b/index.html index a5cf19b5..bf2d8a17 100644 --- a/index.html +++ b/index.html @@ -5,11 +5,11 @@ Portfolio - + @@ -54,97 +54,99 @@

Information about me

-
-
-

650+

-

Projects completed

+
+
+

650+

+

Projects completed

-
-
-

10+

-

Years of experience

+
+
+

10+

+

Years of experience

-
-
-

300+

-

Happy clients

+
+
+

300+

+

Happy clients

-
-
-

400+

-

Customers reviews

+
+
+

400+

+

Customers reviews

My Skills

-
+
-

My Timeline

-
-
-
- -
-

2010 - present

-
Web Developer - Vircrosoft
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. -

-
-
-
- +
+

My Timeline

+
+
+
+ +
+

2010 - present

+
Web Developer - Vircrosoft
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. +

-

2008 - 2011

-
Software Engineer - Boogle, Inc.
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. -

-
-
-
- +
+
+ +
+

2008 - 2011

+
Software Engineer - Boogle, Inc.
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. +

-

2016 - 2017

-
C++ Programmer - Slime Tech
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. -

-
-
-
- +
+
+ +
+

2016 - 2017

+
C++ Programmer - Slime Tech
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. +

-

2009 - 2013

-
Business Degree - Sussex University
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. -

-
-
-
- +
+
+ +
+

2009 - 2013

+
Business Degree - Sussex University
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. +

-

2013 - 2016

-
Computer Science Degree - Brookes University
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. -

-
-
-
- +
+
+ +
+

2013 - 2016

+
Computer Science Degree - Brookes University
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. +

+
+
+
+ +
+

2017 - present

+
3d Animation - Brighton University
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. +

-

2017 - present

-
3d Animation - Brighton University
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quasi vero fugit. -

diff --git a/scripts/statistics.js b/scripts/statistics.js index b315f148..1f37b335 100644 --- a/scripts/statistics.js +++ b/scripts/statistics.js @@ -38,7 +38,7 @@ skill.container.indicator.append(span); skill.container.element.append(skill.container.text, skill.container.indicator); skill.element.append(skill.image, skill.container.element); - document.querySelector("#progress").append(skill.element); + document.querySelector("#statistics").append(skill.element); } })(); diff --git a/stylesheets/_about.scss b/stylesheets/_about.scss index 9375be9b..817206cc 100644 --- a/stylesheets/_about.scss +++ b/stylesheets/_about.scss @@ -63,7 +63,7 @@ #about-statistics { padding-bottom: 4rem; - #progress { + #statistics { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2rem; @@ -112,48 +112,50 @@ } } -.timeline { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 2rem; +#about-timeline { padding-bottom: 3rem; - .timeline-item { - position: relative; - padding-left: 3rem; - border-left: 1px solid var(--color-grey-5); - .tl-icon { - position: absolute; - left: -27px; - top: 0; - background-color: var(--color-secondary); - width: 50px; - height: 50px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - i { font-size: 1.3rem; } - } - .tl-duration { - padding: .2rem .6rem; - background-color: var(--color-grey-5); - border-radius: 15px; - display: inline-block; - font-size: .8rem; - text-transform: uppercase; - font-weight: 500; - } - h5 { - padding: 1rem 0; - text-transform: uppercase; - font-size: 1.3rem; - font-weight: 600; - span { - color: var(--color-grey-2); + #timeline { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 2rem; + .timeline-item { + position: relative; + padding-left: 3rem; + border-left: 1px solid var(--color-grey-5); + &-icon { + position: absolute; + left: -27px; + top: 0; + background-color: var(--color-secondary); + width: 50px; + height: 50px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + i { font-size: 1.3rem; } + } + &-duration { + padding: .2rem .6rem; + background-color: var(--color-grey-5); + border-radius: 15px; + display: inline-block; + font-size: .8rem; + text-transform: uppercase; font-weight: 500; - font-size: 1.2rem; } + h5 { + padding: 1rem 0; + text-transform: uppercase; + font-size: 1.3rem; + font-weight: 600; + span { + color: var(--color-grey-2); + font-weight: 500; + font-size: 1.2rem; + } + } + &-content { color: var(--color-grey-2); } } - p{ color: var(--color-grey-2); } } -} \ No newline at end of file +} diff --git a/stylesheets/styles.css b/stylesheets/styles.css deleted file mode 100644 index 354858fb..00000000 --- a/stylesheets/styles.css +++ /dev/null @@ -1,935 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - list-style: none; -} - -:root { - --color-primary: #191d2b; - --color-secondary: #27AE60; - --color-white: #FFFFFF; - --color-black: #000; - --color-grey0: #f8f8f8; - --color-grey-1: #dbe1e8; - --color-grey-2: #b2becd; - --color-grey-3: #6c7983; - --color-grey-4: #454e56; - --color-grey-5: #2a2e35; - --color-grey-6: #12181b; - --br-sm-2: 14px; - --box-shadow-1: 0 3px 15px rgba(0,0,0,.3); - --transition: all .4s ease-in-out; -} - -.light-mode { - --color-primary: #FFFFFF; - --color-secondary: #F56692; - --color-white: #454e56; - --color-black: #000; - --color-grey0: #f8f8f8; - --color-grey-1: #6c7983; - --color-grey-2: #6c7983; - --color-grey-3: #6c7983; - --color-grey-4: #454e56; - --color-grey-5: #f8f8f8; - --color-grey-6: #12181b; -} - -body { - background-color: var(--color-primary); - font-family: "Poppins", sans-serif; - font-size: 1.1rem; - color: var(--color-white); - transition: all 0.4s ease-in-out; -} - -a { - display: inline-block; - text-decoration: none; - color: inherit; - font-family: inherit; -} - -header { - min-height: 100vh; - color: var(--color-white); - overflow: hidden; - padding: 0 !important; -} - -section.container { - min-height: 100vh; - width: 100%; - position: absolute; - left: 0; - top: 0; - padding: 3rem 18rem; -} - -.container { - display: none; - transform: translateY(-100%) scale(0); - transition: all 0.4s ease-in-out; - background-color: var(--color-primary); -} - -.active { - display: block; - animation: appear 1s ease-in-out; - transform: translateY(0) scaleY(1); -} -@keyframes appear { - 0% { - transform: translateY(-100%) scaleY(0); - } - 100% { - transform: translateY(0) scaleY(1); - } -} - -#controls { - position: fixed; - z-index: 10; - top: 50%; - right: 3%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - transform: translateY(-50%); -} -#controls .control { - padding: 1rem; - cursor: pointer; - background-color: var(--color-grey-4); - width: 55px; - height: 55px; - border-radius: 50%; - display: flex; - justify-content: center; - align-items: center; - margin: 0.7rem 0; - box-shadow: var(--box-shadow-1); -} -#controls .control i { - font-size: 1.2rem; - color: var(--color-grey-2); - pointer-events: none; -} -#controls .active-button { - background-color: var(--color-secondary); - transition: all 0.4s ease-in-out; -} -#controls .active-button i { - color: var(--color-white); -} - -#switch-mode { - top: 5%; - right: 3%; - width: 70px; - height: 70px; - border-radius: 50%; - background-color: var(--color-grey-4); - cursor: pointer; - position: fixed; - display: flex; - justify-content: center; - align-items: center; - box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3); - transition: all 0.1s ease-in-out; -} -#switch-mode:active { - transform: translateY(-3px); -} -#switch-mode i { - font-size: 1.4rem; - color: var(--color-grey-2); - pointer-events: none; -} - -#header-content { - width: 100%; - display: grid; - grid-template-columns: 1fr 1fr; - height: 100vh; -} -#header-content-left { - display: flex; - align-items: center; - position: relative; -} -#header-content-left-shape { - transition: var(--transition); - width: 65%; - height: 100%; - background-color: var(--color-secondary); - position: absolute; - left: 0; - top: 0; - z-index: -5; - clip-path: polygon(0 0, 45% 0, 80% 100%, 0% 100%); -} -#header-content-left-image { - border-radius: 15px; - width: 70%; - height: 90%; - margin-left: 4rem; - background-color: var(--color-black); - transition: var(--transition); -} -#header-content-left-image img { - width: 100%; - height: 100%; - object-fit: cover; - transition: var(--transition); - filter: grayscale(100%); -} -#header-content-left-image img:hover { - filter: grayscale(0%); -} -#header-content-right { - display: flex; - flex-direction: column; - justify-content: center; - padding-right: 18rem; -} -#header-content-right h1 { - font-size: 2rem; -} -#header-content-right h1 span { - color: var(--color-secondary); -} -#header-content-right p { - margin: 1.5rem 0; - line-height: 2rem; -} - -.cv { - display: flex; - align-self: flex-start; -} -.cv-link { - border-radius: 30px; - color: inherit; - font-weight: 600; - border: 1px solid var(--color-secondary); - display: flex; - align-self: flex-start; - align-items: center; - position: relative; - overflow: hidden; -} -.cv-link-text { - padding: 0 2rem; -} -.cv-link-icon { - background-color: var(--color-secondary); - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - padding: 1rem; -} -.cv-link:before { - content: ""; - position: absolute; - top: 0; - right: 0; - height: 100%; - width: 100%; - transform: translateX(100%); - transition: var(--transition); - background-color: var(--color-secondary); - z-index: -5; -} -.cv-link:hover:before { - transform: translateX(0); -} - -.main-title { - text-align: center; -} -.main-title h2 { - position: relative; - text-transform: uppercase; - font-size: 4rem; - font-weight: 700; -} -.main-title h2 span { - color: var(--color-secondary); -} -.main-title h2 .background-text { - position: absolute; - top: 50%; - left: 50%; - color: var(--color-grey-5); - transition: var(--transition); - transform: translate(-50%, -50%); - font-weight: 800; - font-size: 6rem; - z-index: -5; -} - -#about-header { - display: grid; - grid-template-columns: 1fr 1fr; - padding-top: 3.5rem; - padding-bottom: 5rem; -} -#about-header-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 2rem; -} -#about-header-right .about-header-item { - border: 1px solid var(--color-grey-5); - border-radius: 5px; - transition: var(--transition); - box-shadow: 1px 2px 15px #0000001A; -} -#about-header-right .about-header-item:hover { - transform: translateY(-5px); - border: 1px solid var(--color-secondary); - box-shadow: 1px 2px 15px #0000003A; -} -#about-header-right .about-header-item-text { - padding: 1.5rem; - display: flex; - flex-direction: column; -} -#about-header-right .about-header-item-text-large { - font-size: 3rem; - font-weight: 700; - color: var(--color-secondary); -} -#about-header-right .about-header-item-text-small { - padding-left: 3rem; - position: relative; - text-transform: uppercase; - font-size: 1.2rem; - color: var(--color-grey-1); - letter-spacing: 2px; -} -#about-header-right .about-header-item-text-small:before { - content: ""; - position: absolute; - left: 0; - top: 15px; - width: 2rem; - height: 2px; - background-color: var(--color-grey-5); -} -#about-header-left { - padding-right: 5rem; -} -#about-header-left h4 { - font-size: 2rem; - text-transform: uppercase; -} -#about-header-left p { - line-height: 2rem; - padding: 1rem; - color: var(--color-grey-1); -} - -#about-statistics { - padding-bottom: 4rem; -} -#about-statistics #progress { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 2rem; -} -#about-statistics #progress .skill { - display: flex; - flex-direction: column; -} -#about-statistics #progress .skill-image { - width: 40px; -} -#about-statistics #progress .skill-container { - display: flex; - align-items: center; -} -#about-statistics #progress .skill-container-text { - color: var(--color-grey-2); -} -#about-statistics #progress .skill-container-indicator { - width: 100%; - height: 0.5rem; - background-color: var(--color-grey-4); - margin-left: 1rem; - position: relative; -} -#about-statistics #progress .skill-container-indicator span { - position: absolute; - top: 0; - left: 0; - height: 100%; - background-color: var(--color-secondary); -} - -.about-title { - text-transform: uppercase; - font-size: 1.4rem; - text-align: center; - padding: 3.5rem 0; - position: relative; -} -.about-title::before { - content: ""; - position: absolute; - left: 50%; - top: 0; - width: 40%; - height: 1px; - background-color: var(--color-grey-5); - transform: translateX(-50%); -} - -.timeline { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 2rem; - padding-bottom: 3rem; -} -.timeline .timeline-item { - position: relative; - padding-left: 3rem; - border-left: 1px solid var(--color-grey-5); -} -.timeline .timeline-item .tl-icon { - position: absolute; - left: -27px; - top: 0; - background-color: var(--color-secondary); - width: 50px; - height: 50px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; -} -.timeline .timeline-item .tl-icon i { - font-size: 1.3rem; -} -.timeline .timeline-item .tl-duration { - padding: 0.2rem 0.6rem; - background-color: var(--color-grey-5); - border-radius: 15px; - display: inline-block; - font-size: 0.8rem; - text-transform: uppercase; - font-weight: 500; -} -.timeline .timeline-item h5 { - padding: 1rem 0; - text-transform: uppercase; - font-size: 1.3rem; - font-weight: 600; -} -.timeline .timeline-item h5 span { - color: var(--color-grey-2); - font-weight: 500; - font-size: 1.2rem; -} -.timeline .timeline-item p { - color: var(--color-grey-2); -} - -.port-text { - padding: 2rem 0; - text-align: center; -} - -.portfolios { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 2rem; - margin-top: 3rem; -} -.portfolios .portfolio-item { - position: relative; - border-radius: 15px; -} -.portfolios .portfolio-item img { - width: 100%; - height: 300px; - object-fit: cover; - border-radius: 15px; -} -.portfolios .portfolio-item .hover-items { - width: 100%; - height: 100%; - background-color: var(--color-secondary); - position: absolute; - left: 0; - top: 0; - border-radius: 15px; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - opacity: 0; - transform: scale(0); - transition: all 0.4s ease-in-out; -} -.portfolios .portfolio-item .hover-items h3 { - font-size: 1.5rem; - color: var(--color-white); - margin-bottom: 1.5rem; -} -.portfolios .portfolio-item .hover-items .icons { - display: flex; - justify-content: center; - align-items: center; -} -.portfolios .portfolio-item .hover-items .icons .icon { - background-color: var(--color-primary); - border-radius: 50%; - width: 50px; - height: 50px; - display: flex; - align-items: center; - justify-content: center; - margin: 0 1rem; - cursor: pointer; - transition: all 0.4s ease-in-out; -} -.portfolios .portfolio-item .hover-items .icons .icon i { - font-size: 1.5rem; - color: var(--color-white); - margin: 0 1rem; -} -.portfolios .portfolio-item .hover-items .icons .icon:hover { - background-color: var(--color-white); -} -.portfolios .portfolio-item .hover-items .icons .icon:hover i { - color: var(--color-primary); -} - -.portfolio-item:hover .hover-items { - opacity: 1; - transform: scale(1); -} - -.blogs { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 2rem; - margin-top: 3rem; -} -.blogs .blog { - position: relative; - background-color: var(--color-grey-5); - border-radius: 5px; - box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1); - transition: all 0.4s ease-in-out; -} -.blogs .blog:hover { - box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3); - transform: translateY(-5px); - transition: all 0.4s ease-in-out; -} -.blogs .blog:hover img { - filter: grayscale(0); - transform: scale(1.1); - box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.8); -} -.blogs .blog img { - width: 100%; - height: 300px; - object-fit: cover; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - filter: grayscale(100%); - transition: all 0.4s ease-in-out; -} -.blogs .blog .blog-text { - margin-top: -7px; - padding: 1.1rem; - border-top: 8px solid var(--color-secondary); -} -.blogs .blog .blog-text h4 { - font-size: 1.5rem; - margin-bottom: 0.7rem; - transition: all 0.4s ease-in-out; - cursor: pointer; -} -.blogs .blog .blog-text h4:hover { - color: var(--color-secondary); -} -.blogs .blog .blog-text p { - color: var(--color-grey-2); - line-height: 2rem; - padding-bottom: 1rem; -} - -.contact-content-con { - display: flex; - padding-top: 3.5rem; -} -.contact-content-con .left-contact { - flex: 2; -} -.contact-content-con .left-contact h4 { - margin-top: 1rem; - font-size: 2rem; - text-transform: uppercase; -} -.contact-content-con .left-contact p { - margin: 1rem 0; - line-height: 2rem; -} -.contact-content-con .left-contact .contact-info .contact-item { - display: flex; - align-items: center; - justify-content: space-between; -} -.contact-content-con .left-contact .contact-info .contact-item p { - margin: 0.3rem 0 !important; - padding: 0 !important; -} -.contact-content-con .left-contact .contact-info .contact-item .icon { - display: grid; - grid-template-columns: 40px 1fr; -} -.contact-content-con .left-contact .contact-info .contact-item .icon i { - display: flex; - align-items: center; - font-size: 1.3rem; -} -.contact-content-con .left-contact .contact-icon { - display: flex; - margin-top: 2rem; -} -.contact-content-con .left-contact .contact-icon a { - display: flex; - align-items: center; - color: var(--color-white); - background-color: var(--color-grey-5); - cursor: pointer; - justify-content: center; - width: 50px; - height: 50px; - border-radius: 50%; - margin: 0 0.4rem; - transition: all 0.4s ease-in-out; -} -.contact-content-con .left-contact .contact-icon a:hover { - background-color: var(--color-secondary); -} -.contact-content-con .left-contact .contact-icon a:hover i { - color: var(--color-primary); -} -.contact-content-con .left-contact .contact-icon a i { - display: flex; - align-items: center; - justify-content: center; - font-size: 1.3rem; -} -.contact-content-con .right-contact { - flex: 3; - margin-left: 3rem; -} -.contact-content-con .right-contact .input-control { - margin: 1.5rem 0; -} -.contact-content-con .right-contact .input-control input, .contact-content-con .right-contact .input-control textarea { - border-radius: 30px; - font-weight: inherit; - font-size: inherit; - font-family: inherit; - padding: 0.8rem 1.1rem; - outline: none; - border: none; - background-color: var(--color-grey-5); - width: 100%; - color: var(--color-white); - resize: none; -} -.contact-content-con .right-contact .i-c-2 { - display: flex; -} -.contact-content-con .right-contact .i-c-2 :last-child { - margin-left: 1.5rem; -} -.contact-content-con .right-contact .submit-btn { - display: flex; - justify-content: flex-start; -} - -.about-container .left-about p { - padding-left: 0; -} - -@media screen and (max-width: 600px) { - header { - padding: 0 !important; - } - - .theme-btn { - width: 50px; - height: 50px; - } - - .header-content { - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - } - - .left-header .h-shape { - display: none; - } - - .right-header { - grid-row: 1; - padding-right: 0rem !important; - width: 90%; - margin: 0 auto; - } - .right-header .name { - font-size: 2.5rem !important; - text-align: center; - padding-top: 3rem; - } - - .header-content .left-header .image { - margin: 0 auto; - width: 90%; - } - - .controls { - top: auto; - bottom: 0; - flex-direction: row; - justify-content: center; - left: 50%; - transform: translateX(-50%); - width: 100%; - background-color: var(--color-grey-5); - } - .controls .control { - margin: 1rem 0.3rem; - } - - .about-container { - grid-template-columns: repeat(1, 1fr); - } - .about-container .right-about { - grid-template-columns: repeat(1, 1fr); - padding-top: 2.5rem; - } - .about-container .left-about { - padding-right: 0; - } - .about-container .left-about p { - padding-left: 0; - } - - .timeline { - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - } - - .container { - padding: 2rem 2.5rem !important; - } - - .about-stats .progress-bars { - grid-template-columns: repeat(1, 1fr); - } - - .portfolios { - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - margin-top: 1rem; - } - - .blogs { - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - } - - .contact-content-con { - flex-direction: column; - } - .contact-content-con .right-contact { - margin-left: 0; - margin-top: 2.5rem; - } - - .contact-content-con .right-contact .i-c-2 { - flex-direction: column; - } - - .contact-content-con .right-contact .i-c-2 :last-child { - margin-left: 0; - margin-top: 1.5rem; - } - - .contact-content-con .right-contact { - margin-bottom: 6rem; - } - - .contact-item { - flex-direction: column; - margin: 1rem 0; - } - .contact-item p { - font-size: 15px; - color: var(--color-grey-2); - } - .contact-item span { - font-size: 15px; - } - .contact-item .icon { - grid-template-columns: 25px 1fr; - } - - .main-title h2 { - font-size: 2rem; - } - .main-title h2 span { - font-size: 2.3rem; - } - .main-title h2 .bg-text { - font-size: 2.3rem; - } -} -@media screen and (max-width: 1432px) { - .container { - padding: 7rem 11rem; - } - - .contact-content-con { - flex-direction: column; - } - .contact-content-con .right-contact { - margin-left: 0; - margin-top: 2.5rem; - } - - .contact-content-con .right-contact .i-c-2 { - flex-direction: column; - } - - .contact-content-con .right-contact .i-c-2 :last-child { - margin-left: 0; - margin-top: 1.5rem; - } - - .contact-content-con .right-contact { - margin-bottom: 6rem; - } - - .main-title h2 .bg-text { - font-size: 5.5rem; - } -} -@media screen and (max-width: 1250px) { - .blogs { - grid-template-columns: repeat(2, 1fr); - margin-top: 6rem; - } - - .portfolios { - grid-template-columns: repeat(2, 1fr); - } - - .header-content .right-header { - padding-right: 9rem; - } -} -@media screen and (max-width: 660px) { - .blogs { - grid-template-columns: repeat(1, 1fr); - } - - .portfolios { - grid-template-columns: repeat(1, 1fr); - } -} -@media screen and (max-width: 1070px) { - .about-container { - grid-template-columns: repeat(1, 1fr); - } - .about-container .right-about { - padding-top: 2.5rem; - } - - .main-title h2 { - font-size: 4rem; - } - .main-title h2 span { - font-size: 4rem; - } - .main-title h2 .bg-text { - font-size: 4.5rem; - } -} -@media screen and (max-width: 970px) { - .container { - padding: 7rem 6rem; - } - - .about-container .left-about { - padding-right: 0rem; - } - - .header-content { - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - } - - .left-header .h-shape { - display: none; - } - .left-header .image { - width: 90% !important; - margin: 0 auto !important; - } - - .right-header { - grid-row: 1; - padding-right: 0rem !important; - width: 90%; - margin: 0 auto; - } - .right-header .name { - font-size: 2.5rem !important; - text-align: center; - padding-top: 3rem; - } -} -@media screen and (max-width: 700px) { - .container { - padding: 7rem 3rem; - } - - .about-stats .progress-bars { - grid-template-columns: repeat(1, 1fr); - } - - .about-container .right-about { - grid-template-columns: repeat(1, 1fr); - } - - .timeline { - grid-template-columns: repeat(1, 1fr); - } - - .main-title h2 { - font-size: 3rem; - } - .main-title h2 span { - font-size: 3rem; - } - .main-title h2 .bg-text { - font-size: 4rem; - } -} - -/*# sourceMappingURL=styles.css.map */ diff --git a/stylesheets/styles.css.map b/stylesheets/styles.css.map deleted file mode 100644 index 32bdb25c..00000000 --- a/stylesheets/styles.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;;;ACJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADnBF;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;IAAI;;EACJ;IAAM;;;;AErDd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AACA;EAAI;;;AAIR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;EACA;EACA;;;ACrDJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EAAU;;AAIhB;EACE;EACA;EACA;EACA;;AACA;EACE;;AACA;EAAO;;AAET;EACE;EACA;;;AChDN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAAiB;;;AAIrB;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAO;;AACP;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvDN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAMV;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;;AAKN;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EAAU;;AACV;EACE;EACA;;AACA;EAAS;;AACT;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAQZ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAAI;;AAEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EAAG;;;AL7FP;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EAAI;;;AAQ5B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EAAU;;AAEd;EACI;EACA;EACA;;;AAQhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAIA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EAAI;;AAER;EACI;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AM1RZ;EACI;;;AAGJ;EACI;IACI;;;EAEJ;IACI;IACA;;;EAEJ;IACI;IACA;;;EAIA;IACI;;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;EAGR;IACI;IACA;;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;;;EAIR;IACI;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;;EAKZ;IACI;IACA;;;EAGJ;IACI;;;EAIA;IACI;;;EAIR;IACI;IACA;IACA;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAGJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;;EAMJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAGJ;IACI;;EACA;IACI;IACA;;;EAIR;IACI;;;EAEJ;IACI;IACA;;;EAGJ;IACI;;;EAKI;IACI;;;AAUhB;EACI;IACI;IACA;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;;EAEJ;IACI;;;AAIR;EACI;IACI;;EACA;IACI;;;EAIJ;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAIA;IACI;;EAEJ;IACI;IACA;;;EAIR;IACI;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;;AAIZ;EACI;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;EAGJ;IACI;;;EAGA;IACI;;EACA;IACI;;EAEJ;IACI","file":"styles.css"} \ No newline at end of file diff --git a/stylesheets/styles.min.css b/stylesheets/styles.min.css new file mode 100644 index 00000000..26fa9568 --- /dev/null +++ b/stylesheets/styles.min.css @@ -0,0 +1 @@ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:1fr 1fr;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:1fr 1fr;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-header-right .about-header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .about-header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .about-header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .about-header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .about-header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .about-header-item-text-small:before{content:"";position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;left:50%;top:0;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;left:-27px;top:0;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.port-text{padding:2rem 0;text-align:center}.portfolios{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.portfolios .portfolio-item{position:relative;border-radius:15px}.portfolios .portfolio-item img{width:100%;height:300px;object-fit:cover;border-radius:15px}.portfolios .portfolio-item .hover-items{width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolios .portfolio-item .hover-items .icons{display:flex;justify-content:center;align-items:center}.portfolios .portfolio-item .hover-items .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items .icons .icon i{font-size:1.5rem;color:var(--color-white);margin:0 1rem}.portfolios .portfolio-item .hover-items .icons .icon:hover{background-color:var(--color-white)}.portfolios .portfolio-item .hover-items .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-items{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ diff --git a/stylesheets/styles.min.css.map b/stylesheets/styles.min.css.map new file mode 100644 index 00000000..204e540c --- /dev/null +++ b/stylesheets/styles.min.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDnBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCErDR,UACE,eACA,WACA,QACA,SACA,aACA,sBACA,mBACA,uBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBACA,aACA,uBACA,mBACA,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eACA,aACA,uBACA,mBACA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBCrDJ,gBACE,WACA,aACA,8BACA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCACA,kBACA,OACA,MACA,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBChDN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCACA,aACA,mBACA,uBACA,kBACA,aAEF,gBACE,WACA,kBACA,MACA,QACA,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCvDN,cACE,aACA,8BACA,mBACA,oBACA,oBACE,aACA,8BACA,cACA,uCACE,qCACA,kBACA,6BACA,gDACA,6CACE,2BACA,wCACA,gDAEF,4CACE,eACA,aACA,sBACA,kDACE,eACA,gBACA,6BAEF,kDACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBAEA,yDACE,WACA,kBACA,OACA,SACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BACE,aACA,8BACA,cACA,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DACE,kBACA,MACA,OACA,YACA,wCAQZ,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WACA,kBACA,SACA,MACA,UACA,WACA,qCACA,2BAIJ,gBACE,oBACA,0BACE,aACA,qCACA,cACA,yCACE,kBACA,kBACA,0CACA,8CACE,kBACA,WACA,MACA,wCACA,WACA,YACA,kBACA,aACA,mBACA,uBACA,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EL9FN,WACI,eACA,kBAGJ,YACI,aACA,qCACA,cACA,gBACA,4BACI,kBACA,mBACA,gCACI,WACA,aACA,iBACA,mBAEJ,yCACI,WACA,YACA,wCACA,kBACA,OACA,MACA,mBACA,aACA,uBACA,mBACA,sBACA,UACA,mBACA,+BACA,4CACI,iBACA,yBACA,qBAEJ,gDACI,aACA,uBACA,mBACA,sDACI,sCACA,kBACA,WACA,YACA,aACA,mBACA,uBACA,cACA,eACA,+BACA,wDACI,iBACA,yBACA,cAEJ,4DACI,oCACA,yFAQxB,mCACI,UACA,mBAIJ,OACI,aACA,qCACA,cACA,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BM1RZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file From 7265e028c1757f050dfd6a81a35ecdb5b6ccd9b7 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Tue, 10 May 2022 13:55:34 -0500 Subject: [PATCH 10/27] Minor fix. --- stylesheets/_about.scss | 2 +- stylesheets/styles.min.css | 2 +- stylesheets/styles.min.css.map | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/stylesheets/_about.scss b/stylesheets/_about.scss index 817206cc..2ffed5d2 100644 --- a/stylesheets/_about.scss +++ b/stylesheets/_about.scss @@ -7,7 +7,7 @@ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2rem; - .about-header-item { + .header-item { border: 1px solid var(--color-grey-5); border-radius: 5px; transition: var(--transition); diff --git a/stylesheets/styles.min.css b/stylesheets/styles.min.css index 26fa9568..40f7eb87 100644 --- a/stylesheets/styles.min.css +++ b/stylesheets/styles.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:1fr 1fr;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:1fr 1fr;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-header-right .about-header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .about-header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .about-header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .about-header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .about-header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .about-header-item-text-small:before{content:"";position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;left:50%;top:0;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;left:-27px;top:0;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.port-text{padding:2rem 0;text-align:center}.portfolios{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.portfolios .portfolio-item{position:relative;border-radius:15px}.portfolios .portfolio-item img{width:100%;height:300px;object-fit:cover;border-radius:15px}.portfolios .portfolio-item .hover-items{width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolios .portfolio-item .hover-items .icons{display:flex;justify-content:center;align-items:center}.portfolios .portfolio-item .hover-items .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items .icons .icon i{font-size:1.5rem;color:var(--color-white);margin:0 1rem}.portfolios .portfolio-item .hover-items .icons .icon:hover{background-color:var(--color-white)}.portfolios .portfolio-item .hover-items .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-items{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:1fr 1fr;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:1fr 1fr;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;left:50%;top:0;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;left:-27px;top:0;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.port-text{padding:2rem 0;text-align:center}.portfolios{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.portfolios .portfolio-item{position:relative;border-radius:15px}.portfolios .portfolio-item img{width:100%;height:300px;object-fit:cover;border-radius:15px}.portfolios .portfolio-item .hover-items{width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolios .portfolio-item .hover-items .icons{display:flex;justify-content:center;align-items:center}.portfolios .portfolio-item .hover-items .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items .icons .icon i{font-size:1.5rem;color:var(--color-white);margin:0 1rem}.portfolios .portfolio-item .hover-items .icons .icon:hover{background-color:var(--color-white)}.portfolios .portfolio-item .hover-items .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-items{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ diff --git a/stylesheets/styles.min.css.map b/stylesheets/styles.min.css.map index 204e540c..32bb43b2 100644 --- a/stylesheets/styles.min.css.map +++ b/stylesheets/styles.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDnBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCErDR,UACE,eACA,WACA,QACA,SACA,aACA,sBACA,mBACA,uBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBACA,aACA,uBACA,mBACA,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eACA,aACA,uBACA,mBACA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBCrDJ,gBACE,WACA,aACA,8BACA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCACA,kBACA,OACA,MACA,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBChDN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCACA,aACA,mBACA,uBACA,kBACA,aAEF,gBACE,WACA,kBACA,MACA,QACA,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCvDN,cACE,aACA,8BACA,mBACA,oBACA,oBACE,aACA,8BACA,cACA,uCACE,qCACA,kBACA,6BACA,gDACA,6CACE,2BACA,wCACA,gDAEF,4CACE,eACA,aACA,sBACA,kDACE,eACA,gBACA,6BAEF,kDACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBAEA,yDACE,WACA,kBACA,OACA,SACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BACE,aACA,8BACA,cACA,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DACE,kBACA,MACA,OACA,YACA,wCAQZ,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WACA,kBACA,SACA,MACA,UACA,WACA,qCACA,2BAIJ,gBACE,oBACA,0BACE,aACA,qCACA,cACA,yCACE,kBACA,kBACA,0CACA,8CACE,kBACA,WACA,MACA,wCACA,WACA,YACA,kBACA,aACA,mBACA,uBACA,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EL9FN,WACI,eACA,kBAGJ,YACI,aACA,qCACA,cACA,gBACA,4BACI,kBACA,mBACA,gCACI,WACA,aACA,iBACA,mBAEJ,yCACI,WACA,YACA,wCACA,kBACA,OACA,MACA,mBACA,aACA,uBACA,mBACA,sBACA,UACA,mBACA,+BACA,4CACI,iBACA,yBACA,qBAEJ,gDACI,aACA,uBACA,mBACA,sDACI,sCACA,kBACA,WACA,YACA,aACA,mBACA,uBACA,cACA,eACA,+BACA,wDACI,iBACA,yBACA,cAEJ,4DACI,oCACA,yFAQxB,mCACI,UACA,mBAIJ,OACI,aACA,qCACA,cACA,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BM1RZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDnBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCErDR,UACE,eACA,WACA,QACA,SACA,aACA,sBACA,mBACA,uBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBACA,aACA,uBACA,mBACA,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eACA,aACA,uBACA,mBACA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBCrDJ,gBACE,WACA,aACA,8BACA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCACA,kBACA,OACA,MACA,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBChDN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCACA,aACA,mBACA,uBACA,kBACA,aAEF,gBACE,WACA,kBACA,MACA,QACA,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCvDN,cACE,aACA,8BACA,mBACA,oBACA,oBACE,aACA,8BACA,cACA,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBAEA,mDACE,WACA,kBACA,OACA,SACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BACE,aACA,8BACA,cACA,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DACE,kBACA,MACA,OACA,YACA,wCAQZ,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WACA,kBACA,SACA,MACA,UACA,WACA,qCACA,2BAIJ,gBACE,oBACA,0BACE,aACA,qCACA,cACA,yCACE,kBACA,kBACA,0CACA,8CACE,kBACA,WACA,MACA,wCACA,WACA,YACA,kBACA,aACA,mBACA,uBACA,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EL9FN,WACI,eACA,kBAGJ,YACI,aACA,qCACA,cACA,gBACA,4BACI,kBACA,mBACA,gCACI,WACA,aACA,iBACA,mBAEJ,yCACI,WACA,YACA,wCACA,kBACA,OACA,MACA,mBACA,aACA,uBACA,mBACA,sBACA,UACA,mBACA,+BACA,4CACI,iBACA,yBACA,qBAEJ,gDACI,aACA,uBACA,mBACA,sDACI,sCACA,kBACA,WACA,YACA,aACA,mBACA,uBACA,cACA,eACA,+BACA,wDACI,iBACA,yBACA,cAEJ,4DACI,oCACA,yFAQxB,mCACI,UACA,mBAIJ,OACI,aACA,qCACA,cACA,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BM1RZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file From 685d101cf68a023136abf600b053eab073fcf6d5 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Tue, 10 May 2022 13:56:42 -0500 Subject: [PATCH 11/27] Minor reoganization. --- stylesheets/_about.scss | 36 +++++++++++++++++----------------- stylesheets/styles.min.css | 2 +- stylesheets/styles.min.css.map | 2 +- 3 files changed, 20 insertions(+), 20 deletions(-) diff --git a/stylesheets/_about.scss b/stylesheets/_about.scss index 2ffed5d2..f4468290 100644 --- a/stylesheets/_about.scss +++ b/stylesheets/_about.scss @@ -94,24 +94,6 @@ } } -.about-title { - text-transform: uppercase; - font-size: 1.4rem; - text-align: center; - padding: 3.5rem 0; - position: relative; - &::before { - content: ''; - position: absolute; - left: 50%; - top: 0; - width: 40%; - height: 1px; - background-color: var(--color-grey-5); - transform: translateX(-50%); - } -} - #about-timeline { padding-bottom: 3rem; #timeline { @@ -159,3 +141,21 @@ } } } + +.about-title { + text-transform: uppercase; + font-size: 1.4rem; + text-align: center; + padding: 3.5rem 0; + position: relative; + &::before { + content: ''; + position: absolute; + left: 50%; + top: 0; + width: 40%; + height: 1px; + background-color: var(--color-grey-5); + transform: translateX(-50%); + } +} diff --git a/stylesheets/styles.min.css b/stylesheets/styles.min.css index 40f7eb87..d9c430cc 100644 --- a/stylesheets/styles.min.css +++ b/stylesheets/styles.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:1fr 1fr;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:1fr 1fr;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;left:50%;top:0;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;left:-27px;top:0;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.port-text{padding:2rem 0;text-align:center}.portfolios{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.portfolios .portfolio-item{position:relative;border-radius:15px}.portfolios .portfolio-item img{width:100%;height:300px;object-fit:cover;border-radius:15px}.portfolios .portfolio-item .hover-items{width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolios .portfolio-item .hover-items .icons{display:flex;justify-content:center;align-items:center}.portfolios .portfolio-item .hover-items .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items .icons .icon i{font-size:1.5rem;color:var(--color-white);margin:0 1rem}.portfolios .portfolio-item .hover-items .icons .icon:hover{background-color:var(--color-white)}.portfolios .portfolio-item .hover-items .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-items{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:1fr 1fr;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:1fr 1fr;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;left:-27px;top:0;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;left:50%;top:0;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}.port-text{padding:2rem 0;text-align:center}.portfolios{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.portfolios .portfolio-item{position:relative;border-radius:15px}.portfolios .portfolio-item img{width:100%;height:300px;object-fit:cover;border-radius:15px}.portfolios .portfolio-item .hover-items{width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolios .portfolio-item .hover-items .icons{display:flex;justify-content:center;align-items:center}.portfolios .portfolio-item .hover-items .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items .icons .icon i{font-size:1.5rem;color:var(--color-white);margin:0 1rem}.portfolios .portfolio-item .hover-items .icons .icon:hover{background-color:var(--color-white)}.portfolios .portfolio-item .hover-items .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-items{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ diff --git a/stylesheets/styles.min.css.map b/stylesheets/styles.min.css.map index 32bb43b2..28f82c83 100644 --- a/stylesheets/styles.min.css.map +++ b/stylesheets/styles.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDnBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCErDR,UACE,eACA,WACA,QACA,SACA,aACA,sBACA,mBACA,uBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBACA,aACA,uBACA,mBACA,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eACA,aACA,uBACA,mBACA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBCrDJ,gBACE,WACA,aACA,8BACA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCACA,kBACA,OACA,MACA,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBChDN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCACA,aACA,mBACA,uBACA,kBACA,aAEF,gBACE,WACA,kBACA,MACA,QACA,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCvDN,cACE,aACA,8BACA,mBACA,oBACA,oBACE,aACA,8BACA,cACA,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBAEA,mDACE,WACA,kBACA,OACA,SACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BACE,aACA,8BACA,cACA,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DACE,kBACA,MACA,OACA,YACA,wCAQZ,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WACA,kBACA,SACA,MACA,UACA,WACA,qCACA,2BAIJ,gBACE,oBACA,0BACE,aACA,qCACA,cACA,yCACE,kBACA,kBACA,0CACA,8CACE,kBACA,WACA,MACA,wCACA,WACA,YACA,kBACA,aACA,mBACA,uBACA,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EL9FN,WACI,eACA,kBAGJ,YACI,aACA,qCACA,cACA,gBACA,4BACI,kBACA,mBACA,gCACI,WACA,aACA,iBACA,mBAEJ,yCACI,WACA,YACA,wCACA,kBACA,OACA,MACA,mBACA,aACA,uBACA,mBACA,sBACA,UACA,mBACA,+BACA,4CACI,iBACA,yBACA,qBAEJ,gDACI,aACA,uBACA,mBACA,sDACI,sCACA,kBACA,WACA,YACA,aACA,mBACA,uBACA,cACA,eACA,+BACA,wDACI,iBACA,yBACA,cAEJ,4DACI,oCACA,yFAQxB,mCACI,UACA,mBAIJ,OACI,aACA,qCACA,cACA,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BM1RZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDnBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCErDR,UACE,eACA,WACA,QACA,SACA,aACA,sBACA,mBACA,uBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBACA,aACA,uBACA,mBACA,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eACA,aACA,uBACA,mBACA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBCrDJ,gBACE,WACA,aACA,8BACA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCACA,kBACA,OACA,MACA,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBChDN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCACA,aACA,mBACA,uBACA,kBACA,aAEF,gBACE,WACA,kBACA,MACA,QACA,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCvDN,cACE,aACA,8BACA,mBACA,oBACA,oBACE,aACA,8BACA,cACA,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBAEA,mDACE,WACA,kBACA,OACA,SACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BACE,aACA,8BACA,cACA,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DACE,kBACA,MACA,OACA,YACA,wCAQZ,gBACE,oBACA,0BACE,aACA,qCACA,cACA,yCACE,kBACA,kBACA,0CACA,8CACE,kBACA,WACA,MACA,wCACA,WACA,YACA,kBACA,aACA,mBACA,uBACA,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WACA,kBACA,SACA,MACA,UACA,WACA,qCACA,2BL/FJ,WACI,eACA,kBAGJ,YACI,aACA,qCACA,cACA,gBACA,4BACI,kBACA,mBACA,gCACI,WACA,aACA,iBACA,mBAEJ,yCACI,WACA,YACA,wCACA,kBACA,OACA,MACA,mBACA,aACA,uBACA,mBACA,sBACA,UACA,mBACA,+BACA,4CACI,iBACA,yBACA,qBAEJ,gDACI,aACA,uBACA,mBACA,sDACI,sCACA,kBACA,WACA,YACA,aACA,mBACA,uBACA,cACA,eACA,+BACA,wDACI,iBACA,yBACA,cAEJ,4DACI,oCACA,yFAQxB,mCACI,UACA,mBAIJ,OACI,aACA,qCACA,cACA,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BM1RZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file From 961678b419ced24d2bedc4c3f4fdebea24ffb384 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 13 May 2022 18:36:14 -0500 Subject: [PATCH 12/27] Mixins added. Portfolio section remade. Script to fill the portfolio created. --- {img => images}/blog1.jpg | Bin {img => images}/blog2.jpg | Bin {img => images}/blog3.jpg | Bin {img => images}/hero.png | Bin {img => images/portfolio}/port1.jpg | Bin {img => images/portfolio}/port2.jpg | Bin {img => images/portfolio}/port3.jpg | Bin {img => images/portfolio}/port4.jpg | Bin {img => images/portfolio}/port5.jpg | Bin {img => images/portfolio}/port6.jpg | Bin {img => images/portfolio}/port7.jpg | Bin index.html | 161 +++------------------------- scripts/portfolio.js | 104 ++++++++++++++++++ scripts/statistics.js | 29 ++--- stylesheets/_about.scss | 19 ++-- stylesheets/_components.scss | 10 +- stylesheets/_controls.scss | 14 +-- stylesheets/_header.scss | 6 +- stylesheets/_mixins.scss | 20 ++++ stylesheets/_portfolio.scss | 69 ++++++++++++ stylesheets/styles.min.css | 2 +- stylesheets/styles.min.css.map | 2 +- stylesheets/styles.scss | 77 +------------ 23 files changed, 240 insertions(+), 273 deletions(-) rename {img => images}/blog1.jpg (100%) rename {img => images}/blog2.jpg (100%) rename {img => images}/blog3.jpg (100%) rename {img => images}/hero.png (100%) rename {img => images/portfolio}/port1.jpg (100%) rename {img => images/portfolio}/port2.jpg (100%) rename {img => images/portfolio}/port3.jpg (100%) rename {img => images/portfolio}/port4.jpg (100%) rename {img => images/portfolio}/port5.jpg (100%) rename {img => images/portfolio}/port6.jpg (100%) rename {img => images/portfolio}/port7.jpg (100%) create mode 100644 scripts/portfolio.js create mode 100644 stylesheets/_mixins.scss create mode 100644 stylesheets/_portfolio.scss diff --git a/img/blog1.jpg b/images/blog1.jpg similarity index 100% rename from img/blog1.jpg rename to images/blog1.jpg diff --git a/img/blog2.jpg b/images/blog2.jpg similarity index 100% rename from img/blog2.jpg rename to images/blog2.jpg diff --git a/img/blog3.jpg b/images/blog3.jpg similarity index 100% rename from img/blog3.jpg rename to images/blog3.jpg diff --git a/img/hero.png b/images/hero.png similarity index 100% rename from img/hero.png rename to images/hero.png diff --git a/img/port1.jpg b/images/portfolio/port1.jpg similarity index 100% rename from img/port1.jpg rename to images/portfolio/port1.jpg diff --git a/img/port2.jpg b/images/portfolio/port2.jpg similarity index 100% rename from img/port2.jpg rename to images/portfolio/port2.jpg diff --git a/img/port3.jpg b/images/portfolio/port3.jpg similarity index 100% rename from img/port3.jpg rename to images/portfolio/port3.jpg diff --git a/img/port4.jpg b/images/portfolio/port4.jpg similarity index 100% rename from img/port4.jpg rename to images/portfolio/port4.jpg diff --git a/img/port5.jpg b/images/portfolio/port5.jpg similarity index 100% rename from img/port5.jpg rename to images/portfolio/port5.jpg diff --git a/img/port6.jpg b/images/portfolio/port6.jpg similarity index 100% rename from img/port6.jpg rename to images/portfolio/port6.jpg diff --git a/img/port7.jpg b/images/portfolio/port7.jpg similarity index 100% rename from img/port7.jpg rename to images/portfolio/port7.jpg diff --git a/index.html b/index.html index bf2d8a17..d73cb7b9 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,7 @@ +
@@ -19,7 +20,7 @@
- A photography of myself~ + A photography of myself~
@@ -152,155 +153,19 @@
3d Animation - Brighton University
-

My PortfolioMy Work

-
-

- Here is some of my work that I've done in various programming languages. -

-
-
-
- -
-
-

Project Source

-
- - - - - - - - - -
-
-
-
-
- -
-
-

Project Source

-
- - - - - - - - - -
-
-
-
-
- -
-
-

Project Source

-
- - - - - - - - - -
-
-
-
-
- -
-
-

Project Source

-
- - - - - - - - - -
-
-
-
-
- -
-
-

Project Source

-
- - - - - - - - - -
-
-
-
-
- -
-
-

Project Source

-
- - - - - - - - - -
-
-
-
-
- -
-
-

Project Source

-
- - - - - - - - - -
-
-
+

My PortfolioMy Work

+

Here is a sample of minor project that I've done in various programming languages.

+
-

My BlogsMy Blogs

+

My BlogsMy Blogs

- +

How to Create Your Own Website @@ -312,7 +177,7 @@

- +

How to Become an Expert in Web Design @@ -324,7 +189,7 @@

- +

Become a Web Designer in 10 Days @@ -336,7 +201,7 @@

- +

Debbuging made easy with Web Inspector @@ -348,7 +213,7 @@

- +

Get started with Web Design and UI Design @@ -360,7 +225,7 @@

- +

This is what you need to know about Web Design @@ -377,7 +242,7 @@

-

Contact MeContact

+

Contact MeContact

diff --git a/scripts/portfolio.js b/scripts/portfolio.js new file mode 100644 index 00000000..b70ee43a --- /dev/null +++ b/scripts/portfolio.js @@ -0,0 +1,104 @@ +(function() { + const projects = [ + { + name: "Project #1", + image: "port1.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #2", + image: "port2.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #3", + image: "port3.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #4", + image: "port4.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #5", + image: "port5.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #6", + image: "port6.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #7", + image: "port7.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + /* + Objects can be added here. The name of the object is the name of the project. + The image is the name of the image file. + The icons are an array of objects. Each object has a url and an icon from the Font Awesome library. + */ + ] + + const create = { + element: function(type, className) { + const element = document.createElement(type); + element.classList.add(`portfolio-${className}`); + return element; + } + } + + for (const project of projects) { + const item = create.element("article", "item"); + const image = create.element("div", "item-image"); + const img = document.createElement("img"); + img.src = `./images/portfolio/${project.image}`; + image.append(img); + const hover = create.element("div", "item-hover"); + const h3 = document.createElement("h3"); + h3.innerHTML = project.name; + const icons = create.element("div", "item-hover-icons"); + project.icons.forEach(icon => { + const a = document.createElement("a"); + a.href = icon.url; + a.target = "_blank"; + const i = document.createElement("i"); + i.className = icon.icon; + a.append(i); + icons.appendChild(a); + }) + hover.append(h3, icons); + item.append(image, hover); + document.querySelector("#portfolio-container").append(item); + } +})(); diff --git a/scripts/statistics.js b/scripts/statistics.js index 1f37b335..67d2d42c 100644 --- a/scripts/statistics.js +++ b/scripts/statistics.js @@ -22,26 +22,19 @@ } for (const [label, progression] of Object.entries(skills)) { - const skill = { - element: create.element("div", "skill"), - image: create.element("img", "skill-image"), - container: { - element: create.element("div", "skill-container"), - text: create.element("p", "skill-container-text"), - indicator : create.element("div", "skill-container-indicator") - } - } - skill.image.src = `https://cdn.jsdelivr.net/gh/devicons/devicon/icons/${label.toLowerCase()}/${label.toLowerCase()}-original.svg` - skill.container.text.innerHTML = progression; + const skill = create.element("article", "skill"); + const image = create.element("article", "skill"); + image.src = `https://cdn.jsdelivr.net/gh/devicons/devicon/icons/${label.toLowerCase()}/${label.toLowerCase()}-original.svg`; + const container = create.element("div", "skill-container"); + const text = create.element("p", "skill-container-text"); + text.innerHTML = progression; + const indicator = create.element("div", "skill-container-indicator"); const span = document.createElement("span"); span.style.width = progression; - skill.container.indicator.append(span); - skill.container.element.append(skill.container.text, skill.container.indicator); - skill.element.append(skill.image, skill.container.element); - document.querySelector("#statistics").append(skill.element); + indicator.append(span); + container.append(text, indicator); + skill.append(image, container); + document.querySelector("#statistics").append(skill); } })(); - - - diff --git a/stylesheets/_about.scss b/stylesheets/_about.scss index f4468290..c3de9737 100644 --- a/stylesheets/_about.scss +++ b/stylesheets/_about.scss @@ -1,3 +1,5 @@ +@import './mixins'; + #about-header { display: grid; grid-template-columns: 1fr 1fr; @@ -33,12 +35,11 @@ font-size: 1.2rem; color: var(--color-grey-1); letter-spacing: 2px; - &:before { content: ""; position: absolute; - left: 0; top: 15px; + left: 0; width: 2rem; height: 2px; background-color: var(--color-grey-5); @@ -82,9 +83,7 @@ margin-left: 1rem; position: relative; span { - position: absolute; - top: 0; - left: 0; + @include absolute-top-left; height: 100%; background-color: var(--color-secondary); } @@ -105,16 +104,13 @@ padding-left: 3rem; border-left: 1px solid var(--color-grey-5); &-icon { - position: absolute; + @include absolute-top; left: -27px; - top: 0; background-color: var(--color-secondary); width: 50px; height: 50px; border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; + @include flex-center; i { font-size: 1.3rem; } } &-duration { @@ -150,9 +146,8 @@ position: relative; &::before { content: ''; - position: absolute; + @include absolute-top; left: 50%; - top: 0; width: 40%; height: 1px; background-color: var(--color-grey-5); diff --git a/stylesheets/_components.scss b/stylesheets/_components.scss index 952d5ec0..1589e9af 100644 --- a/stylesheets/_components.scss +++ b/stylesheets/_components.scss @@ -1,3 +1,5 @@ +@import './mixins'; + .cv { display: flex; align-self: flex-start; @@ -14,17 +16,13 @@ &-text { padding: 0 2rem; } &-icon { background-color: var(--color-secondary); - display: flex; - align-items: center; - justify-content: center; + @include flex-center; border-radius: 50%; padding: 1rem; } &:before { content: ''; - position: absolute; - top: 0; - right: 0; + @include absolute-top-right; height: 100%; width: 100%; transform: translateX(100%); diff --git a/stylesheets/_controls.scss b/stylesheets/_controls.scss index c9f5535a..32a1cabf 100644 --- a/stylesheets/_controls.scss +++ b/stylesheets/_controls.scss @@ -1,12 +1,12 @@ +@import './mixins'; + #controls { position: fixed; z-index: 10; top: 50%; right: 3%; - display: flex; + @include flex-center; flex-direction: column; - align-items: center; - justify-content: center; transform: translateY(-50%); .control{ padding: 1rem; @@ -15,9 +15,7 @@ width: 55px; height: 55px; border-radius: 50%; - display: flex; - justify-content: center; - align-items: center; + @include flex-center; margin: .7rem 0; box-shadow: var(--box-shadow-1) ; i { @@ -42,9 +40,7 @@ background-color: var(--color-grey-4); cursor: pointer; position: fixed; - display: flex; - justify-content: center; - align-items: center; + @include flex-center; box-shadow: 0 3px 15px rgba(0,0,0,.3); transition: all .1s ease-in-out; &:active{ transform: translateY(-3px); } diff --git a/stylesheets/_header.scss b/stylesheets/_header.scss index 71f8e8ee..2f3121f2 100644 --- a/stylesheets/_header.scss +++ b/stylesheets/_header.scss @@ -1,3 +1,5 @@ +@import './mixins'; + #header-content { width: 100%; display: grid; @@ -12,9 +14,7 @@ width: 65%; height: 100%; background-color: var(--color-secondary); - position: absolute; - left: 0; - top: 0; + @include absolute-top-left; z-index: -5; clip-path: polygon(0 0, 45% 0, 80% 100%, 0% 100%); } diff --git a/stylesheets/_mixins.scss b/stylesheets/_mixins.scss new file mode 100644 index 00000000..ce9b27aa --- /dev/null +++ b/stylesheets/_mixins.scss @@ -0,0 +1,20 @@ +@mixin flex-center { + display: flex; + justify-content: center; + align-items: center; +} + +@mixin absolute-top { + position: absolute; + top: 0; +} + +@mixin absolute-top-left { + @include absolute-top; + left: 0; +} + +@mixin absolute-top-right { + @include absolute-top; + right: 0; +} \ No newline at end of file diff --git a/stylesheets/_portfolio.scss b/stylesheets/_portfolio.scss new file mode 100644 index 00000000..4367936e --- /dev/null +++ b/stylesheets/_portfolio.scss @@ -0,0 +1,69 @@ +@import './mixins'; + +#portfolio { + &-subtitle { + padding: 2rem 0; + text-align: center; + } + &-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: 2rem; + margin-top: 3rem; + .portfolio-item { + position: relative; + &-image { + img { + width: 100%; + height: 250px; + object-fit: cover; + border-radius: 15px; + } + } + &-hover { + width: 100%; + height: 100%; + @include absolute-top-left; + background-color: var(--color-secondary); + border-radius: 15px; + @include flex-center; + flex-direction: column; + opacity: 0; + transform: scale(0); + transition: var(--transition); + h3 { + font-size: 1.5rem; + color: var(--color-white); + margin-bottom: 1.5rem; + } + &-icons { + @include flex-center; + a { + background-color: var(--color-primary); + border-radius: 50%; + width: 50px; + height: 50px; + @include flex-center; + margin: 0 1rem; + cursor: pointer; + transition: var(--transition); + i { + font-size: 1.5rem; + color: var(--color-white); + margin: 0 1rem; + transition: var(--transition); + } + &:hover { + background-color: var(--color-white); + i { color: var(--color-secondary); } + } + } + } + } + &:hover .portfolio-item-hover { + opacity: 1; + transform: scale(1); + } + } + } +} diff --git a/stylesheets/styles.min.css b/stylesheets/styles.min.css index d9c430cc..aa01349c 100644 --- a/stylesheets/styles.min.css +++ b/stylesheets/styles.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:1fr 1fr;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:1fr 1fr;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;left:-27px;top:0;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;left:50%;top:0;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}.port-text{padding:2rem 0;text-align:center}.portfolios{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.portfolios .portfolio-item{position:relative;border-radius:15px}.portfolios .portfolio-item img{width:100%;height:300px;object-fit:cover;border-radius:15px}.portfolios .portfolio-item .hover-items{width:100%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}.portfolios .portfolio-item .hover-items .icons{display:flex;justify-content:center;align-items:center}.portfolios .portfolio-item .hover-items .icons .icon{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:all .4s ease-in-out}.portfolios .portfolio-item .hover-items .icons .icon i{font-size:1.5rem;color:var(--color-white);margin:0 1rem}.portfolios .portfolio-item .hover-items .icons .icon:hover{background-color:var(--color-white)}.portfolios .portfolio-item .hover-items .icons .icon:hover i{color:var(--color-primary)}.portfolio-item:hover .hover-items{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:1fr 1fr;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;justify-content:center;align-items:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:1fr 1fr;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;justify-content:center;align-items:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ diff --git a/stylesheets/styles.min.css.map b/stylesheets/styles.min.css.map index 28f82c83..2bcf018b 100644 --- a/stylesheets/styles.min.css.map +++ b/stylesheets/styles.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_header.scss","_components.scss","_about.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDnBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCErDR,UACE,eACA,WACA,QACA,SACA,aACA,sBACA,mBACA,uBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBACA,aACA,uBACA,mBACA,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eACA,aACA,uBACA,mBACA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBCrDJ,gBACE,WACA,aACA,8BACA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCACA,kBACA,OACA,MACA,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBChDN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCACA,aACA,mBACA,uBACA,kBACA,aAEF,gBACE,WACA,kBACA,MACA,QACA,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCvDN,cACE,aACA,8BACA,mBACA,oBACA,oBACE,aACA,8BACA,cACA,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBAEA,mDACE,WACA,kBACA,OACA,SACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BACE,aACA,8BACA,cACA,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DACE,kBACA,MACA,OACA,YACA,wCAQZ,gBACE,oBACA,0BACE,aACA,qCACA,cACA,yCACE,kBACA,kBACA,0CACA,8CACE,kBACA,WACA,MACA,wCACA,WACA,YACA,kBACA,aACA,mBACA,uBACA,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WACA,kBACA,SACA,MACA,UACA,WACA,qCACA,2BL/FJ,WACI,eACA,kBAGJ,YACI,aACA,qCACA,cACA,gBACA,4BACI,kBACA,mBACA,gCACI,WACA,aACA,iBACA,mBAEJ,yCACI,WACA,YACA,wCACA,kBACA,OACA,MACA,mBACA,aACA,uBACA,mBACA,sBACA,UACA,mBACA,+BACA,4CACI,iBACA,yBACA,qBAEJ,gDACI,aACA,uBACA,mBACA,sDACI,sCACA,kBACA,WACA,YACA,aACA,mBACA,uBACA,cACA,eACA,+BACA,wDACI,iBACA,yBACA,cAEJ,4DACI,oCACA,yFAQxB,mCACI,UACA,mBAIJ,OACI,aACA,qCACA,cACA,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BM1RZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,uBACA,mBDKA,sBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBCfF,aACA,uBACA,mBDeE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eCxCA,aACA,uBACA,mBDwCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE/CJ,gBACE,WACA,aACA,8BACA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCDRJ,kBACA,MAKA,OCII,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC9CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,uBACA,mBEgBI,kBACA,aAEF,gBACE,WFhBJ,kBACA,MAUA,QEOI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cACE,aACA,8BACA,mBACA,oBACA,oBACE,aACA,8BACA,cACA,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BACE,aACA,8BACA,cACA,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAQZ,gBACE,oBACA,0BACE,aACA,qCACA,cACA,yCACE,kBACA,kBACA,0CACA,8CHlGJ,kBACA,MGmGM,WACA,wCACA,WACA,YACA,kBH9GN,aACA,uBACA,mBG8GM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH5IF,kBACA,MG6IE,SACA,UACA,WACA,qCACA,2BCtJF,oBACE,eACA,kBAEF,qBACE,aACA,qCACA,cACA,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJjBN,kBACA,MAKA,OIaM,wCACA,mBJ1BN,aACA,uBACA,mBI0BM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJrCN,aACA,uBACA,mBIqCQ,mDACE,sCACA,kBACA,WACA,YJ3CV,aACA,uBACA,mBI2CU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBPCR,OACI,aACA,qCACA,cACA,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BQjNZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file diff --git a/stylesheets/styles.scss b/stylesheets/styles.scss index dafc74ab..a5bb9821 100644 --- a/stylesheets/styles.scss +++ b/stylesheets/styles.scss @@ -6,6 +6,7 @@ } @import './variables'; +@import './mixins'; body { background-color: var(--color-primary); @@ -59,81 +60,7 @@ section.container { @import './header'; @import './components'; @import './about'; - -//Portfolios -.port-text { - padding: 2rem 0; - text-align: center; -} - -.portfolios { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 2rem; - margin-top: 3rem; - .portfolio-item { - position: relative; - border-radius: 15px; - img { - width: 100%; - height: 300px; - object-fit: cover; - border-radius: 15px; - } - .hover-items { - width: 100%; - height: 100%; - background-color: var(--color-secondary); - position: absolute; - left: 0; - top: 0; - border-radius: 15px; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - opacity: 0; - transform: scale(0); - transition: all .4s ease-in-out; - h3 { - font-size: 1.5rem; - color: var(--color-white); - margin-bottom: 1.5rem; - } - .icons { - display: flex; - justify-content: center; - align-items: center; - .icon { - background-color: var(--color-primary); - border-radius: 50%; - width: 50px; - height: 50px; - display: flex; - align-items: center; - justify-content: center; - margin: 0 1rem; - cursor: pointer; - transition: all .4s ease-in-out; - i { - font-size: 1.5rem; - color: var(--color-white); - margin: 0 1rem; - } - &:hover { - background-color: var(--color-white); - i { color: var(--color-primary); } - } - } - } - } - } -} - -.portfolio-item:hover .hover-items { - opacity: 1; - transform: scale(1); -} +@import './portfolio'; //Blogs Section .blogs { From 1da071142795a23561074d9cf3c9c91e85180983 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 13 May 2022 18:47:08 -0500 Subject: [PATCH 13/27] New mixin added. --- stylesheets/_about.scss | 15 ++++----------- stylesheets/_header.scss | 3 +-- stylesheets/_mixins.scss | 6 ++++++ stylesheets/_portfolio.scss | 4 +--- stylesheets/styles.min.css | 2 +- stylesheets/styles.min.css.map | 2 +- stylesheets/styles.scss | 4 +--- 7 files changed, 15 insertions(+), 21 deletions(-) diff --git a/stylesheets/_about.scss b/stylesheets/_about.scss index c3de9737..4c52ef47 100644 --- a/stylesheets/_about.scss +++ b/stylesheets/_about.scss @@ -1,14 +1,11 @@ @import './mixins'; #about-header { - display: grid; - grid-template-columns: 1fr 1fr; + @include grid-columns(2); padding-top: 3.5rem; padding-bottom: 5rem; &-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 2rem; + @include grid-columns(2); .header-item { border: 1px solid var(--color-grey-5); border-radius: 5px; @@ -65,9 +62,7 @@ #about-statistics { padding-bottom: 4rem; #statistics { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 2rem; + @include grid-columns(2); .skill { display: flex; flex-direction: column; @@ -96,9 +91,7 @@ #about-timeline { padding-bottom: 3rem; #timeline { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 2rem; + @include grid-columns(2); .timeline-item { position: relative; padding-left: 3rem; diff --git a/stylesheets/_header.scss b/stylesheets/_header.scss index 2f3121f2..f4665b0f 100644 --- a/stylesheets/_header.scss +++ b/stylesheets/_header.scss @@ -2,8 +2,7 @@ #header-content { width: 100%; - display: grid; - grid-template-columns: 1fr 1fr; + @include grid-columns(2); height: 100vh; &-left { display: flex; diff --git a/stylesheets/_mixins.scss b/stylesheets/_mixins.scss index ce9b27aa..b312dd1d 100644 --- a/stylesheets/_mixins.scss +++ b/stylesheets/_mixins.scss @@ -17,4 +17,10 @@ @mixin absolute-top-right { @include absolute-top; right: 0; +} + +@mixin grid-columns($columns) { + display: grid; + grid-template-columns: repeat($columns, 1fr); + grid-gap: 2rem; } \ No newline at end of file diff --git a/stylesheets/_portfolio.scss b/stylesheets/_portfolio.scss index 4367936e..c4c243f4 100644 --- a/stylesheets/_portfolio.scss +++ b/stylesheets/_portfolio.scss @@ -6,9 +6,7 @@ text-align: center; } &-container { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 2rem; + @include grid-columns(3); margin-top: 3rem; .portfolio-item { position: relative; diff --git a/stylesheets/styles.min.css b/stylesheets/styles.min.css index aa01349c..2af8896c 100644 --- a/stylesheets/styles.min.css +++ b/stylesheets/styles.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:1fr 1fr;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;justify-content:center;align-items:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:1fr 1fr;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;justify-content:center;align-items:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;justify-content:center;align-items:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;justify-content:center;align-items:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ diff --git a/stylesheets/styles.min.css.map b/stylesheets/styles.min.css.map index 2bcf018b..1e9a0ff7 100644 --- a/stylesheets/styles.min.css.map +++ b/stylesheets/styles.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,uBACA,mBDKA,sBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBCfF,aACA,uBACA,mBDeE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eCxCA,aACA,uBACA,mBDwCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE/CJ,gBACE,WACA,aACA,8BACA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCDRJ,kBACA,MAKA,OCII,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC9CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,uBACA,mBEgBI,kBACA,aAEF,gBACE,WFhBJ,kBACA,MAUA,QEOI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cACE,aACA,8BACA,mBACA,oBACA,oBACE,aACA,8BACA,cACA,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BACE,aACA,8BACA,cACA,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAQZ,gBACE,oBACA,0BACE,aACA,qCACA,cACA,yCACE,kBACA,kBACA,0CACA,8CHlGJ,kBACA,MGmGM,WACA,wCACA,WACA,YACA,kBH9GN,aACA,uBACA,mBG8GM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH5IF,kBACA,MG6IE,SACA,UACA,WACA,qCACA,2BCtJF,oBACE,eACA,kBAEF,qBACE,aACA,qCACA,cACA,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJjBN,kBACA,MAKA,OIaM,wCACA,mBJ1BN,aACA,uBACA,mBI0BM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJrCN,aACA,uBACA,mBIqCQ,mDACE,sCACA,kBACA,WACA,YJ3CV,aACA,uBACA,mBI2CU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBPCR,OACI,aACA,qCACA,cACA,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BQjNZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,uBACA,mBDKA,sBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBCfF,aACA,uBACA,mBDeE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eCxCA,aACA,uBACA,mBDwCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE/CJ,gBACE,WDmBA,aACA,qCACA,cCnBA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCDPJ,kBACA,MAKA,OCGI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC7CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,uBACA,mBEgBI,kBACA,aAEF,gBACE,WFhBJ,kBACA,MAUA,QEOI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cHoBE,aACA,qCACA,cGpBA,mBACA,oBACA,oBHgBA,aACA,qCACA,cGhBE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BHzCA,aACA,qCACA,cGyCE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DHxER,kBACA,MAKA,OGoEU,YACA,wCAQZ,gBACE,oBACA,0BHtEA,aACA,qCACA,cGsEE,yCACE,kBACA,kBACA,0CACA,8CH3FJ,kBACA,MG4FM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,uBACA,mBGuGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WHrIF,kBACA,MGsIE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJeA,aACA,qCACA,cIfE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJfN,kBACA,MAKA,OIWM,wCACA,mBJxBN,aACA,uBACA,mBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,uBACA,mBImCQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,uBACA,mBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBPGR,OG3CE,aACA,qCACA,cH2CE,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BQ/MZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file diff --git a/stylesheets/styles.scss b/stylesheets/styles.scss index a5bb9821..050f7c47 100644 --- a/stylesheets/styles.scss +++ b/stylesheets/styles.scss @@ -64,9 +64,7 @@ section.container { //Blogs Section .blogs { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 2rem; + @include grid-columns(3); margin-top: 3rem; .blog { position: relative; From ee760abdf7f60ed661aa4b5f5af7292ae1823cde Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 13 May 2022 18:50:06 -0500 Subject: [PATCH 14/27] Script fixed. --- scripts/statistics.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scripts/statistics.js b/scripts/statistics.js index 67d2d42c..20819e4f 100644 --- a/scripts/statistics.js +++ b/scripts/statistics.js @@ -23,7 +23,7 @@ for (const [label, progression] of Object.entries(skills)) { const skill = create.element("article", "skill"); - const image = create.element("article", "skill"); + const image = create.element("img", "skill-image"); image.src = `https://cdn.jsdelivr.net/gh/devicons/devicon/icons/${label.toLowerCase()}/${label.toLowerCase()}-original.svg`; const container = create.element("div", "skill-container"); const text = create.element("p", "skill-container-text"); From 4113bceb04fa1aedae7101fa5470e99323020f9c Mon Sep 17 00:00:00 2001 From: Dyrits Date: Mon, 16 May 2022 12:45:30 -0500 Subject: [PATCH 15/27] Blog section updated. --- index.html | 62 ++++++++++++++-------------------- stylesheets/_blog.scss | 50 +++++++++++++++++++++++++++ stylesheets/styles.min.css | 2 +- stylesheets/styles.min.css.map | 2 +- stylesheets/styles.scss | 49 +-------------------------- 5 files changed, 78 insertions(+), 87 deletions(-) create mode 100644 stylesheets/_blog.scss diff --git a/index.html b/index.html index d73cb7b9..0cbdb451 100644 --- a/index.html +++ b/index.html @@ -161,81 +161,69 @@

My PortfolioMy Work

-

My BlogsMy Blogs

+

My ArticlesMy Blog

-
-
+
+
-
-

- How to Create Your Own Website -

+
+

How to Create Your Own Website

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?

-
-
+
+
-
-

- How to Become an Expert in Web Design -

+
+

How to Become an Expert in Web Design

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?

-
-
+
+
-
-

- Become a Web Designer in 10 Days -

+
+

Become a Web Designer in 10 Days

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?

-
+
-
-

- Debbuging made easy with Web Inspector -

+
+

Debbuging made easy with Web Inspector

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?

-
-
+
+
-
-

- Get started with Web Design and UI Design -

+
+

Get started with Web Design and UI Design

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?

-
-
+
+
diff --git a/stylesheets/_blog.scss b/stylesheets/_blog.scss new file mode 100644 index 00000000..3d0cf3a7 --- /dev/null +++ b/stylesheets/_blog.scss @@ -0,0 +1,50 @@ +@import './mixins'; + +#articles { + @include grid-columns(3); + margin-top: 3rem; + .article { + position: relative; + background-color: var(--color-grey-5); + border-radius: 5px; + box-shadow: 1px 1px 20px rgba(0,0,0,.1); + transition: var(--transition); + img { + width: 100%; + height: 300px; + object-fit: cover; + border-radius: 5px 5px 0 0; + filter: grayscale(100%); + transition: var(--transition); + } + .article-text { + margin-top: -7px; + padding: 1.1rem; + border-top: 8px solid var(--color-secondary); + h4 { + font-size: 1.5rem; + margin-bottom: .7rem; + a { + transition: var(--transition); + cursor: pointer; + &:hover { color: var(--color-secondary); } + } + } + p{ + color: var(--color-grey-2); + line-height: 2rem; + padding-bottom: 1rem; + } + } + &:hover { + box-shadow: var(--box-shadow); + transform: translateY(-5px); + transition: var(--transition); + img { + filter: grayscale(0); + transform: scale(1.1); + box-shadow: 0 4px 15px rgba(0,0,0,0.8); + } + } + } +} \ No newline at end of file diff --git a/stylesheets/styles.min.css b/stylesheets/styles.min.css index 2af8896c..9b8ef266 100644 --- a/stylesheets/styles.min.css +++ b/stylesheets/styles.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;justify-content:center;align-items:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;justify-content:center;align-items:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}.blogs{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}.blogs .blog{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:all .4s ease-in-out}.blogs .blog:hover{box-shadow:1px 1px 20px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .4s ease-in-out}.blogs .blog:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0px 4px 15px rgba(0,0,0,.8)}.blogs .blog img{width:100%;height:300px;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;filter:grayscale(100%);transition:all .4s ease-in-out}.blogs .blog .blog-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}.blogs .blog .blog-text h4{font-size:1.5rem;margin-bottom:.7rem;transition:all .4s ease-in-out;cursor:pointer}.blogs .blog .blog-text h4:hover{color:var(--color-secondary)}.blogs .blog .blog-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;justify-content:center;align-items:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;justify-content:center;align-items:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{width:100%;height:300px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition)}#articles .article .article-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}#articles .article .article-text h4{font-size:1.5rem;margin-bottom:.7rem}#articles .article .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article .article-text h4 a:hover{color:var(--color-secondary)}#articles .article .article-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px);transition:var(--transition)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.8)}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ diff --git a/stylesheets/styles.min.css.map b/stylesheets/styles.min.css.map index 1e9a0ff7..437b7af8 100644 --- a/stylesheets/styles.min.css.map +++ b/stylesheets/styles.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,uBACA,mBDKA,sBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBCfF,aACA,uBACA,mBDeE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eCxCA,aACA,uBACA,mBDwCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE/CJ,gBACE,WDmBA,aACA,qCACA,cCnBA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCDPJ,kBACA,MAKA,OCGI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC7CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,uBACA,mBEgBI,kBACA,aAEF,gBACE,WFhBJ,kBACA,MAUA,QEOI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cHoBE,aACA,qCACA,cGpBA,mBACA,oBACA,oBHgBA,aACA,qCACA,cGhBE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BHzCA,aACA,qCACA,cGyCE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DHxER,kBACA,MAKA,OGoEU,YACA,wCAQZ,gBACE,oBACA,0BHtEA,aACA,qCACA,cGsEE,yCACE,kBACA,kBACA,0CACA,8CH3FJ,kBACA,MG4FM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,uBACA,mBGuGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WHrIF,kBACA,MGsIE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJeA,aACA,qCACA,cIfE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJfN,kBACA,MAKA,OIWM,wCACA,mBJxBN,aACA,uBACA,mBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,uBACA,mBImCQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,uBACA,mBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBPGR,OG3CE,aACA,qCACA,cH2CE,gBACA,aACI,kBACA,qCACA,kBACA,uCACA,+BACA,mBACI,uCACA,2BACA,+BACA,uBACI,oBACA,qBACA,uCAGR,iBACI,WACA,aACA,iBACA,2BACA,4BACA,uBACA,+BAEJ,wBACI,gBACA,eACA,4CACA,2BACI,iBACA,oBACA,+BACA,eACA,8DAEJ,0BACI,0BACA,iBACA,oBAQhB,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BQ/MZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_blog.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,uBACA,mBDKA,sBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBCfF,aACA,uBACA,mBDeE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eCxCA,aACA,uBACA,mBDwCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE/CJ,gBACE,WDmBA,aACA,qCACA,cCnBA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCDPJ,kBACA,MAKA,OCGI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC7CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,uBACA,mBEgBI,kBACA,aAEF,gBACE,WFhBJ,kBACA,MAUA,QEOI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cHoBE,aACA,qCACA,cGpBA,mBACA,oBACA,oBHgBA,aACA,qCACA,cGhBE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BHzCA,aACA,qCACA,cGyCE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DHxER,kBACA,MAKA,OGoEU,YACA,wCAQZ,gBACE,oBACA,0BHtEA,aACA,qCACA,cGsEE,yCACE,kBACA,kBACA,0CACA,8CH3FJ,kBACA,MG4FM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,uBACA,mBGuGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WHrIF,kBACA,MGsIE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJeA,aACA,qCACA,cIfE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJfN,kBACA,MAKA,OIWM,wCACA,mBJxBN,aACA,uBACA,mBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,uBACA,mBImCQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,uBACA,mBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBC5DR,ULoBE,aACA,qCACA,cKpBA,gBACA,mBACE,kBACA,qCACA,kBACA,uCACA,6BACA,uBACE,WACA,aACA,iBACA,0BACA,uBACA,6BAEF,iCACE,gBACA,eACA,4CACA,oCACE,iBACA,oBACA,sCACE,6BACA,eACA,yEAGJ,mCACE,0BACA,iBACA,oBAGJ,yBACE,6BACA,2BACA,6BACA,6BACE,oBACA,qBACA,qCRuBR,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BShKZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file diff --git a/stylesheets/styles.scss b/stylesheets/styles.scss index 050f7c47..c487cc6f 100644 --- a/stylesheets/styles.scss +++ b/stylesheets/styles.scss @@ -61,55 +61,8 @@ section.container { @import './components'; @import './about'; @import './portfolio'; +@import './blog'; -//Blogs Section -.blogs { - @include grid-columns(3); - margin-top: 3rem; - .blog { - position: relative; - background-color: var(--color-grey-5); - border-radius: 5px; - box-shadow: 1px 1px 20px rgba(0,0,0,.1); - transition: all .4s ease-in-out; - &:hover { - box-shadow: 1px 1px 20px rgba(0,0,0,.3); - transform: translateY(-5px); - transition: all .4s ease-in-out; - img { - filter: grayscale(0); - transform: scale(1.1); - box-shadow: 0px 4px 15px rgba(0,0,0,0.8); - } - } - img { - width: 100%; - height: 300px; - object-fit: cover; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - filter: grayscale(100%); - transition: all .4s ease-in-out; - } - .blog-text { - margin-top: -7px; - padding: 1.1rem; - border-top: 8px solid var(--color-secondary); - h4 { - font-size: 1.5rem; - margin-bottom: .7rem; - transition: all .4s ease-in-out; - cursor: pointer; - &:hover { color: var(--color-secondary); } - } - p{ - color: var(--color-grey-2); - line-height: 2rem; - padding-bottom: 1rem; - } - } - } -} //Contact section From 7f718a3d4944738d5fdb904c576859dd9d3260ce Mon Sep 17 00:00:00 2001 From: Dyrits Date: Mon, 16 May 2022 13:01:43 -0500 Subject: [PATCH 16/27] A generator has been created for the blog's articles. --- images/{ => blog}/blog1.jpg | Bin images/{ => blog}/blog2.jpg | Bin images/{ => blog}/blog3.jpg | Bin images/blog/port1.jpg | Bin 0 -> 56692 bytes images/blog/port3.jpg | Bin 0 -> 58222 bytes images/blog/port6.jpg | Bin 0 -> 87338 bytes index.html | 64 ++------------------------------- scripts/blog.js | 70 ++++++++++++++++++++++++++++++++++++ scripts/statistics.js | 6 ++-- 9 files changed, 75 insertions(+), 65 deletions(-) rename images/{ => blog}/blog1.jpg (100%) rename images/{ => blog}/blog2.jpg (100%) rename images/{ => blog}/blog3.jpg (100%) create mode 100644 images/blog/port1.jpg create mode 100644 images/blog/port3.jpg create mode 100644 images/blog/port6.jpg create mode 100644 scripts/blog.js diff --git a/images/blog1.jpg b/images/blog/blog1.jpg similarity index 100% rename from images/blog1.jpg rename to images/blog/blog1.jpg diff --git a/images/blog2.jpg b/images/blog/blog2.jpg similarity index 100% rename from images/blog2.jpg rename to images/blog/blog2.jpg diff --git a/images/blog3.jpg b/images/blog/blog3.jpg similarity index 100% rename from images/blog3.jpg rename to images/blog/blog3.jpg diff --git a/images/blog/port1.jpg b/images/blog/port1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..b19d96193ad89eee1be92304c3d0b2e6ecb22301 GIT binary patch literal 56692 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�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 azQUfFk!`)Q!O0x-Dr)XtjZlRC`Sw3og#FS0 literal 0 HcmV?d00001 diff --git a/images/blog/port3.jpg b/images/blog/port3.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e7ff37eb584da3f57fa424ce864ec5d728c45831 GIT binary patch literal 58222 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 jIaifA;K|*=v`z|7)#1yB~MQ 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 CVhwXv$#=se4ze?O-Ck1LUnjU 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

PlBzJX~O-jmzr|26-MJVOn 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 +
@@ -163,68 +164,7 @@

My PortfolioMy Work

My ArticlesMy Blog

-
- - -
- -
-

Become a Web Designer in 10 Days

-

- Lorem ipsum dolor sit, amet consectetur adipisicing elit. - Doloribus natus voluptas, eos obcaecati recusandae amet? -

-
-
- - - -
+

diff --git a/scripts/blog.js b/scripts/blog.js new file mode 100644 index 00000000..bfdd09e9 --- /dev/null +++ b/scripts/blog.js @@ -0,0 +1,70 @@ +(function() { + const articles = [ + { + title: "How to Create Your Own Website", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "port6.jpg", + url: "#" + }, + { + title: "How to Become an Expert in Web Design", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "blog1.jpg", + url: "#" + }, + { + title: "Become a Web Designer in 10 Days", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "blog2.jpg", + url: "#" + }, + { + title: "Debbuging made easy with Web Inspector", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "blog3.jpg", + url: "#" + }, + { + title: "Get started with Web Design and UI Design", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "port1.jpg", + url: "#" + }, + { + title: "This is what you need to know about Web Design", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "port3.jpg", + url: "#" + }, + /* + Objects can be added here. The title of the object is the name of the article. + The summary is the text that appears in the paragraph. + The image is the name of the image file. + The url is a link to the article. + */ + ] + + const create = { + element: function(type, className) { + const element = document.createElement(type); + element.classList.add(className); + return element; + } + } + + for (const article of articles) { + const item = create.element("article", "article"); + const image = document.createElement("img"); + image.src = `./images/blog/${article.image}`; + const text = create.element("div", "article-text"); + const h4 = document.createElement("h4"); + const link = document.createElement("a"); + link.href = article.url; + link.innerHTML = article.title; + h4.append(link); + const paragraph = document.createElement("p"); + text.append(h4, paragraph); + item.append(image, text); + document.querySelector("#articles").append(item); + } +})(); diff --git a/scripts/statistics.js b/scripts/statistics.js index 20819e4f..d99c5bb3 100644 --- a/scripts/statistics.js +++ b/scripts/statistics.js @@ -22,7 +22,7 @@ } for (const [label, progression] of Object.entries(skills)) { - const skill = create.element("article", "skill"); + const item = create.element("article", "skill"); const image = create.element("img", "skill-image"); image.src = `https://cdn.jsdelivr.net/gh/devicons/devicon/icons/${label.toLowerCase()}/${label.toLowerCase()}-original.svg`; const container = create.element("div", "skill-container"); @@ -33,8 +33,8 @@ span.style.width = progression; indicator.append(span); container.append(text, indicator); - skill.append(image, container); - document.querySelector("#statistics").append(skill); + item.append(image, container); + document.querySelector("#statistics").append(item); } })(); From d88c445bd913129621cde9cc833f57bc670b12e4 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Mon, 16 May 2022 13:15:35 -0500 Subject: [PATCH 17/27] Data have been moved to specific files. --- index.html | 6 ++-- scripts/blog.js | 47 ++------------------------ scripts/data/articles.js | 46 +++++++++++++++++++++++++ scripts/data/projects.js | 72 +++++++++++++++++++++++++++++++++++++++ scripts/data/skills.js | 15 +++++++++ scripts/portfolio.js | 73 ++-------------------------------------- scripts/statistics.js | 16 ++------- 7 files changed, 142 insertions(+), 133 deletions(-) create mode 100644 scripts/data/articles.js create mode 100644 scripts/data/projects.js create mode 100644 scripts/data/skills.js diff --git a/index.html b/index.html index 239a987a..1655db1b 100644 --- a/index.html +++ b/index.html @@ -11,9 +11,9 @@ - - - + + +
diff --git a/scripts/blog.js b/scripts/blog.js index bfdd09e9..7079c3f6 100644 --- a/scripts/blog.js +++ b/scripts/blog.js @@ -1,49 +1,6 @@ -(function() { - const articles = [ - { - title: "How to Create Your Own Website", - summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", - image: "port6.jpg", - url: "#" - }, - { - title: "How to Become an Expert in Web Design", - summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", - image: "blog1.jpg", - url: "#" - }, - { - title: "Become a Web Designer in 10 Days", - summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", - image: "blog2.jpg", - url: "#" - }, - { - title: "Debbuging made easy with Web Inspector", - summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", - image: "blog3.jpg", - url: "#" - }, - { - title: "Get started with Web Design and UI Design", - summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", - image: "port1.jpg", - url: "#" - }, - { - title: "This is what you need to know about Web Design", - summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", - image: "port3.jpg", - url: "#" - }, - /* - Objects can be added here. The title of the object is the name of the article. - The summary is the text that appears in the paragraph. - The image is the name of the image file. - The url is a link to the article. - */ - ] +import { articles } from "./data/articles.js"; +(function() { const create = { element: function(type, className) { const element = document.createElement(type); diff --git a/scripts/data/articles.js b/scripts/data/articles.js new file mode 100644 index 00000000..0020112f --- /dev/null +++ b/scripts/data/articles.js @@ -0,0 +1,46 @@ +const articles = [ + { + title: "How to Create Your Own Website", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "port6.jpg", + url: "#" + }, + { + title: "How to Become an Expert in Web Design", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "blog1.jpg", + url: "#" + }, + { + title: "Become a Web Designer in 10 Days", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "blog2.jpg", + url: "#" + }, + { + title: "Debbuging made easy with Web Inspector", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "blog3.jpg", + url: "#" + }, + { + title: "Get started with Web Design and UI Design", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "port1.jpg", + url: "#" + }, + { + title: "This is what you need to know about Web Design", + summary: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus natus voluptas, eos obcaecati recusandae amet?", + image: "port3.jpg", + url: "#" + }, + /* + Objects can be added here. The title of the object is the name of the article. + The summary is the text that appears in the paragraph. + The image is the name of the image file. + The url is a link to the article. + */ +]; + +export { articles }; \ No newline at end of file diff --git a/scripts/data/projects.js b/scripts/data/projects.js new file mode 100644 index 00000000..5a1f15a0 --- /dev/null +++ b/scripts/data/projects.js @@ -0,0 +1,72 @@ +const projects = [ + { + name: "Project #1", + image: "port1.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #2", + image: "port2.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #3", + image: "port3.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #4", + image: "port4.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #5", + image: "port5.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #6", + image: "port6.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + { + name: "Project #7", + image: "port7.jpg", + icons: [ + { url: "#", icon: "fab fa-github" }, + { url: "#", icon: "fab fa-behance" }, + { url: "#", icon: "fab fa-youtube" } + ] + }, + /* + Objects can be added here. The name of the object is the name of the project. + The image is the name of the image file. + The icons are an array of objects. Each object has a url and an icon from the Font Awesome library. + */ +]; + +export { projects }; \ No newline at end of file diff --git a/scripts/data/skills.js b/scripts/data/skills.js new file mode 100644 index 00000000..537c2cfb --- /dev/null +++ b/scripts/data/skills.js @@ -0,0 +1,15 @@ +const skills = { + "HTML5": "80%", + "CSS3": "95%", + "JavaScript": "75%", + "React": "75%", + "NodeJS": "87%", + "Python": "70%" + /* + Skills can be added here. + The image use for the skills are from the following website: https://devicon.dev/ + Please, use the same naming as the website. + */ +}; + +export { skills }; \ No newline at end of file diff --git a/scripts/portfolio.js b/scripts/portfolio.js index b70ee43a..56fef14e 100644 --- a/scripts/portfolio.js +++ b/scripts/portfolio.js @@ -1,75 +1,6 @@ -(function() { - const projects = [ - { - name: "Project #1", - image: "port1.jpg", - icons: [ - { url: "#", icon: "fab fa-github" }, - { url: "#", icon: "fab fa-behance" }, - { url: "#", icon: "fab fa-youtube" } - ] - }, - { - name: "Project #2", - image: "port2.jpg", - icons: [ - { url: "#", icon: "fab fa-github" }, - { url: "#", icon: "fab fa-behance" }, - { url: "#", icon: "fab fa-youtube" } - ] - }, - { - name: "Project #3", - image: "port3.jpg", - icons: [ - { url: "#", icon: "fab fa-github" }, - { url: "#", icon: "fab fa-behance" }, - { url: "#", icon: "fab fa-youtube" } - ] - }, - { - name: "Project #4", - image: "port4.jpg", - icons: [ - { url: "#", icon: "fab fa-github" }, - { url: "#", icon: "fab fa-behance" }, - { url: "#", icon: "fab fa-youtube" } - ] - }, - { - name: "Project #5", - image: "port5.jpg", - icons: [ - { url: "#", icon: "fab fa-github" }, - { url: "#", icon: "fab fa-behance" }, - { url: "#", icon: "fab fa-youtube" } - ] - }, - { - name: "Project #6", - image: "port6.jpg", - icons: [ - { url: "#", icon: "fab fa-github" }, - { url: "#", icon: "fab fa-behance" }, - { url: "#", icon: "fab fa-youtube" } - ] - }, - { - name: "Project #7", - image: "port7.jpg", - icons: [ - { url: "#", icon: "fab fa-github" }, - { url: "#", icon: "fab fa-behance" }, - { url: "#", icon: "fab fa-youtube" } - ] - }, - /* - Objects can be added here. The name of the object is the name of the project. - The image is the name of the image file. - The icons are an array of objects. Each object has a url and an icon from the Font Awesome library. - */ - ] +import { projects } from "./data/projects.js"; +(function() { const create = { element: function(type, className) { const element = document.createElement(type); diff --git a/scripts/statistics.js b/scripts/statistics.js index d99c5bb3..43e70ee1 100644 --- a/scripts/statistics.js +++ b/scripts/statistics.js @@ -1,18 +1,6 @@ -(function() { - const skills = { - "HTML5": "80%", - "CSS3": "95%", - "JavaScript": "75%", - "React": "75%", - "NodeJS": "87%", - "Python": "70%" - /* - Skills can be added here. - The image use for the skills are from the following website: https://devicon.dev/ - Please, use the same naming as the website. - */ - } +import { skills } from "./data/skills.js"; +(function() { const create = { element: function(type, className) { const element = document.createElement(type); From e0b5d559207d9fc961931273c24a9396aa90b1bc Mon Sep 17 00:00:00 2001 From: Dyrits Date: Mon, 16 May 2022 13:20:36 -0500 Subject: [PATCH 18/27] Summary added. --- scripts/blog.js | 1 + 1 file changed, 1 insertion(+) diff --git a/scripts/blog.js b/scripts/blog.js index 7079c3f6..547a0840 100644 --- a/scripts/blog.js +++ b/scripts/blog.js @@ -20,6 +20,7 @@ import { articles } from "./data/articles.js"; link.innerHTML = article.title; h4.append(link); const paragraph = document.createElement("p"); + paragraph.innerHTML = article.summary; text.append(h4, paragraph); item.append(image, text); document.querySelector("#articles").append(item); From 4a3f3f23b2b2b192481c7eafbc94fd75e1c065f3 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Wed, 18 May 2022 18:46:27 -0500 Subject: [PATCH 19/27] Refactorisation: Contact section The identifiers and classes have been modified following the BEM methodology. The icons have been fixed and Font Awesome updated. New mixins have been added. Useless HTML and CSS have been removed. --- index.html | 151 +++++++--------- stylesheets/_contact.scss | 75 ++++++++ stylesheets/_controls.scss | 4 +- stylesheets/_header.scss | 3 +- stylesheets/_mixins.scss | 14 +- stylesheets/{styles.min.css => index.min.css} | 2 +- stylesheets/index.min.css.map | 1 + stylesheets/index.scss | 66 +++++++ stylesheets/styles.min.css.map | 1 - stylesheets/styles.scss | 165 ------------------ 10 files changed, 220 insertions(+), 262 deletions(-) create mode 100644 stylesheets/_contact.scss rename stylesheets/{styles.min.css => index.min.css} (58%) create mode 100644 stylesheets/index.min.css.map create mode 100644 stylesheets/index.scss delete mode 100644 stylesheets/styles.min.css.map delete mode 100644 stylesheets/styles.scss diff --git a/index.html b/index.html index 1655db1b..9711797b 100644 --- a/index.html +++ b/index.html @@ -7,9 +7,9 @@ Portfolio - + - + @@ -168,102 +168,77 @@

My ArticlesMy Blog

-
-
-

Contact MeContact

-
-
-
-

Contact me here

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - In, laborum numquam? Quam excepturi perspiciatis quas quasi. -

-
-
-
- - Location -
-

- : London, united Kingdom -

-
-
-
- - Email -
-

- : maclinzuniversal@gmail.com -

+
+

My CoordinatesContact

+
+
+
+

Contact me here

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, veritatis.

+
+
+
+

Location:

-
-
- - Education -
-

- : Sussex University, East Sussex -

+

London, united Kingdom

+
+
+
+

Email:

-
-
- - Mobile Number -
-

- : 07522670617 -

+

maclinzuniversal@gmail.com

+
+
+
+

Education:

-
-
- - Languages -
-

- : Afrikaans, English, Spanish -

+

Sussex University, East Sussex

+
+
+
+

Phone number:

+

07522670617

-
-
- - - - - - - - - - - - +
+
+

Languages:

+

Afrikaans, English, Spanish

-
-
-
- - -
-
- -
-
- -
-
- - Download CV - - -
-
+
+ + + +
+
+
+
+ + +
+
+ +
+
+ +
+
+ Download CV +
+
+
diff --git a/stylesheets/_contact.scss b/stylesheets/_contact.scss new file mode 100644 index 00000000..46a22db9 --- /dev/null +++ b/stylesheets/_contact.scss @@ -0,0 +1,75 @@ +@import './mixins'; + +#contact-content { + display: flex; + padding-top: 3.5rem; + &-left { + flex: 2; + h4 { + margin-top: 1rem; + font-size: 2rem; + text-transform: uppercase; + } + > p { + margin: 1rem 0; + line-height: 2rem; + } + &-information { + .contact-item { + @include flex-center-vertical; + justify-content: space-between; + > p { margin: 0.25rem 0; } + &-icon p { + display: grid; + grid-template-columns: 40px 1fr; + i { + @include flex-center-vertical; + font-size: 1.25rem; + } + } + } + } + &-social { + display: flex; + margin-top: 2rem; + a { + @include flex-center; + color: var(--color-white); + background-color: var(--color-grey-5); + @include round-icon; + margin-inline: 0.5rem; + transition: var(--transition); + &:hover { + background-color: var(--color-secondary); + color: var(--color-primary); + i { + @include flex-center; + font-size: 1.25rem; + } + } + } + } + } + &-right { + flex: 3; + margin-left: 3rem; + .input-control { + margin: 1.5rem 0; + input, textarea { + border-radius: 30px; + font: inherit; + padding: .75rem 1.25rem; + outline: none; + border: none; + background-color: var(--color-grey-5); + width: 100%; + color: var(--color-white); + resize: none; + } + &-flex { + display: flex; + gap: 1.5rem; + } + } + } +} \ No newline at end of file diff --git a/stylesheets/_controls.scss b/stylesheets/_controls.scss index 32a1cabf..fda3e9bd 100644 --- a/stylesheets/_controls.scss +++ b/stylesheets/_controls.scss @@ -12,9 +12,7 @@ padding: 1rem; cursor: pointer; background-color: var(--color-grey-4); - width: 55px; - height: 55px; - border-radius: 50%; + @include round-icon(55px); @include flex-center; margin: .7rem 0; box-shadow: var(--box-shadow-1) ; diff --git a/stylesheets/_header.scss b/stylesheets/_header.scss index f4665b0f..337c60e5 100644 --- a/stylesheets/_header.scss +++ b/stylesheets/_header.scss @@ -5,8 +5,7 @@ @include grid-columns(2); height: 100vh; &-left { - display: flex; - align-items: center; + @include flex-center-vertical; position: relative; &-shape { transition: var(--transition); diff --git a/stylesheets/_mixins.scss b/stylesheets/_mixins.scss index b312dd1d..16c1afc7 100644 --- a/stylesheets/_mixins.scss +++ b/stylesheets/_mixins.scss @@ -1,9 +1,19 @@ -@mixin flex-center { +@mixin flex-center-vertical { display: flex; - justify-content: center; align-items: center; } +@mixin flex-center { + @include flex-center-vertical; + justify-content: center; +} + +@mixin round-icon($size:50px) { + width: $size; + height: $size; + border-radius: 50%; +} + @mixin absolute-top { position: absolute; top: 0; diff --git a/stylesheets/styles.min.css b/stylesheets/index.min.css similarity index 58% rename from stylesheets/styles.min.css rename to stylesheets/index.min.css index 9b8ef266..e14eba2a 100644 --- a/stylesheets/styles.min.css +++ b/stylesheets/index.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;justify-content:center;align-items:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;justify-content:center;align-items:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{width:100%;height:300px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition)}#articles .article .article-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}#articles .article .article-text h4{font-size:1.5rem;margin-bottom:.7rem}#articles .article .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article .article-text h4 a:hover{color:var(--color-secondary)}#articles .article .article-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px);transition:var(--transition)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.8)}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{width:100%;height:300px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition)}#articles .article .article-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}#articles .article .article-text h4{font-size:1.5rem;margin-bottom:.7rem}#articles .article .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article .article-text h4 a:hover{color:var(--color-secondary)}#articles .article .article-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px);transition:var(--transition)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.8)}#contact-content{display:flex;padding-top:3.5rem}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=index.min.css.map */ diff --git a/stylesheets/index.min.css.map b/stylesheets/index.min.css.map new file mode 100644 index 00000000..ecd156ac --- /dev/null +++ b/stylesheets/index.min.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_blog.scss","_contact.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE7CJ,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC5CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BH/BA,aACA,qCACA,cG+BE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH9DR,kBACA,MAKA,OG0DU,YACA,wCAQZ,gBACE,oBACA,0BH5DA,aACA,qCACA,cG4DE,yCACE,kBACA,kBACA,0CACA,8CHjFJ,kBACA,MGkFM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,mBAKA,uBGmGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH3HF,kBACA,MG4HE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJLN,kBACA,MAKA,OICM,wCACA,mBJxBN,aACA,mBAKA,uBIoBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,mBAKA,uBI+BQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,mBAKA,uBIqCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBC5DR,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,qCACA,kBACA,uCACA,6BACA,uBACE,WACA,aACA,iBACA,0BACA,uBACA,6BAEF,iCACE,gBACA,eACA,4CACA,oCACE,iBACA,oBACA,sCACE,6BACA,eACA,yEAGJ,mCACE,0BACA,iBACA,oBAGJ,yBACE,6BACA,2BACA,6BACA,6BACE,oBACA,qBACA,qCC3CR,iBACE,aACA,mBACA,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNhBJ,aACA,mBMiBM,8BACA,kEACA,uDACE,aACA,+BACA,yDNvBR,aACA,mBMwBU,kBAKR,6BACE,aACA,gBACA,+BNjCJ,aACA,mBAKA,uBM6BM,yBACA,qCN1BN,MADsB,KAEtB,OAFsB,KAGtB,kBM0BM,oBACA,6BACA,qCACE,wCACA,2BACA,uCN3CR,aACA,mBAKA,uBMuCU,kBAMV,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WCtER,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"index.min.css"} \ No newline at end of file diff --git a/stylesheets/index.scss b/stylesheets/index.scss new file mode 100644 index 00000000..2772c202 --- /dev/null +++ b/stylesheets/index.scss @@ -0,0 +1,66 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + list-style: none; +} + +@import './variables'; +@import './mixins'; + +body { + background-color: var(--color-primary); + font-family: 'Poppins', sans-serif; + font-size: 1.1rem; + color: var(--color-white); + transition: all .4s ease-in-out; +} + +a { + display: inline-block; + text-decoration: none; + color: inherit; + font-family: inherit; +} + +header { + min-height: 100vh; + color: var(--color-white); + overflow: hidden; + padding: 0 !important; +} + +section.container { + min-height: 100vh; + width: 100%; + position: absolute; + left: 0; + top: 0; + padding: 3rem 18rem; +} + +.container { + display: none; + transform: translateY(-100%) scale(0); + transition: all .4s ease-in-out; + background-color: var(--color-primary); +} + +.active { + display: block; + animation: appear 1s ease-in-out; + transform: translateY(0) scaleY(1); + @keyframes appear { + 0%{ transform: translateY(-100%) scaleY(0); } + 100%{ transform: translateY(0) scaleY(1); } + } +} + +@import './controls'; +@import './header'; +@import './components'; +@import './about'; +@import './portfolio'; +@import './blog'; +@import './contact'; +@import './media'; \ No newline at end of file diff --git a/stylesheets/styles.min.css.map b/stylesheets/styles.min.css.map deleted file mode 100644 index 437b7af8..00000000 --- a/stylesheets/styles.min.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_blog.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,uBACA,mBDKA,sBACA,2BACA,mBACE,aACA,eACA,qCACA,WACA,YACA,kBCfF,aACA,uBACA,mBDeE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eCxCA,aACA,uBACA,mBDwCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE/CJ,gBACE,WDmBA,aACA,qCACA,cCnBA,aACA,qBACE,aACA,mBACA,kBACA,2BACE,6BACA,UACA,YACA,wCDPJ,kBACA,MAKA,OCGI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC7CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,uBACA,mBEgBI,kBACA,aAEF,gBACE,WFhBJ,kBACA,MAUA,QEOI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cHoBE,aACA,qCACA,cGpBA,mBACA,oBACA,oBHgBA,aACA,qCACA,cGhBE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BHzCA,aACA,qCACA,cGyCE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DHxER,kBACA,MAKA,OGoEU,YACA,wCAQZ,gBACE,oBACA,0BHtEA,aACA,qCACA,cGsEE,yCACE,kBACA,kBACA,0CACA,8CH3FJ,kBACA,MG4FM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,uBACA,mBGuGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WHrIF,kBACA,MGsIE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJeA,aACA,qCACA,cIfE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJfN,kBACA,MAKA,OIWM,wCACA,mBJxBN,aACA,uBACA,mBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,uBACA,mBImCQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,uBACA,mBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBC5DR,ULoBE,aACA,qCACA,cKpBA,gBACA,mBACE,kBACA,qCACA,kBACA,uCACA,6BACA,uBACE,WACA,aACA,iBACA,0BACA,uBACA,6BAEF,iCACE,gBACA,eACA,4CACA,oCACE,iBACA,oBACA,sCACE,6BACA,eACA,yEAGJ,mCACE,0BACA,iBACA,oBAGJ,yBACE,6BACA,2BACA,6BACA,6BACE,oBACA,qBACA,qCRuBR,qBACI,aACA,mBACA,mCACI,OACA,sCACI,gBACA,eACA,yBAEJ,qCACI,cACA,iBAIA,+DACI,aACA,mBACA,8BACA,iEACI,0BACA,qBAEJ,qEACI,aACA,+BACA,uEACI,aACA,mBACA,iBAMhB,iDACI,aACA,gBACA,mDACI,aACA,mBACA,yBACA,qCACA,eACA,uBACA,WACA,YACA,kBACA,eACA,+BACA,yDACI,wCACA,sFAEJ,qDACI,aACA,mBACA,uBACA,iBAMhB,oCACI,OACA,iBACA,mDACI,gBACA,qHACI,mBACA,oBACA,kBACA,oBACA,qBACA,aACA,YACA,qCACA,WACA,yBACA,YAGR,2CACI,aACA,uDACI,mBAGR,gDACI,aACA,2BShKZ,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"styles.min.css"} \ No newline at end of file diff --git a/stylesheets/styles.scss b/stylesheets/styles.scss deleted file mode 100644 index c487cc6f..00000000 --- a/stylesheets/styles.scss +++ /dev/null @@ -1,165 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - list-style: none; -} - -@import './variables'; -@import './mixins'; - -body { - background-color: var(--color-primary); - font-family: 'Poppins', sans-serif; - font-size: 1.1rem; - color: var(--color-white); - transition: all .4s ease-in-out; -} - -a { - display: inline-block; - text-decoration: none; - color: inherit; - font-family: inherit; -} - -header { - min-height: 100vh; - color: var(--color-white); - overflow: hidden; - padding: 0 !important; -} - -section.container { - min-height: 100vh; - width: 100%; - position: absolute; - left: 0; - top: 0; - padding: 3rem 18rem; -} - -.container { - display: none; - transform: translateY(-100%) scale(0); - transition: all .4s ease-in-out; - background-color: var(--color-primary); -} - -.active { - display: block; - animation: appear 1s ease-in-out; - transform: translateY(0) scaleY(1); - @keyframes appear { - 0%{ transform: translateY(-100%) scaleY(0); } - 100%{ transform: translateY(0) scaleY(1); } - } -} - -@import './controls'; -@import './header'; -@import './components'; -@import './about'; -@import './portfolio'; -@import './blog'; - - - -//Contact section -.contact-content-con { - display: flex; - padding-top: 3.5rem; - .left-contact { - flex: 2; - h4 { - margin-top: 1rem; - font-size: 2rem; - text-transform: uppercase; - } - p { - margin: 1rem 0; - line-height: 2rem; - } - - .contact-info { - .contact-item { - display: flex; - align-items: center; - justify-content: space-between; - p { - margin: .3rem 0 !important; - padding: 0 !important; - } - .icon { - display: grid; - grid-template-columns: 40px 1fr; - i { - display: flex; - align-items: center; - font-size: 1.3rem; - } - } - } - } - - .contact-icon { - display: flex; - margin-top: 2rem; - a { - display: flex; - align-items: center; - color: var(--color-white); - background-color: var(--color-grey-5); - cursor: pointer; - justify-content: center; - width: 50px; - height: 50px; - border-radius: 50%; - margin: 0 .4rem; - transition: all .4s ease-in-out; - &:hover { - background-color: var(--color-secondary); - i { color: var(--color-primary); } - } - i { - display: flex; - align-items: center; - justify-content: center; - font-size: 1.3rem; - } - } - } - } - - .right-contact { - flex: 3; - margin-left: 3rem; - .input-control { - margin: 1.5rem 0; - input, textarea { - border-radius: 30px; - font-weight: inherit; - font-size: inherit; - font-family: inherit; - padding: .8rem 1.1rem; - outline: none; - border: none; - background-color: var(--color-grey-5); - width: 100%; - color: var(--color-white); - resize: none; - } - } - .i-c-2 { - display: flex; - :last-child{ - margin-left: 1.5rem; - } - } - .submit-btn { - display: flex; - justify-content: flex-start; - } - } -} -@import './media'; \ No newline at end of file From fe18a2f60d898e4b2971ac917e8de68bac4d84c0 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Wed, 18 May 2022 18:50:48 -0500 Subject: [PATCH 20/27] =?UTF-8?q?Include=20added=20for=20the=20#swith?= =?UTF-8?q?=C3=83-mode=20button.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- stylesheets/_controls.scss | 4 +--- stylesheets/index.min.css.map | 2 +- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/stylesheets/_controls.scss b/stylesheets/_controls.scss index fda3e9bd..ba5505f2 100644 --- a/stylesheets/_controls.scss +++ b/stylesheets/_controls.scss @@ -32,9 +32,7 @@ #switch-mode { top: 5%; right: 3%; - width: 70px; - height: 70px; - border-radius: 50%; + @include round-icon(70px); background-color: var(--color-grey-4); cursor: pointer; position: fixed; diff --git a/stylesheets/index.min.css.map b/stylesheets/index.min.css.map index ecd156ac..964ee12a 100644 --- a/stylesheets/index.min.css.map +++ b/stylesheets/index.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_blog.scss","_contact.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SACA,WACA,YACA,kBACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE7CJ,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC5CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BH/BA,aACA,qCACA,cG+BE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH9DR,kBACA,MAKA,OG0DU,YACA,wCAQZ,gBACE,oBACA,0BH5DA,aACA,qCACA,cG4DE,yCACE,kBACA,kBACA,0CACA,8CHjFJ,kBACA,MGkFM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,mBAKA,uBGmGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH3HF,kBACA,MG4HE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJLN,kBACA,MAKA,OICM,wCACA,mBJxBN,aACA,mBAKA,uBIoBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,mBAKA,uBI+BQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,mBAKA,uBIqCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBC5DR,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,qCACA,kBACA,uCACA,6BACA,uBACE,WACA,aACA,iBACA,0BACA,uBACA,6BAEF,iCACE,gBACA,eACA,4CACA,oCACE,iBACA,oBACA,sCACE,6BACA,eACA,yEAGJ,mCACE,0BACA,iBACA,oBAGJ,yBACE,6BACA,2BACA,6BACA,6BACE,oBACA,qBACA,qCC3CR,iBACE,aACA,mBACA,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNhBJ,aACA,mBMiBM,8BACA,kEACA,uDACE,aACA,+BACA,yDNvBR,aACA,mBMwBU,kBAKR,6BACE,aACA,gBACA,+BNjCJ,aACA,mBAKA,uBM6BM,yBACA,qCN1BN,MADsB,KAEtB,OAFsB,KAGtB,kBM0BM,oBACA,6BACA,qCACE,wCACA,2BACA,uCN3CR,aACA,mBAKA,uBMuCU,kBAMV,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WCtER,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"index.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_blog.scss","_contact.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SCtBA,MDuBoB,KCtBpB,ODsBoB,KCrBpB,kBDsBA,qCACA,eACA,eCpCA,aACA,mBAKA,uBDgCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE3CJ,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC5CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BH/BA,aACA,qCACA,cG+BE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH9DR,kBACA,MAKA,OG0DU,YACA,wCAQZ,gBACE,oBACA,0BH5DA,aACA,qCACA,cG4DE,yCACE,kBACA,kBACA,0CACA,8CHjFJ,kBACA,MGkFM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,mBAKA,uBGmGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH3HF,kBACA,MG4HE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJLN,kBACA,MAKA,OICM,wCACA,mBJxBN,aACA,mBAKA,uBIoBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,mBAKA,uBI+BQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,mBAKA,uBIqCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBC5DR,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,qCACA,kBACA,uCACA,6BACA,uBACE,WACA,aACA,iBACA,0BACA,uBACA,6BAEF,iCACE,gBACA,eACA,4CACA,oCACE,iBACA,oBACA,sCACE,6BACA,eACA,yEAGJ,mCACE,0BACA,iBACA,oBAGJ,yBACE,6BACA,2BACA,6BACA,6BACE,oBACA,qBACA,qCC3CR,iBACE,aACA,mBACA,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNhBJ,aACA,mBMiBM,8BACA,kEACA,uDACE,aACA,+BACA,yDNvBR,aACA,mBMwBU,kBAKR,6BACE,aACA,gBACA,+BNjCJ,aACA,mBAKA,uBM6BM,yBACA,qCN1BN,MADsB,KAEtB,OAFsB,KAGtB,kBM0BM,oBACA,6BACA,qCACE,wCACA,2BACA,uCN3CR,aACA,mBAKA,uBMuCU,kBAMV,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WCtER,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"index.min.css"} \ No newline at end of file From 3139bbd23b4c479ddfdfef42e43fa189f913d2d3 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Wed, 18 May 2022 18:56:55 -0500 Subject: [PATCH 21/27] Modification: Controls Colors for the controls have been slightly modified in order to have a better contrast. --- stylesheets/_controls.scss | 26 +++++++++++++------------- stylesheets/index.min.css | 2 +- stylesheets/index.min.css.map | 2 +- 3 files changed, 15 insertions(+), 15 deletions(-) diff --git a/stylesheets/_controls.scss b/stylesheets/_controls.scss index ba5505f2..c8cbc50e 100644 --- a/stylesheets/_controls.scss +++ b/stylesheets/_controls.scss @@ -8,41 +8,41 @@ @include flex-center; flex-direction: column; transform: translateY(-50%); - .control{ + .control { padding: 1rem; cursor: pointer; - background-color: var(--color-grey-4); + background-color: var(--color-grey-5); @include round-icon(55px); @include flex-center; - margin: .7rem 0; - box-shadow: var(--box-shadow-1) ; + margin: .75rem 0; + box-shadow: var(--box-shadow); i { - font-size: 1.2rem; - color: var(--color-grey-2); + font-size: 1.25rem; + color: var(--color-grey-1); pointer-events: none; } } .active-button { background-color: var(--color-secondary); - transition: all .4s ease-in-out; + transition: var(--transition); i { color: var(--color-white); } } } #switch-mode { top: 5%; - right: 3%; + right: 2.5%; @include round-icon(70px); - background-color: var(--color-grey-4); + border: 2px solid var(--color-grey-1); + background-color: var(--color-grey-5); cursor: pointer; position: fixed; @include flex-center; box-shadow: 0 3px 15px rgba(0,0,0,.3); transition: all .1s ease-in-out; - &:active{ transform: translateY(-3px); } - i{ - font-size: 1.4rem; - color: var(--color-grey-2); + i { + font-size: 1.75rem; + color: var(--color-grey-1); pointer-events: none; } } \ No newline at end of file diff --git a/stylesheets/index.min.css b/stylesheets/index.min.css index e14eba2a..2ac9f89f 100644 --- a/stylesheets/index.min.css +++ b/stylesheets/index.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{width:100%;height:300px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition)}#articles .article .article-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}#articles .article .article-text h4{font-size:1.5rem;margin-bottom:.7rem}#articles .article .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article .article-text h4 a:hover{color:var(--color-secondary)}#articles .article .article-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px);transition:var(--transition)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.8)}#contact-content{display:flex;padding-top:3.5rem}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=index.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{width:100%;height:300px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition)}#articles .article .article-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}#articles .article .article-text h4{font-size:1.5rem;margin-bottom:.7rem}#articles .article .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article .article-text h4 a:hover{color:var(--color-secondary)}#articles .article .article-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px);transition:var(--transition)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.8)}#contact-content{display:flex;padding-top:3.5rem}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=index.min.css.map */ diff --git a/stylesheets/index.min.css.map b/stylesheets/index.min.css.map index 964ee12a..63ff2c65 100644 --- a/stylesheets/index.min.css.map +++ b/stylesheets/index.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_blog.scss","_contact.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,eACA,+BACA,qBACE,iBACA,0BACA,oBAGJ,yBACE,wCACA,+BACA,oDAIJ,aACE,OACA,SCtBA,MDuBoB,KCtBpB,ODsBoB,KCrBpB,kBDsBA,qCACA,eACA,eCpCA,aACA,mBAKA,uBDgCA,qCACA,+BACA,+CACA,eACE,iBACA,0BACA,oBE3CJ,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC5CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BH/BA,aACA,qCACA,cG+BE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH9DR,kBACA,MAKA,OG0DU,YACA,wCAQZ,gBACE,oBACA,0BH5DA,aACA,qCACA,cG4DE,yCACE,kBACA,kBACA,0CACA,8CHjFJ,kBACA,MGkFM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,mBAKA,uBGmGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH3HF,kBACA,MG4HE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJLN,kBACA,MAKA,OICM,wCACA,mBJxBN,aACA,mBAKA,uBIoBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,mBAKA,uBI+BQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,mBAKA,uBIqCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBC5DR,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,qCACA,kBACA,uCACA,6BACA,uBACE,WACA,aACA,iBACA,0BACA,uBACA,6BAEF,iCACE,gBACA,eACA,4CACA,oCACE,iBACA,oBACA,sCACE,6BACA,eACA,yEAGJ,mCACE,0BACA,iBACA,oBAGJ,yBACE,6BACA,2BACA,6BACA,6BACE,oBACA,qBACA,qCC3CR,iBACE,aACA,mBACA,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNhBJ,aACA,mBMiBM,8BACA,kEACA,uDACE,aACA,+BACA,yDNvBR,aACA,mBMwBU,kBAKR,6BACE,aACA,gBACA,+BNjCJ,aACA,mBAKA,uBM6BM,yBACA,qCN1BN,MADsB,KAEtB,OAFsB,KAGtB,kBM0BM,oBACA,6BACA,qCACE,wCACA,2BACA,uCN3CR,aACA,mBAKA,uBMuCU,kBAMV,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WCtER,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"index.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_blog.scss","_contact.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAGJ,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCtBA,MDuBoB,KCtBpB,ODsBoB,KCrBpB,kBDsBA,qCACA,qCACA,eACA,eCrCA,aACA,mBAKA,uBDiCA,qCACA,+BACA,eACE,kBACA,0BACA,oBE3CJ,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC5CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BH/BA,aACA,qCACA,cG+BE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH9DR,kBACA,MAKA,OG0DU,YACA,wCAQZ,gBACE,oBACA,0BH5DA,aACA,qCACA,cG4DE,yCACE,kBACA,kBACA,0CACA,8CHjFJ,kBACA,MGkFM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,mBAKA,uBGmGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH3HF,kBACA,MG4HE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJLN,kBACA,MAKA,OICM,wCACA,mBJxBN,aACA,mBAKA,uBIoBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,mBAKA,uBI+BQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,mBAKA,uBIqCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBC5DR,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,qCACA,kBACA,uCACA,6BACA,uBACE,WACA,aACA,iBACA,0BACA,uBACA,6BAEF,iCACE,gBACA,eACA,4CACA,oCACE,iBACA,oBACA,sCACE,6BACA,eACA,yEAGJ,mCACE,0BACA,iBACA,oBAGJ,yBACE,6BACA,2BACA,6BACA,6BACE,oBACA,qBACA,qCC3CR,iBACE,aACA,mBACA,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNhBJ,aACA,mBMiBM,8BACA,kEACA,uDACE,aACA,+BACA,yDNvBR,aACA,mBMwBU,kBAKR,6BACE,aACA,gBACA,+BNjCJ,aACA,mBAKA,uBM6BM,yBACA,qCN1BN,MADsB,KAEtB,OAFsB,KAGtB,kBM0BM,oBACA,6BACA,qCACE,wCACA,2BACA,uCN3CR,aACA,mBAKA,uBMuCU,kBAMV,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WCtER,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"index.min.css"} \ No newline at end of file From 57cb2e600c3140039e5b4fe7efd784f9d5cd4ca5 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 20 May 2022 14:19:28 -0500 Subject: [PATCH 22/27] Addition: Media queries Media queries have been added. The display of the blog section and the portfolio have been changed, with fixed sized, in order to avoid unwanted ratio when changing the screen size. --- index.html | 2 +- stylesheets/_blog.scss | 50 ---- stylesheets/_media.scss | 281 ------------------ stylesheets/{ => components}/_components.scss | 4 +- stylesheets/{ => components}/_controls.scss | 4 +- stylesheets/index.min.css | 2 +- stylesheets/index.min.css.map | 2 +- stylesheets/index.scss | 20 +- stylesheets/{ => sections}/_about.scss | 22 +- stylesheets/sections/_blog.scss | 62 ++++ stylesheets/{ => sections}/_contact.scss | 25 +- stylesheets/{ => sections}/_header.scss | 20 +- stylesheets/{ => sections}/_portfolio.scss | 13 +- 13 files changed, 156 insertions(+), 351 deletions(-) delete mode 100644 stylesheets/_blog.scss delete mode 100644 stylesheets/_media.scss rename stylesheets/{ => components}/_components.scss (89%) rename stylesheets/{ => components}/_controls.scss (86%) rename stylesheets/{ => sections}/_about.scss (82%) create mode 100644 stylesheets/sections/_blog.scss rename stylesheets/{ => sections}/_contact.scss (63%) rename stylesheets/{ => sections}/_header.scss (66%) rename stylesheets/{ => sections}/_portfolio.scss (77%) diff --git a/index.html b/index.html index 9711797b..e7342de3 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,7 @@
-

Hi, I'm Solano Milan Diaz, a Web Developer.

+

Hi, I'm Solano Milan Diaz,
a Web Developer.

I'm a Web Developer, I love to create beautiful and functional websites.
[This part can be filled with additional information.] diff --git a/stylesheets/_blog.scss b/stylesheets/_blog.scss deleted file mode 100644 index 3d0cf3a7..00000000 --- a/stylesheets/_blog.scss +++ /dev/null @@ -1,50 +0,0 @@ -@import './mixins'; - -#articles { - @include grid-columns(3); - margin-top: 3rem; - .article { - position: relative; - background-color: var(--color-grey-5); - border-radius: 5px; - box-shadow: 1px 1px 20px rgba(0,0,0,.1); - transition: var(--transition); - img { - width: 100%; - height: 300px; - object-fit: cover; - border-radius: 5px 5px 0 0; - filter: grayscale(100%); - transition: var(--transition); - } - .article-text { - margin-top: -7px; - padding: 1.1rem; - border-top: 8px solid var(--color-secondary); - h4 { - font-size: 1.5rem; - margin-bottom: .7rem; - a { - transition: var(--transition); - cursor: pointer; - &:hover { color: var(--color-secondary); } - } - } - p{ - color: var(--color-grey-2); - line-height: 2rem; - padding-bottom: 1rem; - } - } - &:hover { - box-shadow: var(--box-shadow); - transform: translateY(-5px); - transition: var(--transition); - img { - filter: grayscale(0); - transform: scale(1.1); - box-shadow: 0 4px 15px rgba(0,0,0,0.8); - } - } - } -} \ No newline at end of file diff --git a/stylesheets/_media.scss b/stylesheets/_media.scss deleted file mode 100644 index bd7c045d..00000000 --- a/stylesheets/_media.scss +++ /dev/null @@ -1,281 +0,0 @@ -.about-container .left-about p{ - padding-left: 0; -} - -@media screen and (max-width: 600px) { - header{ - padding: 0 !important; - } - .theme-btn{ - width: 50px; - height: 50px; - } - .header-content{ - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - } - - .left-header{ - .h-shape{ - display: none; - } - } - .right-header{ - grid-row: 1; - padding-right: 0rem !important; - width: 90%; - margin: 0 auto; - .name{ - font-size: 2.5rem !important; - text-align: center; - padding-top: 3rem; - } - } - .header-content .left-header .image{ - margin: 0 auto; - width: 90%; - } - - .controls{ - top: auto; - bottom: 0; - flex-direction: row; - justify-content: center; - left: 50%; - transform: translateX(-50%); - width: 100%; - background-color: var(--color-grey-5); - .control{ - margin: 1rem .3rem; - } - } - - .about-container{ - grid-template-columns: repeat(1, 1fr); - .right-about{ - grid-template-columns: repeat(1, 1fr); - padding-top: 2.5rem; - } - .left-about{ - padding-right: 0; - p{ - padding-left: 0; - } - } - } - - .timeline{ - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - } - - .container{ - padding: 2rem 2.5rem !important; - } - - .about-stats{ - .progress-bars{ - grid-template-columns: repeat(1, 1fr); - } - } - - .portfolios{ - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - margin-top: 1rem; - } - - .blogs{ - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - } - - .contact-content-con{ - flex-direction: column; - .right-contact{ - margin-left: 0; - margin-top: 2.5rem; - } - - } - .contact-content-con .right-contact .i-c-2{ - flex-direction: column; - } - .contact-content-con .right-contact .i-c-2 :last-child{ - margin-left: 0; - margin-top: 1.5rem; - } - - .contact-content-con .right-contact{ - margin-bottom: 6rem; - } - - .contact-item{ - flex-direction: column; - margin: 1rem 0; - p{ - font-size: 15px; - color: var(--color-grey-2); - } - span{ - font-size: 15px; - } - .icon{ - grid-template-columns: 25px 1fr; - } - } - - - .main-title{ - h2{ - font-size: 2rem; - span{ - font-size: 2.3rem; - } - .bg-text{ - font-size: 2.3rem; - } - } - } -} - -@media screen and (max-width:1432px){ - .container{ - padding: 7rem 11rem; - } - - .contact-content-con{ - flex-direction: column; - .right-contact{ - margin-left: 0; - margin-top: 2.5rem; - } - - } - .contact-content-con .right-contact .i-c-2{ - flex-direction: column; - } - .contact-content-con .right-contact .i-c-2 :last-child{ - margin-left: 0; - margin-top: 1.5rem; - } - - .contact-content-con .right-contact{ - margin-bottom: 6rem; - } - - .main-title{ - h2{ - .bg-text{ - font-size: 5.5rem; - } - } - } - -} - - - - -@media screen and (max-width:1250px){ - .blogs{ - grid-template-columns: repeat(2, 1fr); - margin-top: 6rem; - } - .portfolios{ - grid-template-columns: repeat(2, 1fr); - } - .header-content .right-header{ - padding-right: 9rem; - } - -} -@media screen and (max-width:660px){ - .blogs{ - grid-template-columns: repeat(1, 1fr); - } - .portfolios{ - grid-template-columns: repeat(1, 1fr); - } -} - -@media screen and (max-width:1070px){ - .about-container{ - grid-template-columns: repeat(1, 1fr); - .right-about{ - padding-top: 2.5rem; - } - } - .main-title{ - h2{ - font-size: 4rem; - span{ - font-size: 4rem; - } - .bg-text{ - font-size: 4.5rem; - } - } - } -} - -@media screen and (max-width:970px){ - .container{ - padding: 7rem 6rem; - } - .about-container .left-about{ - padding-right: 0rem; - } - .header-content{ - grid-template-columns: repeat(1, 1fr); - padding-bottom: 6rem; - } - - .left-header{ - .h-shape{ - display: none; - } - .image{ - width: 90% !important; - margin: 0 auto !important; - - } - } - .right-header{ - grid-row: 1; - padding-right: 0rem !important; - width: 90%; - margin: 0 auto; - .name{ - font-size: 2.5rem !important; - text-align: center; - padding-top: 3rem; - } - } -} -@media screen and (max-width:700px){ - .container{ - padding: 7rem 3rem; - } - .about-stats .progress-bars{ - grid-template-columns: repeat(1, 1fr); - } - .about-container .right-about{ - grid-template-columns: repeat(1, 1fr); - } - - .timeline{ - grid-template-columns: repeat(1, 1fr); - } - .main-title{ - h2{ - font-size: 3rem; - span{ - font-size: 3rem; - } - .bg-text{ - font-size: 4rem; - } - } - } -} \ No newline at end of file diff --git a/stylesheets/_components.scss b/stylesheets/components/_components.scss similarity index 89% rename from stylesheets/_components.scss rename to stylesheets/components/_components.scss index 1589e9af..907f6d1d 100644 --- a/stylesheets/_components.scss +++ b/stylesheets/components/_components.scss @@ -1,4 +1,4 @@ -@import './mixins'; +@import '../mixins'; .cv { display: flex; @@ -52,6 +52,8 @@ font-weight: 800; font-size: 6rem; z-index: -5; + @media screen and (max-width: 600px) { font-size: 2.5rem; } } + @media screen and (max-width: 600px) { font-size: 2rem; } } } diff --git a/stylesheets/_controls.scss b/stylesheets/components/_controls.scss similarity index 86% rename from stylesheets/_controls.scss rename to stylesheets/components/_controls.scss index c8cbc50e..d46d3ddc 100644 --- a/stylesheets/_controls.scss +++ b/stylesheets/components/_controls.scss @@ -1,4 +1,4 @@ -@import './mixins'; +@import '../mixins'; #controls { position: fixed; @@ -21,6 +21,7 @@ color: var(--color-grey-1); pointer-events: none; } + @media screen and (max-width: 600px) { margin: 1rem 0.25rem; } } .active-button { background-color: var(--color-secondary); @@ -45,4 +46,5 @@ color: var(--color-grey-1); pointer-events: none; } + @media screen and (max-width: 600px) { @include round-icon(); } } \ No newline at end of file diff --git a/stylesheets/index.min.css b/stylesheets/index.min.css index 2ac9f89f..393f095e 100644 --- a/stylesheets/index.min.css +++ b/stylesheets/index.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{width:100%;height:300px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition)}#articles .article .article-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}#articles .article .article-text h4{font-size:1.5rem;margin-bottom:.7rem}#articles .article .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article .article-text h4 a:hover{color:var(--color-secondary)}#articles .article .article-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px);transition:var(--transition)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.8)}#contact-content{display:flex;padding-top:3.5rem}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=index.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}@media screen and (max-width: 1600px){section.container{padding:2.75rem 12rem}}@media screen and (max-width: 1200px){section.container{padding:2.5rem 6rem}}@media screen and (max-width: 600px){section.container{padding:2.25rem 3rem}}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#controls .control{margin:1rem .25rem}}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#switch-mode{width:50px;height:50px;border-radius:50%}}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}@media screen and (max-width: 1200px){#header-content-left-shape{display:none}}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}@media screen and (max-width: 600px){#header-content-left-image{width:90%;margin-inline:auto}}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}@media screen and (max-width: 600px){#header-content-right h1{font-size:2.5rem}}#header-content-right p{margin:1.5rem 0;line-height:2rem}@media screen and (max-width: 1200px){#header-content-right{grid-row:1;width:90%;margin:2.5rem auto;padding:0}}@media screen and (max-width: 1200px){#header-content{grid-template-columns:1fr;padding-bottom:6rem;text-align:center}#header-content .cv{align-self:center}}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}@media screen and (max-width: 600px){.main-title h2 .background-text{font-size:2.5rem}}@media screen and (max-width: 600px){.main-title h2{font-size:2rem}}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}@media screen and (max-width: 600px){#about-header-right{grid-template-columns:1fr;padding-bottom:6rem}}#about-header-left{padding-right:5rem}@media screen and (max-width: 1200px){#about-header-left{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}#about-header-left .cv{align-self:center}}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}@media screen and (max-width: 1200px){#about-header-left p{padding-left:0}}@media screen and (max-width: 1200px){#about-header-left{padding-right:0}}@media screen and (max-width: 1200px){#about-header{grid-template-columns:1fr}}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}@media screen and (max-width: 600px){#about-statistics #statistics{grid-template-columns:1fr}}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}@media screen and (max-width: 600px){#about-timeline #timeline{grid-template-columns:1fr;padding-bottom:6rem}}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative;margin:auto}#portfolio-container .portfolio-item-image img{aspect-ratio:6/4;height:250px;object-fit:cover;border-radius:15px}@media screen and (max-width: 1600px){#portfolio-container .portfolio-item-image img{height:275px}}@media screen and (max-width: 1200px){#portfolio-container .portfolio-item-image img{height:300px}}@media screen and (max-width: 600px){#portfolio-container .portfolio-item-image img{height:225px}}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}@media screen and (max-width: 1600px){#portfolio-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#portfolio-container{grid-template-columns:1fr;padding-bottom:6rem}}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;margin:auto;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{aspect-ratio:7/4;height:200px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition);transition-property:filter,transform,box-shadow}@media screen and (max-width: 1200px){#articles .article img{height:250px}}@media screen and (max-width: 600px){#articles .article img{height:200px}}#articles .article-text{margin-top:-7.5px;padding:1.25rem;border-top:8px solid var(--color-secondary);max-width:350px}@media screen and (max-width: 1200px){#articles .article-text{max-width:437.5px}}@media screen and (max-width: 600px){#articles .article-text{max-width:350px}}#articles .article-text h4{font-size:1.5rem;margin-bottom:.75rem}#articles .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article-text h4 a:hover{color:var(--color-secondary)}#articles .article-text h4 p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.5)}@media screen and (max-width: 1600px){#articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#articles{grid-template-columns:1fr;padding-bottom:6rem}}#contact-content{display:flex;padding-top:3.5rem}@media screen and (max-width: 1200px){#contact-content{text-align:center}}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item>p{font-size:15px}}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p{font-size:15px;color:var(--color-grey-variation-grey)}}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p i{grid-template-columns:25px 1fr}}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item{flex-direction:column;margin:1rem 0}}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-social{justify-content:center}}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}#contact-content-right .input-control-flex label{width:100%}@media screen and (max-width: 1200px){#contact-content-right .input-control-flex{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content-right{margin-left:0;margin-top:2.5rem}}@media screen and (max-width: 1600px){#contact-content{flex-direction:column}}/*# sourceMappingURL=index.min.css.map */ diff --git a/stylesheets/index.min.css.map b/stylesheets/index.min.css.map index 63ff2c65..5ced6c99 100644 --- a/stylesheets/index.min.css.map +++ b/stylesheets/index.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","_controls.scss","_mixins.scss","_header.scss","_components.scss","_about.scss","_portfolio.scss","_blog.scss","_contact.scss","_media.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,qBAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBAGJ,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEpDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAGJ,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCtBA,MDuBoB,KCtBpB,ODsBoB,KCrBpB,kBDsBA,qCACA,qCACA,eACA,eCrCA,aACA,mBAKA,uBDiCA,qCACA,+BACA,eACE,kBACA,0BACA,oBE3CJ,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDAEF,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DAEF,wBACE,gBACA,iBC5CN,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WCnDN,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAMV,mBACE,mBACA,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BAKN,kBACE,oBACA,8BH/BA,aACA,qCACA,cG+BE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH9DR,kBACA,MAKA,OG0DU,YACA,wCAQZ,gBACE,oBACA,0BH5DA,aACA,qCACA,cG4DE,yCACE,kBACA,kBACA,0CACA,8CHjFJ,kBACA,MGkFM,WACA,wCACA,WACA,YACA,kBHvGN,aACA,mBAKA,uBGmGM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH3HF,kBACA,MG4HE,SACA,UACA,WACA,qCACA,2BC/IF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBAEE,+CACE,WACA,aACA,iBACA,mBAGJ,2CACE,WACA,YJLN,kBACA,MAKA,OICM,wCACA,mBJxBN,aACA,mBAKA,uBIoBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJnCN,aACA,mBAKA,uBI+BQ,mDACE,sCACA,kBACA,WACA,YJzCV,aACA,mBAKA,uBIqCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBC5DR,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,qCACA,kBACA,uCACA,6BACA,uBACE,WACA,aACA,iBACA,0BACA,uBACA,6BAEF,iCACE,gBACA,eACA,4CACA,oCACE,iBACA,oBACA,sCACE,6BACA,eACA,yEAGJ,mCACE,0BACA,iBACA,oBAGJ,yBACE,6BACA,2BACA,6BACA,6BACE,oBACA,qBACA,qCC3CR,iBACE,aACA,mBACA,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNhBJ,aACA,mBMiBM,8BACA,kEACA,uDACE,aACA,+BACA,yDNvBR,aACA,mBMwBU,kBAKR,6BACE,aACA,gBACA,+BNjCJ,aACA,mBAKA,uBM6BM,yBACA,qCN1BN,MADsB,KAEtB,OAFsB,KAGtB,kBM0BM,oBACA,6BACA,qCACE,wCACA,2BACA,uCN3CR,aACA,mBAKA,uBMuCU,kBAMV,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WCtER,+BACI,eAGJ,qCACI,OACI,qBAEJ,WACI,WACA,YAEJ,gBACI,qCACA,oBAIA,sBACI,aAGR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,iBAGR,oCACI,cACA,UAGJ,UACI,SACA,SACA,mBACA,uBACA,SACA,2BACA,WACA,qCACA,mBACI,kBAIR,iBACI,qCACA,8BACI,qCACA,mBAEJ,6BACI,gBACA,+BACI,eAKZ,UACI,qCACA,oBAGJ,WACI,+BAIA,4BACI,qCAIR,YACI,qCACA,oBACA,gBAGJ,OACI,qCACA,oBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAGJ,cACI,sBACA,cACA,gBACI,eACA,0BAEJ,mBACI,eAEJ,oBACI,+BAMJ,eACI,eACA,oBACI,iBAEJ,wBACI,kBAMhB,sCACI,WACI,mBAGJ,qBACI,sBACA,oCACI,cACA,kBAIR,2CACI,sBAEJ,uDACI,cACA,kBAGJ,oCACI,mBAKI,wBACI,kBAUhB,sCACI,OACI,qCACA,gBAEJ,YACI,qCAEJ,8BACI,oBAIR,qCACI,OACI,qCAEJ,YACI,sCAIR,sCACI,iBACI,qCACA,8BACI,mBAIJ,eACI,eACA,oBACI,eAEJ,wBACI,kBAMhB,qCACI,WACI,kBAEJ,6BACI,mBAEJ,gBACI,qCACA,oBAIA,sBACI,aAEJ,oBACI,qBACA,yBAIR,cACI,WACA,8BACA,UACA,cACA,oBACI,4BACA,kBACA,kBAIZ,qCACI,WACI,kBAEJ,4BACI,qCAEJ,8BACI,qCAGJ,UACI,qCAGA,eACI,eACA,oBACI,eAEJ,wBACI","file":"index.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","components/_controls.scss","_mixins.scss","sections/_header.scss","components/_components.scss","sections/_about.scss","sections/_portfolio.scss","sections/_blog.scss","sections/_contact.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,UAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBACA,sCAPJ,kBAO2C,uBACvC,sCARJ,kBAQ2C,qBACvC,qCATJ,kBAS0C,sBAG1C,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEvDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAEF,qCAbF,mBAayC,oBAEzC,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCvBA,MDwBoB,KCvBpB,ODuBoB,KCtBpB,kBDuBA,qCACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,eACE,kBACA,0BACA,oBAEF,qCAhBF,aCrBE,MADsB,KAEtB,OAFsB,KAGtB,mBCXF,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDACA,sCARF,2BAQyC,cAEzC,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAEF,qCAfF,2BAgBI,UACA,oBAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DACA,qCAHF,yBAGyC,kBAEzC,wBACE,gBACA,iBAEF,sCAdF,sBAeI,WACA,UACA,mBACA,WAGJ,sCA3DF,gBA4DI,0BACA,oBACA,kBACA,uCC/DJ,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WACA,qCAVF,gCAUyC,kBAEzC,qCAlBF,eAkByC,gBCtD3C,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAKR,qCAxCF,oBAyCI,0BACA,qBAGJ,mBACE,mBACA,sCAFF,mBAGI,aACA,sBACA,uBACA,kBACA,mBACA,0CAEF,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BACA,sCAJF,qBAI0C,gBAE1C,sCApBF,mBAoB0C,iBAE1C,sCAvEF,cAuE0C,2BAG1C,kBACE,oBACA,8BH9CA,aACA,qCACA,cG8CE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAKR,qCAxBF,8BAwByC,2BAI3C,gBACE,oBACA,0BH5EA,aACA,qCACA,cG4EE,yCACE,kBACA,kBACA,0CACA,8CHjGJ,kBACA,MGkGM,WACA,wCACA,WACA,YACA,kBHvHN,aACA,mBAKA,uBGmHM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAEF,qCAtCF,0BAuCI,0BACA,qBAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH/IF,kBACA,MGgJE,SACA,UACA,WACA,qCACA,2BCnKF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBACA,YAEE,+CACE,iBACA,aACA,iBACA,mBACA,sCALF,+CAK0C,cACxC,sCANF,+CAM0C,cACxC,qCAPF,+CAOyC,cAG3C,2CACE,WACA,YJTN,kBACA,MAKA,OIKM,wCACA,mBJ5BN,aACA,mBAKA,uBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJvCN,aACA,mBAKA,uBImCQ,mDACE,sCACA,kBACA,WACA,YJ7CV,aACA,mBAKA,uBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBAGJ,sCA9DF,qBA8D0C,+BACxC,sCA/DF,qBAgEI,0BACA,qBCtEN,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,YACA,qCACA,kBACA,uCACA,6BACA,uBACE,iBACA,aACA,iBACA,0BACA,uBACA,6BACA,gDACA,sCARF,uBAQ0C,cACxC,qCATF,uBASyC,cAEzC,wBACE,kBACA,gBACA,4CACA,gBACA,sCALF,wBAK0C,mBACxC,qCANF,wBAMyC,iBACvC,2BACE,iBACA,qBACA,6BACE,6BACA,eACA,gEAEF,6BACE,0BACA,iBACA,oBAKN,yBACE,6BACA,2BACA,6BACE,oBACA,qBACA,uCAIN,sCAtDF,UAsD0C,+BACxC,sCAvDF,UAwDI,0BACA,qBCzDJ,iBACE,aACA,mBACA,sCAHF,iBAG0C,mBACxC,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNjBJ,aACA,mBMkBM,8BACA,kDACE,gBACA,sCAFF,kDAE0C,gBAE1C,uDACE,aACA,+BACA,sCAHF,uDAII,eACA,wCAEF,yDN/BR,aACA,mBMgCU,kBACA,sCAHF,yDAG0C,gCAG5C,sCApBF,gDAqBI,sBACA,eAIN,6BACE,aACA,gBACA,+BN9CJ,aACA,mBAKA,uBM0CM,yBACA,qCNvCN,MADsB,KAEtB,OAFsB,KAGtB,kBMuCM,oBACA,6BACA,qCACE,wCACA,2BACA,uCNxDR,aACA,mBAKA,uBMoDU,kBAIN,sCAnBF,6BAmB0C,wBAG5C,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WACA,4DACA,sCAJF,2CAI0C,uBAG5C,sCAvBF,uBAwBI,cACA,mBAGJ,sCA5FF,iBA4F0C","file":"index.min.css"} \ No newline at end of file diff --git a/stylesheets/index.scss b/stylesheets/index.scss index 2772c202..c10633e1 100644 --- a/stylesheets/index.scss +++ b/stylesheets/index.scss @@ -27,7 +27,7 @@ header { min-height: 100vh; color: var(--color-white); overflow: hidden; - padding: 0 !important; + padding: 0; } section.container { @@ -37,6 +37,9 @@ section.container { left: 0; top: 0; padding: 3rem 18rem; + @media screen and (max-width: 1600px){ padding: 2.75rem 12rem; } + @media screen and (max-width: 1200px){ padding: 2.5rem 6rem; } + @media screen and (max-width: 600px){ padding: 2.25rem 3rem; } } .container { @@ -56,11 +59,10 @@ section.container { } } -@import './controls'; -@import './header'; -@import './components'; -@import './about'; -@import './portfolio'; -@import './blog'; -@import './contact'; -@import './media'; \ No newline at end of file +@import './components/controls'; +@import './sections/header'; +@import './components/components'; +@import './sections/about'; +@import './sections/portfolio'; +@import './sections/blog'; +@import './sections/contact'; \ No newline at end of file diff --git a/stylesheets/_about.scss b/stylesheets/sections/_about.scss similarity index 82% rename from stylesheets/_about.scss rename to stylesheets/sections/_about.scss index 4c52ef47..0d68a60f 100644 --- a/stylesheets/_about.scss +++ b/stylesheets/sections/_about.scss @@ -1,4 +1,4 @@ -@import './mixins'; +@import '../mixins'; #about-header { @include grid-columns(2); @@ -44,9 +44,21 @@ } } } + @media screen and (max-width: 600px) { + grid-template-columns: 1fr; + padding-bottom: 6rem; + } } &-left { padding-right: 5rem; + @media screen and (max-width: 1200px) { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + align-items: center; + .cv { align-self: center; } + } h4 { font-size: 2rem; text-transform: uppercase; @@ -55,8 +67,11 @@ line-height: 2rem; padding: 1rem; color: var(--color-grey-1); + @media screen and (max-width: 1200px) { padding-left: 0; } } + @media screen and (max-width: 1200px) { padding-right: 0; } } + @media screen and (max-width: 1200px) { grid-template-columns: 1fr; } } #about-statistics { @@ -85,6 +100,7 @@ } } } + @media screen and (max-width: 600px) { grid-template-columns: 1fr; } } } @@ -128,6 +144,10 @@ } &-content { color: var(--color-grey-2); } } + @media screen and (max-width: 600px) { + grid-template-columns: 1fr; + padding-bottom: 6rem; + } } } diff --git a/stylesheets/sections/_blog.scss b/stylesheets/sections/_blog.scss new file mode 100644 index 00000000..b9076a2a --- /dev/null +++ b/stylesheets/sections/_blog.scss @@ -0,0 +1,62 @@ +@import '../mixins'; + +#articles { + @include grid-columns(3); + margin-top: 3rem; + .article { + position: relative; + margin: auto; + background-color: var(--color-grey-5); + border-radius: 5px; + box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1); + transition: var(--transition); + img { + aspect-ratio: 7/4; + height: 200px; + object-fit: cover; + border-radius: 5px 5px 0 0; + filter: grayscale(100%); + transition: var(--transition); + transition-property: filter, transform, box-shadow; + @media screen and (max-width: 1200px) { height: 250px; } + @media screen and (max-width: 600px) { height: 200px; } + } + &-text { + margin-top: -7.5px; + padding: 1.25rem; + border-top: 8px solid var(--color-secondary); + max-width: 350px; + @media screen and (max-width: 1200px) { max-width: calc(250px * 7 / 4); } + @media screen and (max-width: 600px) { max-width: 350px; } + h4 { + font-size: 1.5rem; + margin-bottom: .75rem; + a { + transition: var(--transition); + cursor: pointer; + &:hover { color: var(--color-secondary); } + } + p { + color: var(--color-grey-2); + line-height: 2rem; + padding-bottom: 1rem; + } + + } + } + &:hover { + box-shadow: var(--box-shadow); + transform: translateY(-5px); + img { + filter: grayscale(0); + transform: scale(1.1); + box-shadow: 1px 4px 20px rgba(0, 0, 0, 0.5);; + } + } + } + @media screen and (max-width: 1600px) { grid-template-columns: 1fr 1fr; } + @media screen and (max-width: 1200px) { + grid-template-columns: 1fr; + padding-bottom: 6rem; + } +} \ No newline at end of file diff --git a/stylesheets/_contact.scss b/stylesheets/sections/_contact.scss similarity index 63% rename from stylesheets/_contact.scss rename to stylesheets/sections/_contact.scss index 46a22db9..e6ad8e82 100644 --- a/stylesheets/_contact.scss +++ b/stylesheets/sections/_contact.scss @@ -1,8 +1,9 @@ -@import './mixins'; +@import '../mixins'; #contact-content { display: flex; padding-top: 3.5rem; + @media screen and (max-width: 1200px) { text-align: center; } &-left { flex: 2; h4 { @@ -18,15 +19,27 @@ .contact-item { @include flex-center-vertical; justify-content: space-between; - > p { margin: 0.25rem 0; } + > p { + margin: 0.25rem 0; + @media screen and (max-width: 1200px) { font-size: 15px; } + } &-icon p { display: grid; grid-template-columns: 40px 1fr; + @media screen and (max-width: 1200px) { + font-size: 15px; + color: var(--color-grey-variation-grey); + } i { @include flex-center-vertical; font-size: 1.25rem; + @media screen and (max-width: 1200px) { grid-template-columns: 25px 1fr; } } } + @media screen and (max-width: 1200px) { + flex-direction: column; + margin: 1rem 0; + } } } &-social { @@ -48,6 +61,7 @@ } } } + @media screen and (max-width: 1200px) { justify-content: center; } } } &-right { @@ -69,7 +83,14 @@ &-flex { display: flex; gap: 1.5rem; + label { width: 100%;} + @media screen and (max-width: 1200px) { flex-direction: column; } } } + @media screen and (max-width: 1200px) { + margin-left: 0; + margin-top: 2.5rem; + } } + @media screen and (max-width: 1600px) { flex-direction: column; } } \ No newline at end of file diff --git a/stylesheets/_header.scss b/stylesheets/sections/_header.scss similarity index 66% rename from stylesheets/_header.scss rename to stylesheets/sections/_header.scss index 337c60e5..cf79e68d 100644 --- a/stylesheets/_header.scss +++ b/stylesheets/sections/_header.scss @@ -1,4 +1,4 @@ -@import './mixins'; +@import '../mixins'; #header-content { width: 100%; @@ -15,6 +15,7 @@ @include absolute-top-left; z-index: -5; clip-path: polygon(0 0, 45% 0, 80% 100%, 0% 100%); + @media screen and (max-width: 1200px){ display: none; } } &-image { border-radius: 15px; @@ -31,6 +32,10 @@ filter: grayscale(100%); &:hover { filter: grayscale(0%); } } + @media screen and (max-width: 600px) { + width: 90%; + margin-inline: auto; + } } } &-right { @@ -41,10 +46,23 @@ h1 { font-size: 2rem; span { color: var(--color-secondary); } + @media screen and (max-width: 600px) { font-size: 2.5rem;} } p { margin: 1.5rem 0; line-height: 2rem; } + @media screen and (max-width: 1200px) { + grid-row: 1; + width: 90%; + margin: 2.5rem auto; + padding : 0; + } + } + @media screen and (max-width: 1200px){ + grid-template-columns: 1fr; + padding-bottom: 6rem; + text-align: center; + .cv { align-self: center;} } } \ No newline at end of file diff --git a/stylesheets/_portfolio.scss b/stylesheets/sections/_portfolio.scss similarity index 77% rename from stylesheets/_portfolio.scss rename to stylesheets/sections/_portfolio.scss index c4c243f4..1bcdc109 100644 --- a/stylesheets/_portfolio.scss +++ b/stylesheets/sections/_portfolio.scss @@ -1,4 +1,4 @@ -@import './mixins'; +@import '../mixins'; #portfolio { &-subtitle { @@ -10,12 +10,16 @@ margin-top: 3rem; .portfolio-item { position: relative; + margin: auto; &-image { img { - width: 100%; + aspect-ratio: 6/4; height: 250px; object-fit: cover; border-radius: 15px; + @media screen and (max-width: 1600px) { height: 275px; } + @media screen and (max-width: 1200px) { height: 300px; } + @media screen and (max-width: 600px) { height: 225px; } } } &-hover { @@ -63,5 +67,10 @@ transform: scale(1); } } + @media screen and (max-width: 1600px) { grid-template-columns: 1fr 1fr; } + @media screen and (max-width: 1200px) { + grid-template-columns: 1fr; + padding-bottom: 6rem; + } } } From abd10afc5d17f5b0ba0366b3b7457b4d76064c01 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 20 May 2022 14:32:37 -0500 Subject: [PATCH 23/27] Correction: Margin and header display. --- stylesheets/index.min.css | 2 +- stylesheets/index.min.css.map | 2 +- stylesheets/index.scss | 6 +++--- stylesheets/sections/_header.scss | 7 ++++--- 4 files changed, 9 insertions(+), 8 deletions(-) diff --git a/stylesheets/index.min.css b/stylesheets/index.min.css index 393f095e..15f4eccc 100644 --- a/stylesheets/index.min.css +++ b/stylesheets/index.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}@media screen and (max-width: 1600px){section.container{padding:2.75rem 12rem}}@media screen and (max-width: 1200px){section.container{padding:2.5rem 6rem}}@media screen and (max-width: 600px){section.container{padding:2.25rem 3rem}}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#controls .control{margin:1rem .25rem}}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#switch-mode{width:50px;height:50px;border-radius:50%}}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}@media screen and (max-width: 1200px){#header-content-left-shape{display:none}}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}@media screen and (max-width: 600px){#header-content-left-image{width:90%;margin-inline:auto}}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}@media screen and (max-width: 600px){#header-content-right h1{font-size:2.5rem}}#header-content-right p{margin:1.5rem 0;line-height:2rem}@media screen and (max-width: 1200px){#header-content-right{grid-row:1;width:90%;margin:2.5rem auto;padding:0}}@media screen and (max-width: 1200px){#header-content{grid-template-columns:1fr;padding-bottom:6rem;text-align:center}#header-content .cv{align-self:center}}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}@media screen and (max-width: 600px){.main-title h2 .background-text{font-size:2.5rem}}@media screen and (max-width: 600px){.main-title h2{font-size:2rem}}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}@media screen and (max-width: 600px){#about-header-right{grid-template-columns:1fr;padding-bottom:6rem}}#about-header-left{padding-right:5rem}@media screen and (max-width: 1200px){#about-header-left{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}#about-header-left .cv{align-self:center}}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}@media screen and (max-width: 1200px){#about-header-left p{padding-left:0}}@media screen and (max-width: 1200px){#about-header-left{padding-right:0}}@media screen and (max-width: 1200px){#about-header{grid-template-columns:1fr}}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}@media screen and (max-width: 600px){#about-statistics #statistics{grid-template-columns:1fr}}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}@media screen and (max-width: 600px){#about-timeline #timeline{grid-template-columns:1fr;padding-bottom:6rem}}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative;margin:auto}#portfolio-container .portfolio-item-image img{aspect-ratio:6/4;height:250px;object-fit:cover;border-radius:15px}@media screen and (max-width: 1600px){#portfolio-container .portfolio-item-image img{height:275px}}@media screen and (max-width: 1200px){#portfolio-container .portfolio-item-image img{height:300px}}@media screen and (max-width: 600px){#portfolio-container .portfolio-item-image img{height:225px}}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}@media screen and (max-width: 1600px){#portfolio-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#portfolio-container{grid-template-columns:1fr;padding-bottom:6rem}}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;margin:auto;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{aspect-ratio:7/4;height:200px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition);transition-property:filter,transform,box-shadow}@media screen and (max-width: 1200px){#articles .article img{height:250px}}@media screen and (max-width: 600px){#articles .article img{height:200px}}#articles .article-text{margin-top:-7.5px;padding:1.25rem;border-top:8px solid var(--color-secondary);max-width:350px}@media screen and (max-width: 1200px){#articles .article-text{max-width:437.5px}}@media screen and (max-width: 600px){#articles .article-text{max-width:350px}}#articles .article-text h4{font-size:1.5rem;margin-bottom:.75rem}#articles .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article-text h4 a:hover{color:var(--color-secondary)}#articles .article-text h4 p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.5)}@media screen and (max-width: 1600px){#articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#articles{grid-template-columns:1fr;padding-bottom:6rem}}#contact-content{display:flex;padding-top:3.5rem}@media screen and (max-width: 1200px){#contact-content{text-align:center}}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item>p{font-size:15px}}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p{font-size:15px;color:var(--color-grey-variation-grey)}}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p i{grid-template-columns:25px 1fr}}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item{flex-direction:column;margin:1rem 0}}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-social{justify-content:center}}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}#contact-content-right .input-control-flex label{width:100%}@media screen and (max-width: 1200px){#contact-content-right .input-control-flex{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content-right{margin-left:0;margin-top:2.5rem}}@media screen and (max-width: 1600px){#contact-content{flex-direction:column}}/*# sourceMappingURL=index.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}@media screen and (max-width: 1600px){section.container{padding:2.75rem 6rem}}@media screen and (max-width: 1200px){section.container{padding:2.5rem 3rem}}@media screen and (max-width: 600px){section.container{padding:2.25rem 1.5rem}}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#controls .control{margin:1rem .25rem}}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#switch-mode{width:50px;height:50px;border-radius:50%}}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}@media screen and (max-width: 1200px){#header-content-left-shape{display:none}}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}@media screen and (max-width: 600px){#header-content-left-image{width:90%;margin-inline:auto}}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}@media screen and (max-width: 600px){#header-content-right h1{font-size:2.5rem}}#header-content-right p{margin:1.5rem 0;line-height:2rem}@media screen and (max-width: 1200px){#header-content-right{width:90%;margin:2.5rem auto;padding:0}}@media screen and (max-width: 1200px){#header-content{text-align:center;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}#header-content .cv{align-self:center}}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}@media screen and (max-width: 600px){.main-title h2 .background-text{font-size:2.5rem}}@media screen and (max-width: 600px){.main-title h2{font-size:2rem}}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}@media screen and (max-width: 600px){#about-header-right{grid-template-columns:1fr;padding-bottom:6rem}}#about-header-left{padding-right:5rem}@media screen and (max-width: 1200px){#about-header-left{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}#about-header-left .cv{align-self:center}}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}@media screen and (max-width: 1200px){#about-header-left p{padding-left:0}}@media screen and (max-width: 1200px){#about-header-left{padding-right:0}}@media screen and (max-width: 1200px){#about-header{grid-template-columns:1fr}}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}@media screen and (max-width: 600px){#about-statistics #statistics{grid-template-columns:1fr}}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}@media screen and (max-width: 600px){#about-timeline #timeline{grid-template-columns:1fr;padding-bottom:6rem}}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative;margin:auto}#portfolio-container .portfolio-item-image img{aspect-ratio:6/4;height:250px;object-fit:cover;border-radius:15px}@media screen and (max-width: 1600px){#portfolio-container .portfolio-item-image img{height:275px}}@media screen and (max-width: 1200px){#portfolio-container .portfolio-item-image img{height:300px}}@media screen and (max-width: 600px){#portfolio-container .portfolio-item-image img{height:225px}}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}@media screen and (max-width: 1600px){#portfolio-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#portfolio-container{grid-template-columns:1fr;padding-bottom:6rem}}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;margin:auto;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{aspect-ratio:7/4;height:200px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition);transition-property:filter,transform,box-shadow}@media screen and (max-width: 1200px){#articles .article img{height:250px}}@media screen and (max-width: 600px){#articles .article img{height:200px}}#articles .article-text{margin-top:-7.5px;padding:1.25rem;border-top:8px solid var(--color-secondary);max-width:350px}@media screen and (max-width: 1200px){#articles .article-text{max-width:437.5px}}@media screen and (max-width: 600px){#articles .article-text{max-width:350px}}#articles .article-text h4{font-size:1.5rem;margin-bottom:.75rem}#articles .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article-text h4 a:hover{color:var(--color-secondary)}#articles .article-text h4 p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.5)}@media screen and (max-width: 1600px){#articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#articles{grid-template-columns:1fr;padding-bottom:6rem}}#contact-content{display:flex;padding-top:3.5rem}@media screen and (max-width: 1200px){#contact-content{text-align:center}}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item>p{font-size:15px}}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p{font-size:15px;color:var(--color-grey-variation-grey)}}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p i{grid-template-columns:25px 1fr}}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item{flex-direction:column;margin:1rem 0}}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-social{justify-content:center}}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}#contact-content-right .input-control-flex label{width:100%}@media screen and (max-width: 1200px){#contact-content-right .input-control-flex{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content-right{margin-left:0;margin-top:2.5rem}}@media screen and (max-width: 1600px){#contact-content{flex-direction:column}}/*# sourceMappingURL=index.min.css.map */ diff --git a/stylesheets/index.min.css.map b/stylesheets/index.min.css.map index 5ced6c99..5394b7fe 100644 --- a/stylesheets/index.min.css.map +++ b/stylesheets/index.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","components/_controls.scss","_mixins.scss","sections/_header.scss","components/_components.scss","sections/_about.scss","sections/_portfolio.scss","sections/_blog.scss","sections/_contact.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,UAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBACA,sCAPJ,kBAO2C,uBACvC,sCARJ,kBAQ2C,qBACvC,qCATJ,kBAS0C,sBAG1C,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEvDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAEF,qCAbF,mBAayC,oBAEzC,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCvBA,MDwBoB,KCvBpB,ODuBoB,KCtBpB,kBDuBA,qCACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,eACE,kBACA,0BACA,oBAEF,qCAhBF,aCrBE,MADsB,KAEtB,OAFsB,KAGtB,mBCXF,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDACA,sCARF,2BAQyC,cAEzC,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAEF,qCAfF,2BAgBI,UACA,oBAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DACA,qCAHF,yBAGyC,kBAEzC,wBACE,gBACA,iBAEF,sCAdF,sBAeI,WACA,UACA,mBACA,WAGJ,sCA3DF,gBA4DI,0BACA,oBACA,kBACA,uCC/DJ,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WACA,qCAVF,gCAUyC,kBAEzC,qCAlBF,eAkByC,gBCtD3C,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAKR,qCAxCF,oBAyCI,0BACA,qBAGJ,mBACE,mBACA,sCAFF,mBAGI,aACA,sBACA,uBACA,kBACA,mBACA,0CAEF,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BACA,sCAJF,qBAI0C,gBAE1C,sCApBF,mBAoB0C,iBAE1C,sCAvEF,cAuE0C,2BAG1C,kBACE,oBACA,8BH9CA,aACA,qCACA,cG8CE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAKR,qCAxBF,8BAwByC,2BAI3C,gBACE,oBACA,0BH5EA,aACA,qCACA,cG4EE,yCACE,kBACA,kBACA,0CACA,8CHjGJ,kBACA,MGkGM,WACA,wCACA,WACA,YACA,kBHvHN,aACA,mBAKA,uBGmHM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAEF,qCAtCF,0BAuCI,0BACA,qBAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH/IF,kBACA,MGgJE,SACA,UACA,WACA,qCACA,2BCnKF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBACA,YAEE,+CACE,iBACA,aACA,iBACA,mBACA,sCALF,+CAK0C,cACxC,sCANF,+CAM0C,cACxC,qCAPF,+CAOyC,cAG3C,2CACE,WACA,YJTN,kBACA,MAKA,OIKM,wCACA,mBJ5BN,aACA,mBAKA,uBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJvCN,aACA,mBAKA,uBImCQ,mDACE,sCACA,kBACA,WACA,YJ7CV,aACA,mBAKA,uBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBAGJ,sCA9DF,qBA8D0C,+BACxC,sCA/DF,qBAgEI,0BACA,qBCtEN,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,YACA,qCACA,kBACA,uCACA,6BACA,uBACE,iBACA,aACA,iBACA,0BACA,uBACA,6BACA,gDACA,sCARF,uBAQ0C,cACxC,qCATF,uBASyC,cAEzC,wBACE,kBACA,gBACA,4CACA,gBACA,sCALF,wBAK0C,mBACxC,qCANF,wBAMyC,iBACvC,2BACE,iBACA,qBACA,6BACE,6BACA,eACA,gEAEF,6BACE,0BACA,iBACA,oBAKN,yBACE,6BACA,2BACA,6BACE,oBACA,qBACA,uCAIN,sCAtDF,UAsD0C,+BACxC,sCAvDF,UAwDI,0BACA,qBCzDJ,iBACE,aACA,mBACA,sCAHF,iBAG0C,mBACxC,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNjBJ,aACA,mBMkBM,8BACA,kDACE,gBACA,sCAFF,kDAE0C,gBAE1C,uDACE,aACA,+BACA,sCAHF,uDAII,eACA,wCAEF,yDN/BR,aACA,mBMgCU,kBACA,sCAHF,yDAG0C,gCAG5C,sCApBF,gDAqBI,sBACA,eAIN,6BACE,aACA,gBACA,+BN9CJ,aACA,mBAKA,uBM0CM,yBACA,qCNvCN,MADsB,KAEtB,OAFsB,KAGtB,kBMuCM,oBACA,6BACA,qCACE,wCACA,2BACA,uCNxDR,aACA,mBAKA,uBMoDU,kBAIN,sCAnBF,6BAmB0C,wBAG5C,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WACA,4DACA,sCAJF,2CAI0C,uBAG5C,sCAvBF,uBAwBI,cACA,mBAGJ,sCA5FF,iBA4F0C","file":"index.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","components/_controls.scss","_mixins.scss","sections/_header.scss","components/_components.scss","sections/_about.scss","sections/_portfolio.scss","sections/_blog.scss","sections/_contact.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,UAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBACA,sCAPJ,kBAO4C,sBACxC,sCARJ,kBAQ4C,qBACxC,qCATJ,kBAS2C,wBAG3C,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEvDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAEF,qCAbF,mBAayC,oBAEzC,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCvBA,MDwBoB,KCvBpB,ODuBoB,KCtBpB,kBDuBA,qCACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,eACE,kBACA,0BACA,oBAEF,qCAhBF,aCrBE,MADsB,KAEtB,OAFsB,KAGtB,mBCXF,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDACA,sCARF,2BAQyC,cAEzC,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAEF,qCAfF,2BAgBI,UACA,oBAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DACA,qCAHF,yBAGyC,kBAEzC,wBACE,gBACA,iBAEF,sCAdF,sBAeI,UACA,mBACA,WAGJ,sCA1DF,gBA2DI,kBACA,aACA,8BACA,uBACA,mBACA,uCChEJ,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WACA,qCAVF,gCAUyC,kBAEzC,qCAlBF,eAkByC,gBCtD3C,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAKR,qCAxCF,oBAyCI,0BACA,qBAGJ,mBACE,mBACA,sCAFF,mBAGI,aACA,sBACA,uBACA,kBACA,mBACA,0CAEF,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BACA,sCAJF,qBAI0C,gBAE1C,sCApBF,mBAoB0C,iBAE1C,sCAvEF,cAuE0C,2BAG1C,kBACE,oBACA,8BH9CA,aACA,qCACA,cG8CE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAKR,qCAxBF,8BAwByC,2BAI3C,gBACE,oBACA,0BH5EA,aACA,qCACA,cG4EE,yCACE,kBACA,kBACA,0CACA,8CHjGJ,kBACA,MGkGM,WACA,wCACA,WACA,YACA,kBHvHN,aACA,mBAKA,uBGmHM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAEF,qCAtCF,0BAuCI,0BACA,qBAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH/IF,kBACA,MGgJE,SACA,UACA,WACA,qCACA,2BCnKF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBACA,YAEE,+CACE,iBACA,aACA,iBACA,mBACA,sCALF,+CAK0C,cACxC,sCANF,+CAM0C,cACxC,qCAPF,+CAOyC,cAG3C,2CACE,WACA,YJTN,kBACA,MAKA,OIKM,wCACA,mBJ5BN,aACA,mBAKA,uBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJvCN,aACA,mBAKA,uBImCQ,mDACE,sCACA,kBACA,WACA,YJ7CV,aACA,mBAKA,uBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBAGJ,sCA9DF,qBA8D0C,+BACxC,sCA/DF,qBAgEI,0BACA,qBCtEN,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,YACA,qCACA,kBACA,uCACA,6BACA,uBACE,iBACA,aACA,iBACA,0BACA,uBACA,6BACA,gDACA,sCARF,uBAQ0C,cACxC,qCATF,uBASyC,cAEzC,wBACE,kBACA,gBACA,4CACA,gBACA,sCALF,wBAK0C,mBACxC,qCANF,wBAMyC,iBACvC,2BACE,iBACA,qBACA,6BACE,6BACA,eACA,gEAEF,6BACE,0BACA,iBACA,oBAKN,yBACE,6BACA,2BACA,6BACE,oBACA,qBACA,uCAIN,sCAtDF,UAsD0C,+BACxC,sCAvDF,UAwDI,0BACA,qBCzDJ,iBACE,aACA,mBACA,sCAHF,iBAG0C,mBACxC,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNjBJ,aACA,mBMkBM,8BACA,kDACE,gBACA,sCAFF,kDAE0C,gBAE1C,uDACE,aACA,+BACA,sCAHF,uDAII,eACA,wCAEF,yDN/BR,aACA,mBMgCU,kBACA,sCAHF,yDAG0C,gCAG5C,sCApBF,gDAqBI,sBACA,eAIN,6BACE,aACA,gBACA,+BN9CJ,aACA,mBAKA,uBM0CM,yBACA,qCNvCN,MADsB,KAEtB,OAFsB,KAGtB,kBMuCM,oBACA,6BACA,qCACE,wCACA,2BACA,uCNxDR,aACA,mBAKA,uBMoDU,kBAIN,sCAnBF,6BAmB0C,wBAG5C,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WACA,4DACA,sCAJF,2CAI0C,uBAG5C,sCAvBF,uBAwBI,cACA,mBAGJ,sCA5FF,iBA4F0C","file":"index.min.css"} \ No newline at end of file diff --git a/stylesheets/index.scss b/stylesheets/index.scss index c10633e1..7c8d4e0e 100644 --- a/stylesheets/index.scss +++ b/stylesheets/index.scss @@ -37,9 +37,9 @@ section.container { left: 0; top: 0; padding: 3rem 18rem; - @media screen and (max-width: 1600px){ padding: 2.75rem 12rem; } - @media screen and (max-width: 1200px){ padding: 2.5rem 6rem; } - @media screen and (max-width: 600px){ padding: 2.25rem 3rem; } + @media screen and (max-width: 1600px) { padding: 2.75rem 6rem; } + @media screen and (max-width: 1200px) { padding: 2.5rem 3rem; } + @media screen and (max-width: 600px) { padding: 2.25rem 1.5rem; } } .container { diff --git a/stylesheets/sections/_header.scss b/stylesheets/sections/_header.scss index cf79e68d..981cabca 100644 --- a/stylesheets/sections/_header.scss +++ b/stylesheets/sections/_header.scss @@ -53,16 +53,17 @@ line-height: 2rem; } @media screen and (max-width: 1200px) { - grid-row: 1; width: 90%; margin: 2.5rem auto; padding : 0; } } @media screen and (max-width: 1200px){ - grid-template-columns: 1fr; - padding-bottom: 6rem; text-align: center; + display: flex; + flex-direction: column-reverse; + justify-content: center; + align-items: center; .cv { align-self: center;} } } \ No newline at end of file From a0756cd64c19c68cd73eea8d766431f2afeec851 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 20 May 2022 14:48:30 -0500 Subject: [PATCH 24/27] Update: README.md --- README.md | 20 ++++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index d0224c27..83e79857 100644 --- a/README.md +++ b/README.md @@ -8,13 +8,25 @@ In this course, you will learn how to build a portfolio website using JavaScript ✏️ MacLinz developed this course course. Check out his [channel](https://www.youtube.com/c/MacLinzUniversalChannel). ## ⚠️ Important notice -The current version of this repository can contain code which differs from the original code shown in the video. The code has been improved by [Dyrits](https://github.com/Dyrits), adding semantic elements, and a more optimized JavaScript script, but the visual rendering of the portfolio remains the same. - -

❗ The new version is not yet responsive. Please, refer to the original version if you want your portfolio to be responsive.

+The current version of this repository can contain code which differs from the original code shown in the video. The code has been improved or customized by [Dyrits](https://github.com/Dyrits), adding semantic elements, and a more optimized JavaScript script, but the visual rendering of the portfolio remains globally the same. The original code is available [here](https://github.com/Maclinz/JS_CSS_PortfolioProject/tree/1f1c0205c0b3a8caa623c96402775974f39ab5cb). +### Main differences from the original +- Multiple scripts have been added to the code, including data objects that can be filled in order to automatically generate some elements. +- The stylesheets have been divided in multiple partial files, each one containing a specific style for a specific section. +- A lot of identifiers and class names have been modified. +- The tiles in the portfolio and blog section have been modified, in order to have a fixed size. +- The breakpoints for the media queries have been modified. +- The sections are displayed differently with different titles, and are all centered on smaller screens. + ## Changelog -### Last update [06/05/2022] +### Last updates [06/05/2022-20/05/2022] +The portfolio is now responsive. +It is now possible to add new articles for the blog section in the dedicated object in the `data/articles.js`, generating automatically the tiles. +It is now possible to add new projects for the portfolio section in the dedicated object in the `data/projects.js`, generating automatically the tiles. +It is now possible to add new skills for the about section in the dedicated object in the `data/skills.js`, generating automatically the progression bars. + +### Update [06/05/2022] It is now possible to add new skills in the dedicated object in the `stastistics.js`, generating automatically new progression bars. The label of the progression bars has been replaced by an icon. \ No newline at end of file From aed416bed7715d4bab38a29d03048c8dfeb200f6 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 20 May 2022 14:56:13 -0500 Subject: [PATCH 25/27] Download link centered. --- stylesheets/index.min.css | 2 +- stylesheets/index.min.css.map | 2 +- stylesheets/sections/_contact.scss | 6 ++++++ 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/stylesheets/index.min.css b/stylesheets/index.min.css index 15f4eccc..f06b2b3a 100644 --- a/stylesheets/index.min.css +++ b/stylesheets/index.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}@media screen and (max-width: 1600px){section.container{padding:2.75rem 6rem}}@media screen and (max-width: 1200px){section.container{padding:2.5rem 3rem}}@media screen and (max-width: 600px){section.container{padding:2.25rem 1.5rem}}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#controls .control{margin:1rem .25rem}}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#switch-mode{width:50px;height:50px;border-radius:50%}}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}@media screen and (max-width: 1200px){#header-content-left-shape{display:none}}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}@media screen and (max-width: 600px){#header-content-left-image{width:90%;margin-inline:auto}}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}@media screen and (max-width: 600px){#header-content-right h1{font-size:2.5rem}}#header-content-right p{margin:1.5rem 0;line-height:2rem}@media screen and (max-width: 1200px){#header-content-right{width:90%;margin:2.5rem auto;padding:0}}@media screen and (max-width: 1200px){#header-content{text-align:center;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}#header-content .cv{align-self:center}}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}@media screen and (max-width: 600px){.main-title h2 .background-text{font-size:2.5rem}}@media screen and (max-width: 600px){.main-title h2{font-size:2rem}}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}@media screen and (max-width: 600px){#about-header-right{grid-template-columns:1fr;padding-bottom:6rem}}#about-header-left{padding-right:5rem}@media screen and (max-width: 1200px){#about-header-left{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}#about-header-left .cv{align-self:center}}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}@media screen and (max-width: 1200px){#about-header-left p{padding-left:0}}@media screen and (max-width: 1200px){#about-header-left{padding-right:0}}@media screen and (max-width: 1200px){#about-header{grid-template-columns:1fr}}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}@media screen and (max-width: 600px){#about-statistics #statistics{grid-template-columns:1fr}}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}@media screen and (max-width: 600px){#about-timeline #timeline{grid-template-columns:1fr;padding-bottom:6rem}}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative;margin:auto}#portfolio-container .portfolio-item-image img{aspect-ratio:6/4;height:250px;object-fit:cover;border-radius:15px}@media screen and (max-width: 1600px){#portfolio-container .portfolio-item-image img{height:275px}}@media screen and (max-width: 1200px){#portfolio-container .portfolio-item-image img{height:300px}}@media screen and (max-width: 600px){#portfolio-container .portfolio-item-image img{height:225px}}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}@media screen and (max-width: 1600px){#portfolio-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#portfolio-container{grid-template-columns:1fr;padding-bottom:6rem}}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;margin:auto;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{aspect-ratio:7/4;height:200px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition);transition-property:filter,transform,box-shadow}@media screen and (max-width: 1200px){#articles .article img{height:250px}}@media screen and (max-width: 600px){#articles .article img{height:200px}}#articles .article-text{margin-top:-7.5px;padding:1.25rem;border-top:8px solid var(--color-secondary);max-width:350px}@media screen and (max-width: 1200px){#articles .article-text{max-width:437.5px}}@media screen and (max-width: 600px){#articles .article-text{max-width:350px}}#articles .article-text h4{font-size:1.5rem;margin-bottom:.75rem}#articles .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article-text h4 a:hover{color:var(--color-secondary)}#articles .article-text h4 p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.5)}@media screen and (max-width: 1600px){#articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#articles{grid-template-columns:1fr;padding-bottom:6rem}}#contact-content{display:flex;padding-top:3.5rem}@media screen and (max-width: 1200px){#contact-content{text-align:center}}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item>p{font-size:15px}}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p{font-size:15px;color:var(--color-grey-variation-grey)}}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p i{grid-template-columns:25px 1fr}}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item{flex-direction:column;margin:1rem 0}}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-social{justify-content:center}}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}#contact-content-right .input-control-flex label{width:100%}@media screen and (max-width: 1200px){#contact-content-right .input-control-flex{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content-right{margin-left:0;margin-top:2.5rem}}@media screen and (max-width: 1600px){#contact-content{flex-direction:column}}/*# sourceMappingURL=index.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}@media screen and (max-width: 1600px){section.container{padding:2.75rem 6rem}}@media screen and (max-width: 1200px){section.container{padding:2.5rem 3rem}}@media screen and (max-width: 600px){section.container{padding:2.25rem 1.5rem}}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#controls .control{margin:1rem .25rem}}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#switch-mode{width:50px;height:50px;border-radius:50%}}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}@media screen and (max-width: 1200px){#header-content-left-shape{display:none}}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}@media screen and (max-width: 600px){#header-content-left-image{width:90%;margin-inline:auto}}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}@media screen and (max-width: 600px){#header-content-right h1{font-size:2.5rem}}#header-content-right p{margin:1.5rem 0;line-height:2rem}@media screen and (max-width: 1200px){#header-content-right{width:90%;margin:2.5rem auto;padding:0}}@media screen and (max-width: 1200px){#header-content{text-align:center;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}#header-content .cv{align-self:center}}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}@media screen and (max-width: 600px){.main-title h2 .background-text{font-size:2.5rem}}@media screen and (max-width: 600px){.main-title h2{font-size:2rem}}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}@media screen and (max-width: 600px){#about-header-right{grid-template-columns:1fr;padding-bottom:6rem}}#about-header-left{padding-right:5rem}@media screen and (max-width: 1200px){#about-header-left{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}#about-header-left .cv{align-self:center}}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}@media screen and (max-width: 1200px){#about-header-left p{padding-left:0}}@media screen and (max-width: 1200px){#about-header-left{padding-right:0}}@media screen and (max-width: 1200px){#about-header{grid-template-columns:1fr}}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}@media screen and (max-width: 600px){#about-statistics #statistics{grid-template-columns:1fr}}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}@media screen and (max-width: 600px){#about-timeline #timeline{grid-template-columns:1fr;padding-bottom:6rem}}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative;margin:auto}#portfolio-container .portfolio-item-image img{aspect-ratio:6/4;height:250px;object-fit:cover;border-radius:15px}@media screen and (max-width: 1600px){#portfolio-container .portfolio-item-image img{height:275px}}@media screen and (max-width: 1200px){#portfolio-container .portfolio-item-image img{height:300px}}@media screen and (max-width: 600px){#portfolio-container .portfolio-item-image img{height:225px}}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}@media screen and (max-width: 1600px){#portfolio-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#portfolio-container{grid-template-columns:1fr;padding-bottom:6rem}}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;margin:auto;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{aspect-ratio:7/4;height:200px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition);transition-property:filter,transform,box-shadow}@media screen and (max-width: 1200px){#articles .article img{height:250px}}@media screen and (max-width: 600px){#articles .article img{height:200px}}#articles .article-text{margin-top:-7.5px;padding:1.25rem;border-top:8px solid var(--color-secondary);max-width:350px}@media screen and (max-width: 1200px){#articles .article-text{max-width:437.5px}}@media screen and (max-width: 600px){#articles .article-text{max-width:350px}}#articles .article-text h4{font-size:1.5rem;margin-bottom:.75rem}#articles .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article-text h4 a:hover{color:var(--color-secondary)}#articles .article-text h4 p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.5)}@media screen and (max-width: 1600px){#articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#articles{grid-template-columns:1fr;padding-bottom:6rem}}#contact-content{display:flex;padding-top:3.5rem}@media screen and (max-width: 1200px){#contact-content{text-align:center}}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item>p{font-size:15px}}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p{font-size:15px;color:var(--color-grey-variation-grey)}}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p i{grid-template-columns:25px 1fr}}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item{flex-direction:column;margin:1rem 0}}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-social{justify-content:center}}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}#contact-content-right .input-control-flex label{width:100%}@media screen and (max-width: 1200px){#contact-content-right .input-control-flex{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content-right{margin-left:0;margin-top:2.5rem}}@media screen and (max-width: 1600px){#contact-content{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content .cv{width:100%}#contact-content .cv-link{margin-inline:auto}}/*# sourceMappingURL=index.min.css.map */ diff --git a/stylesheets/index.min.css.map b/stylesheets/index.min.css.map index 5394b7fe..a0f6d6d7 100644 --- a/stylesheets/index.min.css.map +++ b/stylesheets/index.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","components/_controls.scss","_mixins.scss","sections/_header.scss","components/_components.scss","sections/_about.scss","sections/_portfolio.scss","sections/_blog.scss","sections/_contact.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,UAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBACA,sCAPJ,kBAO4C,sBACxC,sCARJ,kBAQ4C,qBACxC,qCATJ,kBAS2C,wBAG3C,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEvDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAEF,qCAbF,mBAayC,oBAEzC,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCvBA,MDwBoB,KCvBpB,ODuBoB,KCtBpB,kBDuBA,qCACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,eACE,kBACA,0BACA,oBAEF,qCAhBF,aCrBE,MADsB,KAEtB,OAFsB,KAGtB,mBCXF,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDACA,sCARF,2BAQyC,cAEzC,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAEF,qCAfF,2BAgBI,UACA,oBAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DACA,qCAHF,yBAGyC,kBAEzC,wBACE,gBACA,iBAEF,sCAdF,sBAeI,UACA,mBACA,WAGJ,sCA1DF,gBA2DI,kBACA,aACA,8BACA,uBACA,mBACA,uCChEJ,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WACA,qCAVF,gCAUyC,kBAEzC,qCAlBF,eAkByC,gBCtD3C,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAKR,qCAxCF,oBAyCI,0BACA,qBAGJ,mBACE,mBACA,sCAFF,mBAGI,aACA,sBACA,uBACA,kBACA,mBACA,0CAEF,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BACA,sCAJF,qBAI0C,gBAE1C,sCApBF,mBAoB0C,iBAE1C,sCAvEF,cAuE0C,2BAG1C,kBACE,oBACA,8BH9CA,aACA,qCACA,cG8CE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAKR,qCAxBF,8BAwByC,2BAI3C,gBACE,oBACA,0BH5EA,aACA,qCACA,cG4EE,yCACE,kBACA,kBACA,0CACA,8CHjGJ,kBACA,MGkGM,WACA,wCACA,WACA,YACA,kBHvHN,aACA,mBAKA,uBGmHM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAEF,qCAtCF,0BAuCI,0BACA,qBAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH/IF,kBACA,MGgJE,SACA,UACA,WACA,qCACA,2BCnKF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBACA,YAEE,+CACE,iBACA,aACA,iBACA,mBACA,sCALF,+CAK0C,cACxC,sCANF,+CAM0C,cACxC,qCAPF,+CAOyC,cAG3C,2CACE,WACA,YJTN,kBACA,MAKA,OIKM,wCACA,mBJ5BN,aACA,mBAKA,uBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJvCN,aACA,mBAKA,uBImCQ,mDACE,sCACA,kBACA,WACA,YJ7CV,aACA,mBAKA,uBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBAGJ,sCA9DF,qBA8D0C,+BACxC,sCA/DF,qBAgEI,0BACA,qBCtEN,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,YACA,qCACA,kBACA,uCACA,6BACA,uBACE,iBACA,aACA,iBACA,0BACA,uBACA,6BACA,gDACA,sCARF,uBAQ0C,cACxC,qCATF,uBASyC,cAEzC,wBACE,kBACA,gBACA,4CACA,gBACA,sCALF,wBAK0C,mBACxC,qCANF,wBAMyC,iBACvC,2BACE,iBACA,qBACA,6BACE,6BACA,eACA,gEAEF,6BACE,0BACA,iBACA,oBAKN,yBACE,6BACA,2BACA,6BACE,oBACA,qBACA,uCAIN,sCAtDF,UAsD0C,+BACxC,sCAvDF,UAwDI,0BACA,qBCzDJ,iBACE,aACA,mBACA,sCAHF,iBAG0C,mBACxC,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNjBJ,aACA,mBMkBM,8BACA,kDACE,gBACA,sCAFF,kDAE0C,gBAE1C,uDACE,aACA,+BACA,sCAHF,uDAII,eACA,wCAEF,yDN/BR,aACA,mBMgCU,kBACA,sCAHF,yDAG0C,gCAG5C,sCApBF,gDAqBI,sBACA,eAIN,6BACE,aACA,gBACA,+BN9CJ,aACA,mBAKA,uBM0CM,yBACA,qCNvCN,MADsB,KAEtB,OAFsB,KAGtB,kBMuCM,oBACA,6BACA,qCACE,wCACA,2BACA,uCNxDR,aACA,mBAKA,uBMoDU,kBAIN,sCAnBF,6BAmB0C,wBAG5C,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WACA,4DACA,sCAJF,2CAI0C,uBAG5C,sCAvBF,uBAwBI,cACA,mBAGJ,sCA5FF,iBA4F0C","file":"index.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","components/_controls.scss","_mixins.scss","sections/_header.scss","components/_components.scss","sections/_about.scss","sections/_portfolio.scss","sections/_blog.scss","sections/_contact.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,UAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBACA,sCAPJ,kBAO4C,sBACxC,sCARJ,kBAQ4C,qBACxC,qCATJ,kBAS2C,wBAG3C,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEvDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAEF,qCAbF,mBAayC,oBAEzC,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCvBA,MDwBoB,KCvBpB,ODuBoB,KCtBpB,kBDuBA,qCACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,eACE,kBACA,0BACA,oBAEF,qCAhBF,aCrBE,MADsB,KAEtB,OAFsB,KAGtB,mBCXF,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDACA,sCARF,2BAQyC,cAEzC,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAEF,qCAfF,2BAgBI,UACA,oBAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DACA,qCAHF,yBAGyC,kBAEzC,wBACE,gBACA,iBAEF,sCAdF,sBAeI,UACA,mBACA,WAGJ,sCA1DF,gBA2DI,kBACA,aACA,8BACA,uBACA,mBACA,uCChEJ,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WACA,qCAVF,gCAUyC,kBAEzC,qCAlBF,eAkByC,gBCtD3C,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAKR,qCAxCF,oBAyCI,0BACA,qBAGJ,mBACE,mBACA,sCAFF,mBAGI,aACA,sBACA,uBACA,kBACA,mBACA,0CAEF,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BACA,sCAJF,qBAI0C,gBAE1C,sCApBF,mBAoB0C,iBAE1C,sCAvEF,cAuE0C,2BAG1C,kBACE,oBACA,8BH9CA,aACA,qCACA,cG8CE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAKR,qCAxBF,8BAwByC,2BAI3C,gBACE,oBACA,0BH5EA,aACA,qCACA,cG4EE,yCACE,kBACA,kBACA,0CACA,8CHjGJ,kBACA,MGkGM,WACA,wCACA,WACA,YACA,kBHvHN,aACA,mBAKA,uBGmHM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAEF,qCAtCF,0BAuCI,0BACA,qBAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH/IF,kBACA,MGgJE,SACA,UACA,WACA,qCACA,2BCnKF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBACA,YAEE,+CACE,iBACA,aACA,iBACA,mBACA,sCALF,+CAK0C,cACxC,sCANF,+CAM0C,cACxC,qCAPF,+CAOyC,cAG3C,2CACE,WACA,YJTN,kBACA,MAKA,OIKM,wCACA,mBJ5BN,aACA,mBAKA,uBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJvCN,aACA,mBAKA,uBImCQ,mDACE,sCACA,kBACA,WACA,YJ7CV,aACA,mBAKA,uBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBAGJ,sCA9DF,qBA8D0C,+BACxC,sCA/DF,qBAgEI,0BACA,qBCtEN,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,YACA,qCACA,kBACA,uCACA,6BACA,uBACE,iBACA,aACA,iBACA,0BACA,uBACA,6BACA,gDACA,sCARF,uBAQ0C,cACxC,qCATF,uBASyC,cAEzC,wBACE,kBACA,gBACA,4CACA,gBACA,sCALF,wBAK0C,mBACxC,qCANF,wBAMyC,iBACvC,2BACE,iBACA,qBACA,6BACE,6BACA,eACA,gEAEF,6BACE,0BACA,iBACA,oBAKN,yBACE,6BACA,2BACA,6BACE,oBACA,qBACA,uCAIN,sCAtDF,UAsD0C,+BACxC,sCAvDF,UAwDI,0BACA,qBCzDJ,iBACE,aACA,mBACA,sCAHF,iBAG0C,mBACxC,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNjBJ,aACA,mBMkBM,8BACA,kDACE,gBACA,sCAFF,kDAE0C,gBAE1C,uDACE,aACA,+BACA,sCAHF,uDAII,eACA,wCAEF,yDN/BR,aACA,mBMgCU,kBACA,sCAHF,yDAG0C,gCAG5C,sCApBF,gDAqBI,sBACA,eAIN,6BACE,aACA,gBACA,+BN9CJ,aACA,mBAKA,uBM0CM,yBACA,qCNvCN,MADsB,KAEtB,OAFsB,KAGtB,kBMuCM,oBACA,6BACA,qCACE,wCACA,2BACA,uCNxDR,aACA,mBAKA,uBMoDU,kBAIN,sCAnBF,6BAmB0C,wBAG5C,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WACA,4DACA,sCAJF,2CAI0C,uBAG5C,sCAvBF,uBAwBI,cACA,mBAGJ,sCA5FF,iBA4F0C,uBACxC,sCACE,qBACE,WACA","file":"index.min.css"} \ No newline at end of file diff --git a/stylesheets/sections/_contact.scss b/stylesheets/sections/_contact.scss index e6ad8e82..4a54cbb6 100644 --- a/stylesheets/sections/_contact.scss +++ b/stylesheets/sections/_contact.scss @@ -93,4 +93,10 @@ } } @media screen and (max-width: 1600px) { flex-direction: column; } + @media screen and (max-width: 1200px) { + .cv { + width: 100%; + &-link{ margin-inline: auto; } + } + } } \ No newline at end of file From 5964511e0288e0f46315f819099af445a4e2aa28 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Fri, 20 May 2022 15:01:59 -0500 Subject: [PATCH 26/27] Modification: Margin extended on bigger screen. --- stylesheets/index.min.css | 2 +- stylesheets/index.min.css.map | 2 +- stylesheets/index.scss | 2 +- stylesheets/sections/_contact.scss | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/stylesheets/index.min.css b/stylesheets/index.min.css index f06b2b3a..78d2ec30 100644 --- a/stylesheets/index.min.css +++ b/stylesheets/index.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}@media screen and (max-width: 1600px){section.container{padding:2.75rem 6rem}}@media screen and (max-width: 1200px){section.container{padding:2.5rem 3rem}}@media screen and (max-width: 600px){section.container{padding:2.25rem 1.5rem}}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#controls .control{margin:1rem .25rem}}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#switch-mode{width:50px;height:50px;border-radius:50%}}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}@media screen and (max-width: 1200px){#header-content-left-shape{display:none}}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}@media screen and (max-width: 600px){#header-content-left-image{width:90%;margin-inline:auto}}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}@media screen and (max-width: 600px){#header-content-right h1{font-size:2.5rem}}#header-content-right p{margin:1.5rem 0;line-height:2rem}@media screen and (max-width: 1200px){#header-content-right{width:90%;margin:2.5rem auto;padding:0}}@media screen and (max-width: 1200px){#header-content{text-align:center;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}#header-content .cv{align-self:center}}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}@media screen and (max-width: 600px){.main-title h2 .background-text{font-size:2.5rem}}@media screen and (max-width: 600px){.main-title h2{font-size:2rem}}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}@media screen and (max-width: 600px){#about-header-right{grid-template-columns:1fr;padding-bottom:6rem}}#about-header-left{padding-right:5rem}@media screen and (max-width: 1200px){#about-header-left{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}#about-header-left .cv{align-self:center}}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}@media screen and (max-width: 1200px){#about-header-left p{padding-left:0}}@media screen and (max-width: 1200px){#about-header-left{padding-right:0}}@media screen and (max-width: 1200px){#about-header{grid-template-columns:1fr}}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}@media screen and (max-width: 600px){#about-statistics #statistics{grid-template-columns:1fr}}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}@media screen and (max-width: 600px){#about-timeline #timeline{grid-template-columns:1fr;padding-bottom:6rem}}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative;margin:auto}#portfolio-container .portfolio-item-image img{aspect-ratio:6/4;height:250px;object-fit:cover;border-radius:15px}@media screen and (max-width: 1600px){#portfolio-container .portfolio-item-image img{height:275px}}@media screen and (max-width: 1200px){#portfolio-container .portfolio-item-image img{height:300px}}@media screen and (max-width: 600px){#portfolio-container .portfolio-item-image img{height:225px}}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}@media screen and (max-width: 1600px){#portfolio-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#portfolio-container{grid-template-columns:1fr;padding-bottom:6rem}}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;margin:auto;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{aspect-ratio:7/4;height:200px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition);transition-property:filter,transform,box-shadow}@media screen and (max-width: 1200px){#articles .article img{height:250px}}@media screen and (max-width: 600px){#articles .article img{height:200px}}#articles .article-text{margin-top:-7.5px;padding:1.25rem;border-top:8px solid var(--color-secondary);max-width:350px}@media screen and (max-width: 1200px){#articles .article-text{max-width:437.5px}}@media screen and (max-width: 600px){#articles .article-text{max-width:350px}}#articles .article-text h4{font-size:1.5rem;margin-bottom:.75rem}#articles .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article-text h4 a:hover{color:var(--color-secondary)}#articles .article-text h4 p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.5)}@media screen and (max-width: 1600px){#articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#articles{grid-template-columns:1fr;padding-bottom:6rem}}#contact-content{display:flex;padding-top:3.5rem}@media screen and (max-width: 1200px){#contact-content{text-align:center}}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item>p{font-size:15px}}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p{font-size:15px;color:var(--color-grey-variation-grey)}}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p i{grid-template-columns:25px 1fr}}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item{flex-direction:column;margin:1rem 0}}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-social{justify-content:center}}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}#contact-content-right .input-control-flex label{width:100%}@media screen and (max-width: 1200px){#contact-content-right .input-control-flex{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content-right{margin-left:0;margin-top:2.5rem}}@media screen and (max-width: 1600px){#contact-content{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content .cv{width:100%}#contact-content .cv-link{margin-inline:auto}}/*# sourceMappingURL=index.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}@media screen and (max-width: 1600px){section.container{padding:2.75rem 12rem}}@media screen and (max-width: 1200px){section.container{padding:2.5rem 3rem}}@media screen and (max-width: 600px){section.container{padding:2.25rem 1.5rem}}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#controls .control{margin:1rem .25rem}}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#switch-mode{width:50px;height:50px;border-radius:50%}}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}@media screen and (max-width: 1200px){#header-content-left-shape{display:none}}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}@media screen and (max-width: 600px){#header-content-left-image{width:90%;margin-inline:auto}}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}@media screen and (max-width: 600px){#header-content-right h1{font-size:2.5rem}}#header-content-right p{margin:1.5rem 0;line-height:2rem}@media screen and (max-width: 1200px){#header-content-right{width:90%;margin:2.5rem auto;padding:0}}@media screen and (max-width: 1200px){#header-content{text-align:center;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}#header-content .cv{align-self:center}}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}@media screen and (max-width: 600px){.main-title h2 .background-text{font-size:2.5rem}}@media screen and (max-width: 600px){.main-title h2{font-size:2rem}}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}@media screen and (max-width: 600px){#about-header-right{grid-template-columns:1fr;padding-bottom:6rem}}#about-header-left{padding-right:5rem}@media screen and (max-width: 1200px){#about-header-left{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}#about-header-left .cv{align-self:center}}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}@media screen and (max-width: 1200px){#about-header-left p{padding-left:0}}@media screen and (max-width: 1200px){#about-header-left{padding-right:0}}@media screen and (max-width: 1200px){#about-header{grid-template-columns:1fr}}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}@media screen and (max-width: 600px){#about-statistics #statistics{grid-template-columns:1fr}}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}@media screen and (max-width: 600px){#about-timeline #timeline{grid-template-columns:1fr;padding-bottom:6rem}}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative;margin:auto}#portfolio-container .portfolio-item-image img{aspect-ratio:6/4;height:250px;object-fit:cover;border-radius:15px}@media screen and (max-width: 1600px){#portfolio-container .portfolio-item-image img{height:275px}}@media screen and (max-width: 1200px){#portfolio-container .portfolio-item-image img{height:300px}}@media screen and (max-width: 600px){#portfolio-container .portfolio-item-image img{height:225px}}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}@media screen and (max-width: 1600px){#portfolio-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#portfolio-container{grid-template-columns:1fr;padding-bottom:6rem}}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;margin:auto;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{aspect-ratio:7/4;height:200px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition);transition-property:filter,transform,box-shadow}@media screen and (max-width: 1200px){#articles .article img{height:250px}}@media screen and (max-width: 600px){#articles .article img{height:200px}}#articles .article-text{margin-top:-7.5px;padding:1.25rem;border-top:8px solid var(--color-secondary);max-width:350px}@media screen and (max-width: 1200px){#articles .article-text{max-width:437.5px}}@media screen and (max-width: 600px){#articles .article-text{max-width:350px}}#articles .article-text h4{font-size:1.5rem;margin-bottom:.75rem}#articles .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article-text h4 a:hover{color:var(--color-secondary)}#articles .article-text h4 p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.5)}@media screen and (max-width: 1600px){#articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#articles{grid-template-columns:1fr;padding-bottom:6rem}}#contact-content{display:flex;padding-top:3.5rem}@media screen and (max-width: 1200px){#contact-content{text-align:center}}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item>p{font-size:15px}}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p{font-size:15px;color:var(--color-grey-variation-grey)}}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p i{grid-template-columns:25px 1fr}}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item{flex-direction:column;margin:1rem 0}}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-social{justify-content:center}}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}#contact-content-right .input-control-flex label{width:100%}@media screen and (max-width: 1200px){#contact-content-right .input-control-flex{flex-direction:column}}@media screen and (max-width: 1600px){#contact-content-right{margin-left:0;margin-top:2.5rem}}@media screen and (max-width: 1600px){#contact-content{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content .cv{width:100%}#contact-content .cv-link{margin-inline:auto}}/*# sourceMappingURL=index.min.css.map */ diff --git a/stylesheets/index.min.css.map b/stylesheets/index.min.css.map index a0f6d6d7..4be00f16 100644 --- a/stylesheets/index.min.css.map +++ b/stylesheets/index.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","components/_controls.scss","_mixins.scss","sections/_header.scss","components/_components.scss","sections/_about.scss","sections/_portfolio.scss","sections/_blog.scss","sections/_contact.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,UAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBACA,sCAPJ,kBAO4C,sBACxC,sCARJ,kBAQ4C,qBACxC,qCATJ,kBAS2C,wBAG3C,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEvDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAEF,qCAbF,mBAayC,oBAEzC,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCvBA,MDwBoB,KCvBpB,ODuBoB,KCtBpB,kBDuBA,qCACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,eACE,kBACA,0BACA,oBAEF,qCAhBF,aCrBE,MADsB,KAEtB,OAFsB,KAGtB,mBCXF,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDACA,sCARF,2BAQyC,cAEzC,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAEF,qCAfF,2BAgBI,UACA,oBAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DACA,qCAHF,yBAGyC,kBAEzC,wBACE,gBACA,iBAEF,sCAdF,sBAeI,UACA,mBACA,WAGJ,sCA1DF,gBA2DI,kBACA,aACA,8BACA,uBACA,mBACA,uCChEJ,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WACA,qCAVF,gCAUyC,kBAEzC,qCAlBF,eAkByC,gBCtD3C,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAKR,qCAxCF,oBAyCI,0BACA,qBAGJ,mBACE,mBACA,sCAFF,mBAGI,aACA,sBACA,uBACA,kBACA,mBACA,0CAEF,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BACA,sCAJF,qBAI0C,gBAE1C,sCApBF,mBAoB0C,iBAE1C,sCAvEF,cAuE0C,2BAG1C,kBACE,oBACA,8BH9CA,aACA,qCACA,cG8CE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAKR,qCAxBF,8BAwByC,2BAI3C,gBACE,oBACA,0BH5EA,aACA,qCACA,cG4EE,yCACE,kBACA,kBACA,0CACA,8CHjGJ,kBACA,MGkGM,WACA,wCACA,WACA,YACA,kBHvHN,aACA,mBAKA,uBGmHM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAEF,qCAtCF,0BAuCI,0BACA,qBAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH/IF,kBACA,MGgJE,SACA,UACA,WACA,qCACA,2BCnKF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBACA,YAEE,+CACE,iBACA,aACA,iBACA,mBACA,sCALF,+CAK0C,cACxC,sCANF,+CAM0C,cACxC,qCAPF,+CAOyC,cAG3C,2CACE,WACA,YJTN,kBACA,MAKA,OIKM,wCACA,mBJ5BN,aACA,mBAKA,uBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJvCN,aACA,mBAKA,uBImCQ,mDACE,sCACA,kBACA,WACA,YJ7CV,aACA,mBAKA,uBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBAGJ,sCA9DF,qBA8D0C,+BACxC,sCA/DF,qBAgEI,0BACA,qBCtEN,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,YACA,qCACA,kBACA,uCACA,6BACA,uBACE,iBACA,aACA,iBACA,0BACA,uBACA,6BACA,gDACA,sCARF,uBAQ0C,cACxC,qCATF,uBASyC,cAEzC,wBACE,kBACA,gBACA,4CACA,gBACA,sCALF,wBAK0C,mBACxC,qCANF,wBAMyC,iBACvC,2BACE,iBACA,qBACA,6BACE,6BACA,eACA,gEAEF,6BACE,0BACA,iBACA,oBAKN,yBACE,6BACA,2BACA,6BACE,oBACA,qBACA,uCAIN,sCAtDF,UAsD0C,+BACxC,sCAvDF,UAwDI,0BACA,qBCzDJ,iBACE,aACA,mBACA,sCAHF,iBAG0C,mBACxC,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNjBJ,aACA,mBMkBM,8BACA,kDACE,gBACA,sCAFF,kDAE0C,gBAE1C,uDACE,aACA,+BACA,sCAHF,uDAII,eACA,wCAEF,yDN/BR,aACA,mBMgCU,kBACA,sCAHF,yDAG0C,gCAG5C,sCApBF,gDAqBI,sBACA,eAIN,6BACE,aACA,gBACA,+BN9CJ,aACA,mBAKA,uBM0CM,yBACA,qCNvCN,MADsB,KAEtB,OAFsB,KAGtB,kBMuCM,oBACA,6BACA,qCACE,wCACA,2BACA,uCNxDR,aACA,mBAKA,uBMoDU,kBAIN,sCAnBF,6BAmB0C,wBAG5C,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WACA,4DACA,sCAJF,2CAI0C,uBAG5C,sCAvBF,uBAwBI,cACA,mBAGJ,sCA5FF,iBA4F0C,uBACxC,sCACE,qBACE,WACA","file":"index.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","components/_controls.scss","_mixins.scss","sections/_header.scss","components/_components.scss","sections/_about.scss","sections/_portfolio.scss","sections/_blog.scss","sections/_contact.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,UAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBACA,sCAPJ,kBAO4C,uBACxC,sCARJ,kBAQ4C,qBACxC,qCATJ,kBAS2C,wBAG3C,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEvDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAEF,qCAbF,mBAayC,oBAEzC,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCvBA,MDwBoB,KCvBpB,ODuBoB,KCtBpB,kBDuBA,qCACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,eACE,kBACA,0BACA,oBAEF,qCAhBF,aCrBE,MADsB,KAEtB,OAFsB,KAGtB,mBCXF,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDACA,sCARF,2BAQyC,cAEzC,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAEF,qCAfF,2BAgBI,UACA,oBAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DACA,qCAHF,yBAGyC,kBAEzC,wBACE,gBACA,iBAEF,sCAdF,sBAeI,UACA,mBACA,WAGJ,sCA1DF,gBA2DI,kBACA,aACA,8BACA,uBACA,mBACA,uCChEJ,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WACA,qCAVF,gCAUyC,kBAEzC,qCAlBF,eAkByC,gBCtD3C,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAKR,qCAxCF,oBAyCI,0BACA,qBAGJ,mBACE,mBACA,sCAFF,mBAGI,aACA,sBACA,uBACA,kBACA,mBACA,0CAEF,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BACA,sCAJF,qBAI0C,gBAE1C,sCApBF,mBAoB0C,iBAE1C,sCAvEF,cAuE0C,2BAG1C,kBACE,oBACA,8BH9CA,aACA,qCACA,cG8CE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAKR,qCAxBF,8BAwByC,2BAI3C,gBACE,oBACA,0BH5EA,aACA,qCACA,cG4EE,yCACE,kBACA,kBACA,0CACA,8CHjGJ,kBACA,MGkGM,WACA,wCACA,WACA,YACA,kBHvHN,aACA,mBAKA,uBGmHM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAEF,qCAtCF,0BAuCI,0BACA,qBAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH/IF,kBACA,MGgJE,SACA,UACA,WACA,qCACA,2BCnKF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBACA,YAEE,+CACE,iBACA,aACA,iBACA,mBACA,sCALF,+CAK0C,cACxC,sCANF,+CAM0C,cACxC,qCAPF,+CAOyC,cAG3C,2CACE,WACA,YJTN,kBACA,MAKA,OIKM,wCACA,mBJ5BN,aACA,mBAKA,uBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJvCN,aACA,mBAKA,uBImCQ,mDACE,sCACA,kBACA,WACA,YJ7CV,aACA,mBAKA,uBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBAGJ,sCA9DF,qBA8D0C,+BACxC,sCA/DF,qBAgEI,0BACA,qBCtEN,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,YACA,qCACA,kBACA,uCACA,6BACA,uBACE,iBACA,aACA,iBACA,0BACA,uBACA,6BACA,gDACA,sCARF,uBAQ0C,cACxC,qCATF,uBASyC,cAEzC,wBACE,kBACA,gBACA,4CACA,gBACA,sCALF,wBAK0C,mBACxC,qCANF,wBAMyC,iBACvC,2BACE,iBACA,qBACA,6BACE,6BACA,eACA,gEAEF,6BACE,0BACA,iBACA,oBAKN,yBACE,6BACA,2BACA,6BACE,oBACA,qBACA,uCAIN,sCAtDF,UAsD0C,+BACxC,sCAvDF,UAwDI,0BACA,qBCzDJ,iBACE,aACA,mBACA,sCAHF,iBAG0C,mBACxC,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNjBJ,aACA,mBMkBM,8BACA,kDACE,gBACA,sCAFF,kDAE0C,gBAE1C,uDACE,aACA,+BACA,sCAHF,uDAII,eACA,wCAEF,yDN/BR,aACA,mBMgCU,kBACA,sCAHF,yDAG0C,gCAG5C,sCApBF,gDAqBI,sBACA,eAIN,6BACE,aACA,gBACA,+BN9CJ,aACA,mBAKA,uBM0CM,yBACA,qCNvCN,MADsB,KAEtB,OAFsB,KAGtB,kBMuCM,oBACA,6BACA,qCACE,wCACA,2BACA,uCNxDR,aACA,mBAKA,uBMoDU,kBAIN,sCAnBF,6BAmB0C,wBAG5C,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WACA,4DACA,sCAJF,2CAI0C,uBAG5C,sCAvBF,uBAwBI,cACA,mBAGJ,sCA5FF,iBA4F0C,uBACxC,sCACE,qBACE,WACA","file":"index.min.css"} \ No newline at end of file diff --git a/stylesheets/index.scss b/stylesheets/index.scss index 7c8d4e0e..bc53a1a2 100644 --- a/stylesheets/index.scss +++ b/stylesheets/index.scss @@ -37,7 +37,7 @@ section.container { left: 0; top: 0; padding: 3rem 18rem; - @media screen and (max-width: 1600px) { padding: 2.75rem 6rem; } + @media screen and (max-width: 1600px) { padding: 2.75rem 12rem; } @media screen and (max-width: 1200px) { padding: 2.5rem 3rem; } @media screen and (max-width: 600px) { padding: 2.25rem 1.5rem; } } diff --git a/stylesheets/sections/_contact.scss b/stylesheets/sections/_contact.scss index 4a54cbb6..cdc97b5e 100644 --- a/stylesheets/sections/_contact.scss +++ b/stylesheets/sections/_contact.scss @@ -87,7 +87,7 @@ @media screen and (max-width: 1200px) { flex-direction: column; } } } - @media screen and (max-width: 1200px) { + @media screen and (max-width: 1600px) { margin-left: 0; margin-top: 2.5rem; } From b216f0b5b4a1b996e681651079d070cc9a3a6208 Mon Sep 17 00:00:00 2001 From: Dyrits Date: Mon, 23 May 2022 09:33:40 -0500 Subject: [PATCH 27/27] Modification: .main-title adjusted --- stylesheets/components/_components.scss | 6 +++++- stylesheets/index.min.css | 2 +- stylesheets/index.min.css.map | 2 +- 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/stylesheets/components/_components.scss b/stylesheets/components/_components.scss index 907f6d1d..db0f4bc1 100644 --- a/stylesheets/components/_components.scss +++ b/stylesheets/components/_components.scss @@ -43,6 +43,7 @@ font-weight: 700; span { color: var(--color-secondary); } .background-text { + width: 100%; position: absolute; top: 50%; left: 50%; @@ -52,8 +53,11 @@ font-weight: 800; font-size: 6rem; z-index: -5; - @media screen and (max-width: 600px) { font-size: 2.5rem; } + @media screen and (max-width: 1200px) { font-size: 4.5rem; } + @media screen and (max-width: 600px) { font-size: 3rem; } } + @media screen and (max-width: 1200px) { font-size: 3rem; } @media screen and (max-width: 600px) { font-size: 2rem; } } } + diff --git a/stylesheets/index.min.css b/stylesheets/index.min.css index 78d2ec30..d558cba3 100644 --- a/stylesheets/index.min.css +++ b/stylesheets/index.min.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}@media screen and (max-width: 1600px){section.container{padding:2.75rem 12rem}}@media screen and (max-width: 1200px){section.container{padding:2.5rem 3rem}}@media screen and (max-width: 600px){section.container{padding:2.25rem 1.5rem}}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#controls .control{margin:1rem .25rem}}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#switch-mode{width:50px;height:50px;border-radius:50%}}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}@media screen and (max-width: 1200px){#header-content-left-shape{display:none}}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}@media screen and (max-width: 600px){#header-content-left-image{width:90%;margin-inline:auto}}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}@media screen and (max-width: 600px){#header-content-right h1{font-size:2.5rem}}#header-content-right p{margin:1.5rem 0;line-height:2rem}@media screen and (max-width: 1200px){#header-content-right{width:90%;margin:2.5rem auto;padding:0}}@media screen and (max-width: 1200px){#header-content{text-align:center;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}#header-content .cv{align-self:center}}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}@media screen and (max-width: 600px){.main-title h2 .background-text{font-size:2.5rem}}@media screen and (max-width: 600px){.main-title h2{font-size:2rem}}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}@media screen and (max-width: 600px){#about-header-right{grid-template-columns:1fr;padding-bottom:6rem}}#about-header-left{padding-right:5rem}@media screen and (max-width: 1200px){#about-header-left{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}#about-header-left .cv{align-self:center}}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}@media screen and (max-width: 1200px){#about-header-left p{padding-left:0}}@media screen and (max-width: 1200px){#about-header-left{padding-right:0}}@media screen and (max-width: 1200px){#about-header{grid-template-columns:1fr}}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}@media screen and (max-width: 600px){#about-statistics #statistics{grid-template-columns:1fr}}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}@media screen and (max-width: 600px){#about-timeline #timeline{grid-template-columns:1fr;padding-bottom:6rem}}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative;margin:auto}#portfolio-container .portfolio-item-image img{aspect-ratio:6/4;height:250px;object-fit:cover;border-radius:15px}@media screen and (max-width: 1600px){#portfolio-container .portfolio-item-image img{height:275px}}@media screen and (max-width: 1200px){#portfolio-container .portfolio-item-image img{height:300px}}@media screen and (max-width: 600px){#portfolio-container .portfolio-item-image img{height:225px}}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}@media screen and (max-width: 1600px){#portfolio-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#portfolio-container{grid-template-columns:1fr;padding-bottom:6rem}}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;margin:auto;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{aspect-ratio:7/4;height:200px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition);transition-property:filter,transform,box-shadow}@media screen and (max-width: 1200px){#articles .article img{height:250px}}@media screen and (max-width: 600px){#articles .article img{height:200px}}#articles .article-text{margin-top:-7.5px;padding:1.25rem;border-top:8px solid var(--color-secondary);max-width:350px}@media screen and (max-width: 1200px){#articles .article-text{max-width:437.5px}}@media screen and (max-width: 600px){#articles .article-text{max-width:350px}}#articles .article-text h4{font-size:1.5rem;margin-bottom:.75rem}#articles .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article-text h4 a:hover{color:var(--color-secondary)}#articles .article-text h4 p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.5)}@media screen and (max-width: 1600px){#articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#articles{grid-template-columns:1fr;padding-bottom:6rem}}#contact-content{display:flex;padding-top:3.5rem}@media screen and (max-width: 1200px){#contact-content{text-align:center}}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item>p{font-size:15px}}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p{font-size:15px;color:var(--color-grey-variation-grey)}}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p i{grid-template-columns:25px 1fr}}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item{flex-direction:column;margin:1rem 0}}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-social{justify-content:center}}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}#contact-content-right .input-control-flex label{width:100%}@media screen and (max-width: 1200px){#contact-content-right .input-control-flex{flex-direction:column}}@media screen and (max-width: 1600px){#contact-content-right{margin-left:0;margin-top:2.5rem}}@media screen and (max-width: 1600px){#contact-content{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content .cv{width:100%}#contact-content .cv-link{margin-inline:auto}}/*# sourceMappingURL=index.min.css.map */ +*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}@media screen and (max-width: 1600px){section.container{padding:2.75rem 12rem}}@media screen and (max-width: 1200px){section.container{padding:2.5rem 3rem}}@media screen and (max-width: 600px){section.container{padding:2.25rem 1.5rem}}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-5);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:.75rem 0;box-shadow:var(--box-shadow)}#controls .control i{font-size:1.25rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#controls .control{margin:1rem .25rem}}#controls .active-button{background-color:var(--color-secondary);transition:var(--transition)}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:2.5%;width:70px;height:70px;border-radius:50%;border:2px solid var(--color-grey-1);background-color:var(--color-grey-5);cursor:pointer;position:fixed;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode i{font-size:1.75rem;color:var(--color-grey-1);pointer-events:none}@media screen and (max-width: 600px){#switch-mode{width:50px;height:50px;border-radius:50%}}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}@media screen and (max-width: 1200px){#header-content-left-shape{display:none}}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}@media screen and (max-width: 600px){#header-content-left-image{width:90%;margin-inline:auto}}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}@media screen and (max-width: 600px){#header-content-right h1{font-size:2.5rem}}#header-content-right p{margin:1.5rem 0;line-height:2rem}@media screen and (max-width: 1200px){#header-content-right{width:90%;margin:2.5rem auto;padding:0}}@media screen and (max-width: 1200px){#header-content{text-align:center;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}#header-content .cv{align-self:center}}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{width:100%;position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}@media screen and (max-width: 1200px){.main-title h2 .background-text{font-size:4.5rem}}@media screen and (max-width: 600px){.main-title h2 .background-text{font-size:3rem}}@media screen and (max-width: 1200px){.main-title h2{font-size:3rem}}@media screen and (max-width: 600px){.main-title h2{font-size:2rem}}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}@media screen and (max-width: 600px){#about-header-right{grid-template-columns:1fr;padding-bottom:6rem}}#about-header-left{padding-right:5rem}@media screen and (max-width: 1200px){#about-header-left{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}#about-header-left .cv{align-self:center}}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}@media screen and (max-width: 1200px){#about-header-left p{padding-left:0}}@media screen and (max-width: 1200px){#about-header-left{padding-right:0}}@media screen and (max-width: 1200px){#about-header{grid-template-columns:1fr}}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}@media screen and (max-width: 600px){#about-statistics #statistics{grid-template-columns:1fr}}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}@media screen and (max-width: 600px){#about-timeline #timeline{grid-template-columns:1fr;padding-bottom:6rem}}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative;margin:auto}#portfolio-container .portfolio-item-image img{aspect-ratio:6/4;height:250px;object-fit:cover;border-radius:15px}@media screen and (max-width: 1600px){#portfolio-container .portfolio-item-image img{height:275px}}@media screen and (max-width: 1200px){#portfolio-container .portfolio-item-image img{height:300px}}@media screen and (max-width: 600px){#portfolio-container .portfolio-item-image img{height:225px}}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;align-items:center;justify-content:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}@media screen and (max-width: 1600px){#portfolio-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#portfolio-container{grid-template-columns:1fr;padding-bottom:6rem}}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;margin:auto;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{aspect-ratio:7/4;height:200px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition);transition-property:filter,transform,box-shadow}@media screen and (max-width: 1200px){#articles .article img{height:250px}}@media screen and (max-width: 600px){#articles .article img{height:200px}}#articles .article-text{margin-top:-7.5px;padding:1.25rem;border-top:8px solid var(--color-secondary);max-width:350px}@media screen and (max-width: 1200px){#articles .article-text{max-width:437.5px}}@media screen and (max-width: 600px){#articles .article-text{max-width:350px}}#articles .article-text h4{font-size:1.5rem;margin-bottom:.75rem}#articles .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article-text h4 a:hover{color:var(--color-secondary)}#articles .article-text h4 p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:1px 4px 20px rgba(0,0,0,.5)}@media screen and (max-width: 1600px){#articles{grid-template-columns:1fr 1fr}}@media screen and (max-width: 1200px){#articles{grid-template-columns:1fr;padding-bottom:6rem}}#contact-content{display:flex;padding-top:3.5rem}@media screen and (max-width: 1200px){#contact-content{text-align:center}}#contact-content-left{flex:2}#contact-content-left h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}#contact-content-left>p{margin:1rem 0;line-height:2rem}#contact-content-left-information .contact-item{display:flex;align-items:center;justify-content:space-between}#contact-content-left-information .contact-item>p{margin:.25rem 0}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item>p{font-size:15px}}#contact-content-left-information .contact-item-icon p{display:grid;grid-template-columns:40px 1fr}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p{font-size:15px;color:var(--color-grey-variation-grey)}}#contact-content-left-information .contact-item-icon p i{display:flex;align-items:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item-icon p i{grid-template-columns:25px 1fr}}@media screen and (max-width: 1200px){#contact-content-left-information .contact-item{flex-direction:column;margin:1rem 0}}#contact-content-left-social{display:flex;margin-top:2rem}#contact-content-left-social a{display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:var(--color-grey-5);width:50px;height:50px;border-radius:50%;margin-inline:.5rem;transition:var(--transition)}#contact-content-left-social a:hover{background-color:var(--color-secondary);color:var(--color-primary)}#contact-content-left-social a:hover i{display:flex;align-items:center;justify-content:center;font-size:1.25rem}@media screen and (max-width: 1200px){#contact-content-left-social{justify-content:center}}#contact-content-right{flex:3;margin-left:3rem}#contact-content-right .input-control{margin:1.5rem 0}#contact-content-right .input-control input,#contact-content-right .input-control textarea{border-radius:30px;font:inherit;padding:.75rem 1.25rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}#contact-content-right .input-control-flex{display:flex;gap:1.5rem}#contact-content-right .input-control-flex label{width:100%}@media screen and (max-width: 1200px){#contact-content-right .input-control-flex{flex-direction:column}}@media screen and (max-width: 1600px){#contact-content-right{margin-left:0;margin-top:2.5rem}}@media screen and (max-width: 1600px){#contact-content{flex-direction:column}}@media screen and (max-width: 1200px){#contact-content .cv{width:100%}#contact-content .cv-link{margin-inline:auto}}/*# sourceMappingURL=index.min.css.map */ diff --git a/stylesheets/index.min.css.map b/stylesheets/index.min.css.map index 4be00f16..4d7cb914 100644 --- a/stylesheets/index.min.css.map +++ b/stylesheets/index.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","components/_controls.scss","_mixins.scss","sections/_header.scss","components/_components.scss","sections/_about.scss","sections/_portfolio.scss","sections/_blog.scss","sections/_contact.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,UAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBACA,sCAPJ,kBAO4C,uBACxC,sCARJ,kBAQ4C,qBACxC,qCATJ,kBAS2C,wBAG3C,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEvDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAEF,qCAbF,mBAayC,oBAEzC,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCvBA,MDwBoB,KCvBpB,ODuBoB,KCtBpB,kBDuBA,qCACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,eACE,kBACA,0BACA,oBAEF,qCAhBF,aCrBE,MADsB,KAEtB,OAFsB,KAGtB,mBCXF,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDACA,sCARF,2BAQyC,cAEzC,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAEF,qCAfF,2BAgBI,UACA,oBAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DACA,qCAHF,yBAGyC,kBAEzC,wBACE,gBACA,iBAEF,sCAdF,sBAeI,UACA,mBACA,WAGJ,sCA1DF,gBA2DI,kBACA,aACA,8BACA,uBACA,mBACA,uCChEJ,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WACA,qCAVF,gCAUyC,kBAEzC,qCAlBF,eAkByC,gBCtD3C,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAKR,qCAxCF,oBAyCI,0BACA,qBAGJ,mBACE,mBACA,sCAFF,mBAGI,aACA,sBACA,uBACA,kBACA,mBACA,0CAEF,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BACA,sCAJF,qBAI0C,gBAE1C,sCApBF,mBAoB0C,iBAE1C,sCAvEF,cAuE0C,2BAG1C,kBACE,oBACA,8BH9CA,aACA,qCACA,cG8CE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAKR,qCAxBF,8BAwByC,2BAI3C,gBACE,oBACA,0BH5EA,aACA,qCACA,cG4EE,yCACE,kBACA,kBACA,0CACA,8CHjGJ,kBACA,MGkGM,WACA,wCACA,WACA,YACA,kBHvHN,aACA,mBAKA,uBGmHM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAEF,qCAtCF,0BAuCI,0BACA,qBAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH/IF,kBACA,MGgJE,SACA,UACA,WACA,qCACA,2BCnKF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBACA,YAEE,+CACE,iBACA,aACA,iBACA,mBACA,sCALF,+CAK0C,cACxC,sCANF,+CAM0C,cACxC,qCAPF,+CAOyC,cAG3C,2CACE,WACA,YJTN,kBACA,MAKA,OIKM,wCACA,mBJ5BN,aACA,mBAKA,uBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJvCN,aACA,mBAKA,uBImCQ,mDACE,sCACA,kBACA,WACA,YJ7CV,aACA,mBAKA,uBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBAGJ,sCA9DF,qBA8D0C,+BACxC,sCA/DF,qBAgEI,0BACA,qBCtEN,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,YACA,qCACA,kBACA,uCACA,6BACA,uBACE,iBACA,aACA,iBACA,0BACA,uBACA,6BACA,gDACA,sCARF,uBAQ0C,cACxC,qCATF,uBASyC,cAEzC,wBACE,kBACA,gBACA,4CACA,gBACA,sCALF,wBAK0C,mBACxC,qCANF,wBAMyC,iBACvC,2BACE,iBACA,qBACA,6BACE,6BACA,eACA,gEAEF,6BACE,0BACA,iBACA,oBAKN,yBACE,6BACA,2BACA,6BACE,oBACA,qBACA,uCAIN,sCAtDF,UAsD0C,+BACxC,sCAvDF,UAwDI,0BACA,qBCzDJ,iBACE,aACA,mBACA,sCAHF,iBAG0C,mBACxC,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNjBJ,aACA,mBMkBM,8BACA,kDACE,gBACA,sCAFF,kDAE0C,gBAE1C,uDACE,aACA,+BACA,sCAHF,uDAII,eACA,wCAEF,yDN/BR,aACA,mBMgCU,kBACA,sCAHF,yDAG0C,gCAG5C,sCApBF,gDAqBI,sBACA,eAIN,6BACE,aACA,gBACA,+BN9CJ,aACA,mBAKA,uBM0CM,yBACA,qCNvCN,MADsB,KAEtB,OAFsB,KAGtB,kBMuCM,oBACA,6BACA,qCACE,wCACA,2BACA,uCNxDR,aACA,mBAKA,uBMoDU,kBAIN,sCAnBF,6BAmB0C,wBAG5C,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WACA,4DACA,sCAJF,2CAI0C,uBAG5C,sCAvBF,uBAwBI,cACA,mBAGJ,sCA5FF,iBA4F0C,uBACxC,sCACE,qBACE,WACA","file":"index.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["index.scss","_variables.scss","components/_controls.scss","_mixins.scss","sections/_header.scss","components/_components.scss","sections/_about.scss","sections/_portfolio.scss","sections/_blog.scss","sections/_contact.scss"],"names":[],"mappings":"AAAA,EACI,SACA,UACA,sBACA,gBCJJ,MACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,gBACA,0CACA,kCAGF,YACE,yBACA,2BACA,uBACA,oBACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBDlBF,KACI,sCACA,iCACA,iBACA,yBACA,+BAGJ,EACI,qBACA,qBACA,cACA,oBAGJ,OACI,iBACA,yBACA,gBACA,UAGJ,kBACI,iBACA,WACA,kBACA,OACA,MACA,mBACA,sCAPJ,kBAO4C,uBACxC,sCARJ,kBAQ4C,qBACxC,qCATJ,kBAS2C,wBAG3C,WACI,aACA,qCACA,+BACA,sCAGJ,QACI,cACA,gCACA,kCACA,kBACI,yCACA,wCEvDR,UACE,eACA,WACA,QACA,SCLA,aACA,mBAKA,uBDCA,sBACA,2BACA,mBACE,aACA,eACA,qCCFF,MDGsB,KCFtB,ODEsB,KCDtB,kBAZA,aACA,mBAKA,uBDSE,gBACA,6BACA,qBACE,kBACA,0BACA,oBAEF,qCAbF,mBAayC,oBAEzC,yBACE,wCACA,6BACA,oDAIJ,aACE,OACA,WCvBA,MDwBoB,KCvBpB,ODuBoB,KCtBpB,kBDuBA,qCACA,qCACA,eACA,eCtCA,aACA,mBAKA,uBDkCA,qCACA,+BACA,eACE,kBACA,0BACA,oBAEF,qCAhBF,aCrBE,MADsB,KAEtB,OAFsB,KAGtB,mBCXF,gBACE,WD6BA,aACA,qCACA,cC7BA,aACA,qBDLA,aACA,mBCME,kBACA,2BACE,6BACA,UACA,YACA,wCDIJ,kBACA,MAKA,OCRI,WACA,iDACA,sCARF,2BAQyC,cAEzC,2BACE,mBACA,UACA,WACA,iBACA,oCACA,6BACA,+BACE,WACA,YACA,iBACA,6BACA,uBACA,0DAEF,qCAfF,2BAgBI,UACA,oBAIN,sBACE,aACA,sBACA,uBACA,oBACA,yBACE,eACA,2DACA,qCAHF,yBAGyC,kBAEzC,wBACE,gBACA,iBAEF,sCAdF,sBAeI,UACA,mBACA,WAGJ,sCA1DF,gBA2DI,kBACA,aACA,8BACA,uBACA,mBACA,uCChEJ,IACE,aACA,sBACA,SACE,mBACA,cACA,gBACA,wCACA,aACA,sBACA,mBACA,kBACA,gBACA,6BACA,cACE,wCFhBJ,aACA,mBAKA,uBEYI,kBACA,aAEF,gBACE,WFNJ,kBACA,MAUA,QEHI,YACA,WACA,2BACA,6BACA,wCACA,WAEF,8CAIJ,YACE,kBACA,eACE,kBACA,yBACA,eACA,gBACA,iDACA,gCACE,WACA,kBACA,QACA,SACA,0BACA,6BACA,gCACA,gBACA,eACA,WACA,sCAXF,gCAW0C,kBACxC,qCAZF,gCAYyC,gBAEzC,sCApBF,eAoB0C,gBACxC,qCArBF,eAqByC,gBCzD3C,cH8BE,aACA,qCACA,cG9BA,mBACA,oBACA,oBH0BA,aACA,qCACA,cG1BE,iCACE,qCACA,kBACA,6BACA,gDACA,uCACE,2BACA,wCACA,gDAEF,sCACE,eACA,aACA,sBACA,4CACE,eACA,gBACA,6BAEF,4CACE,kBACA,kBACA,yBACA,iBACA,0BACA,mBACA,mDACE,WACA,kBACA,SACA,OACA,WACA,WACA,qCAKR,qCAxCF,oBAyCI,0BACA,qBAGJ,mBACE,mBACA,sCAFF,mBAGI,aACA,sBACA,uBACA,kBACA,mBACA,0CAEF,sBACE,eACA,yBAEF,qBACE,iBACA,aACA,0BACA,sCAJF,qBAI0C,gBAE1C,sCApBF,mBAoB0C,iBAE1C,sCAvEF,cAuE0C,2BAG1C,kBACE,oBACA,8BH9CA,aACA,qCACA,cG8CE,qCACE,aACA,sBACA,sDACA,+CACE,aACA,mBACA,8EACA,yDACE,WACA,aACA,qCACA,iBACA,kBACA,8DH7ER,kBACA,MAKA,OGyEU,YACA,wCAKR,qCAxBF,8BAwByC,2BAI3C,gBACE,oBACA,0BH5EA,aACA,qCACA,cG4EE,yCACE,kBACA,kBACA,0CACA,8CHjGJ,kBACA,MGkGM,WACA,wCACA,WACA,YACA,kBHvHN,aACA,mBAKA,uBGmHM,iEAEF,kDACE,oBACA,qCACA,mBACA,qBACA,gBACA,yBACA,gBAEF,4CACE,eACA,yBACA,iBACA,gBACA,iDACE,0BACA,gBACA,iBAGJ,2EAEF,qCAtCF,0BAuCI,0BACA,qBAKN,aACE,yBACA,iBACA,kBACA,iBACA,kBACA,qBACE,WH/IF,kBACA,MGgJE,SACA,UACA,WACA,qCACA,2BCnKF,oBACE,eACA,kBAEF,qBJyBA,aACA,qCACA,cIzBE,gBACA,qCACE,kBACA,YAEE,+CACE,iBACA,aACA,iBACA,mBACA,sCALF,+CAK0C,cACxC,sCANF,+CAM0C,cACxC,qCAPF,+CAOyC,cAG3C,2CACE,WACA,YJTN,kBACA,MAKA,OIKM,wCACA,mBJ5BN,aACA,mBAKA,uBIwBM,sBACA,UACA,mBACA,6BACA,8CACE,iBACA,yBACA,qBAEF,iDJvCN,aACA,mBAKA,uBImCQ,mDACE,sCACA,kBACA,WACA,YJ7CV,aACA,mBAKA,uBIyCU,cACA,eACA,6BACA,qDACE,iBACA,yBACA,cACA,6BAEF,yDACE,oCACA,wFAKR,iEACE,UACA,mBAGJ,sCA9DF,qBA8D0C,+BACxC,sCA/DF,qBAgEI,0BACA,qBCtEN,UL8BE,aACA,qCACA,cK9BA,gBACA,mBACE,kBACA,YACA,qCACA,kBACA,uCACA,6BACA,uBACE,iBACA,aACA,iBACA,0BACA,uBACA,6BACA,gDACA,sCARF,uBAQ0C,cACxC,qCATF,uBASyC,cAEzC,wBACE,kBACA,gBACA,4CACA,gBACA,sCALF,wBAK0C,mBACxC,qCANF,wBAMyC,iBACvC,2BACE,iBACA,qBACA,6BACE,6BACA,eACA,gEAEF,6BACE,0BACA,iBACA,oBAKN,yBACE,6BACA,2BACA,6BACE,oBACA,qBACA,uCAIN,sCAtDF,UAsD0C,+BACxC,sCAvDF,UAwDI,0BACA,qBCzDJ,iBACE,aACA,mBACA,sCAHF,iBAG0C,mBACxC,sBACE,OACA,yBACE,gBACA,eACA,yBAEF,wBACE,cACA,iBAGA,gDNjBJ,aACA,mBMkBM,8BACA,kDACE,gBACA,sCAFF,kDAE0C,gBAE1C,uDACE,aACA,+BACA,sCAHF,uDAII,eACA,wCAEF,yDN/BR,aACA,mBMgCU,kBACA,sCAHF,yDAG0C,gCAG5C,sCApBF,gDAqBI,sBACA,eAIN,6BACE,aACA,gBACA,+BN9CJ,aACA,mBAKA,uBM0CM,yBACA,qCNvCN,MADsB,KAEtB,OAFsB,KAGtB,kBMuCM,oBACA,6BACA,qCACE,wCACA,2BACA,uCNxDR,aACA,mBAKA,uBMoDU,kBAIN,sCAnBF,6BAmB0C,wBAG5C,uBACE,OACA,iBACA,sCACE,gBACA,2FACE,mBACA,aACA,uBACA,aACA,YACA,qCACA,WACA,yBACA,YAEF,2CACE,aACA,WACA,4DACA,sCAJF,2CAI0C,uBAG5C,sCAvBF,uBAwBI,cACA,mBAGJ,sCA5FF,iBA4F0C,uBACxC,sCACE,qBACE,WACA","file":"index.min.css"} \ No newline at end of file