updated style to match other pages (neon/cyber)

3 files changed, 58 insertions, 45 deletions

diff --git a/src/css/about.css b/src/css/about.css
index 82dfb28a..30f2116b 100644
--- a/src/css/about.css
+++ b/src/css/about.css
@@ -1,6 +1,17 @@
-/* .aboutPage { */
-/*    */
-/* } */
+img {
+    align-items: center;
+    align-self: center;
+    align-content: center;
+}
+
+strong {
+    text-align: center;
+}
+
+.aboutPage {
+    background-color: #05010d;
+    z-index: -2;
+}
 
 body {
 	margin: 0;
@@ -35,7 +46,6 @@ body {
 	/* flex: 1; */
     display: flex;
     height: 100%;
-    margin-top: 10em;
 }
 
 .main {
@@ -60,6 +70,7 @@ body {
 .name {
     font-family: smooth;
     font-size: 10vw;
+    text-align: center;
 }
 
 .background {
diff --git a/src/js/about.js b/src/js/about.js
index e69de29b..1a4813c2 100644
--- a/src/js/about.js
+++ b/src/js/about.js
@@ -0,0 +1,43 @@
+// Random Background color
+
+// aboutPage = document.querySelector(".aboutPage")
+
+// function getRandomColor() {
+//     const letters = "0123456789ABCDEF";
+//     let color = "#";
+//     for (let i = 0; i < 6; i++) {
+//         color += letters[Math.floor(Math.random() * 16)];
+//     }
+//     return color;
+// }
+
+// function setRandomGradient() {
+//     const rand3 = Math.floor(Math.random() * 3) + 1;
+//     if (rand3 === 1) {
+//         aboutPage.style.background = `linear-gradient(${Math.floor(
+//         Math.random() * 180
+//         )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`;
+//     } else if (rand3 === 2) {
+//         aboutPage.style.background = `linear-gradient(${Math.floor(
+//         Math.random() * 180
+//         )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}),
+//     linear-gradient(${Math.floor(
+//         Math.random() * 180
+//         )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`;
+//     } else {
+//         aboutPage.style.background = `linear-gradient(${Math.floor(
+//         Math.random() * 180
+//         )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}),
+//     linear-gradient(${Math.floor(
+//         Math.random() * 180
+//         )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}),
+//     linear-gradient(${Math.floor(
+//         Math.random() * 180
+//         )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`;
+//     }
+// }
+
+// setRandomGradient();
+
+// Execute setRandomGradient() every 1 minute
+// setInterval(setRandomGradient, 60000);
diff --git a/src/js/rbg.js b/src/js/rbg.js
deleted file mode 100644
index fa6b11a6..00000000
--- a/src/js/rbg.js
+++ /dev/null
@@ -1,41 +0,0 @@
-document.body.style.transition = "background 1s ease-in-out";
-
-function getRandomColor() {
-const letters = "0123456789ABCDEF";
-let color = "#";
-for (let i = 0; i < 6; i++) {
-	color += letters[Math.floor(Math.random() * 16)];
-}
-return color;
-}
-
-function setRandomGradient() {
-const rand3 = Math.floor(Math.random() * 3) + 1;
-if (rand3 === 1) {
-	document.body.style.background = `linear-gradient(${Math.floor(
-	Math.random() * 180
-	)}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`;
-} else if (rand3 === 2) {
-	document.body.style.background = `linear-gradient(${Math.floor(
-	Math.random() * 180
-	)}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}),
-linear-gradient(${Math.floor(
-	Math.random() * 180
-	)}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`;
-} else {
-	document.body.style.background = `linear-gradient(${Math.floor(
-	Math.random() * 180
-	)}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}),
-linear-gradient(${Math.floor(
-	Math.random() * 180
-	)}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}),
-linear-gradient(${Math.floor(
-	Math.random() * 180
-	)}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`;
-}
-}
-
-setRandomGradient();
-
-// Execute setRandomGradient() every 1 minute
-setInterval(setRandomGradient, 60000);