diff --git a/package-lock.json b/package-lock.json index c16af47..3be1471 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,6 @@ "version": "0.2.0", "license": "Apache-2.0", "dependencies": { - "@fortawesome/fontawesome-free": "^6.7.1", "firebase": "^11.0.0" }, "devDependencies": { @@ -1783,14 +1782,6 @@ "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-1.0.3.tgz", "integrity": "sha512-2xCRM9q9FlzGZCdgDMJwc0gyUkWFtkosy7Xxr6sFgQwn+wMNIWd7xIvYNauU1r64B5L5rsGKy/n9TKJ0aAFeqQ==" }, - "node_modules/@fortawesome/fontawesome-free": { - "version": "6.7.1", - "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.7.1.tgz", - "integrity": "sha512-ALIk/MOh5gYe1TG/ieS5mVUsk7VUIJTJKPMK9rFFqOgfp0Q3d5QiBXbcOMwUvs37fyZVCz46YjOE6IFeOAXCHA==", - "engines": { - "node": ">=6" - } - }, "node_modules/@google-cloud/cloud-sql-connector": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/@google-cloud/cloud-sql-connector/-/cloud-sql-connector-1.4.0.tgz", @@ -19729,11 +19720,6 @@ "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-1.0.3.tgz", "integrity": "sha512-2xCRM9q9FlzGZCdgDMJwc0gyUkWFtkosy7Xxr6sFgQwn+wMNIWd7xIvYNauU1r64B5L5rsGKy/n9TKJ0aAFeqQ==" }, - "@fortawesome/fontawesome-free": { - "version": "6.7.1", - "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.7.1.tgz", - "integrity": "sha512-ALIk/MOh5gYe1TG/ieS5mVUsk7VUIJTJKPMK9rFFqOgfp0Q3d5QiBXbcOMwUvs37fyZVCz46YjOE6IFeOAXCHA==" - }, "@google-cloud/cloud-sql-connector": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/@google-cloud/cloud-sql-connector/-/cloud-sql-connector-1.4.0.tgz", diff --git a/package.json b/package.json index 5cc0cbf..9fc7c4c 100644 --- a/package.json +++ b/package.json @@ -54,7 +54,6 @@ "webpack-dev-server": "^5.0.0" }, "dependencies": { - "@fortawesome/fontawesome-free": "^6.7.1", "firebase": "^11.0.0" } } diff --git a/src/assets/images/fa6-brands-bluesky.svg b/src/assets/images/fa6-brands-bluesky.svg new file mode 100644 index 0000000..12391ee --- /dev/null +++ b/src/assets/images/fa6-brands-bluesky.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/fa6-brands-github.svg b/src/assets/images/fa6-brands-github.svg new file mode 100644 index 0000000..e81f45d --- /dev/null +++ b/src/assets/images/fa6-brands-github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/fa6-brands-linkedin.svg b/src/assets/images/fa6-brands-linkedin.svg new file mode 100644 index 0000000..6cae1f8 --- /dev/null +++ b/src/assets/images/fa6-brands-linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/fa6-solid-arrow-up-right-from-square.svg b/src/assets/images/fa6-solid-arrow-up-right-from-square.svg new file mode 100644 index 0000000..0734e19 --- /dev/null +++ b/src/assets/images/fa6-solid-arrow-up-right-from-square.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/scss/_fontawesome.scss b/src/scss/_fontawesome.scss deleted file mode 100644 index 1835827..0000000 --- a/src/scss/_fontawesome.scss +++ /dev/null @@ -1,8 +0,0 @@ -$fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; - -// importing core styling file -@import '~@fortawesome/fontawesome-free/scss/fontawesome'; - -// our project needs Solid + Brands -@import '~@fortawesome/fontawesome-free/scss/solid'; -@import '~@fortawesome/fontawesome-free/scss/brands'; \ No newline at end of file diff --git a/src/scss/index.scss b/src/scss/index.scss index e5015e2..35016f9 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -1,5 +1,4 @@ @use "poppins"; -@use "fontawesome"; @use "variables" as *; // Reset @@ -97,22 +96,18 @@ h1 { .clazz-social-link-container { a { display: inline-block; - color: $primary-color; + filter: brightness(0) saturate(100%) invert(34%) sepia(3%) saturate(2463%) hue-rotate(176deg) brightness(90%) contrast(90%); padding: calc($gap /2 ) $gap; transition: color 0.3s ease; &:visited { - color: $primary-color; + filter: brightness(0) saturate(100%) invert(34%) sepia(3%) saturate(2463%) hue-rotate(176deg) brightness(90%) contrast(90%); } &:hover { - color: $hover-color; + filter: brightness(0) saturate(100%) invert(60%) sepia(53%) saturate(460%) hue-rotate(94deg) brightness(88%) contrast(94%); } } } -.fa-2xl { - line-height: 1; -} - // Footer footer { display: flex; diff --git a/src/views/index.ejs b/src/views/index.ejs index ae93e29..eb45c81 100644 --- a/src/views/index.ejs +++ b/src/views/index.ejs @@ -17,8 +17,6 @@ - -