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 @@
-
-