diff --git a/index.html b/index.html
index f9f9d54..6158364 100644
--- a/index.html
+++ b/index.html
@@ -149,16 +149,11 @@
-
-
-
-
-
-
-
+
+
Explore My Work
diff --git a/packages/css/styles.css b/packages/css/styles.css
index 1bb62c9..58b93da 100644
--- a/packages/css/styles.css
+++ b/packages/css/styles.css
@@ -2,7 +2,8 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@media (max-width: 768px) {
- html, body {
+ html,
+ body {
margin: 0;
padding: 0;
overflow-x: hidden;
@@ -879,7 +880,6 @@ img {
margin-right: var(--mb-0-25);
}
-
/* Active Modal */
.active-modal {
opacity: 1;
@@ -1685,7 +1685,8 @@ body.dark-theme .welcome {
animation: blink 1s step-end infinite;
}
-#cursor, #cursor-subtitle {
+#cursor,
+#cursor-subtitle {
position: relative;
left: 0;
}
diff --git a/packages/js/main.js b/packages/js/main.js
index 2c6db12..83bb8a8 100644
--- a/packages/js/main.js
+++ b/packages/js/main.js
@@ -221,17 +221,17 @@ function scrollActive() {
});
}
-const textArray = ["Welcome!"];
-const subtitleArray = ["Explore my portfolio and see my journey as a software engineer."];
+const textArray = ['Welcome!'];
+const subtitleArray = ['Explore my portfolio and see my journey as a software engineer.'];
let charIndex = 0;
let subtitleIndex = 0;
let typingDelay = 150;
let newTextDelay = 1000; // Delay between current and next text
-let typedTextSpan = document.getElementById("typed-text");
-let typedSubtitleSpan = document.getElementById("typed-subtitle");
-let cursor = document.getElementById("cursor");
-let cursorSubtitle = document.getElementById("cursor-subtitle");
-let scrollButton = document.getElementById("scroll-button");
+let typedTextSpan = document.getElementById('typed-text');
+let typedSubtitleSpan = document.getElementById('typed-subtitle');
+let cursor = document.getElementById('cursor');
+let cursorSubtitle = document.getElementById('cursor-subtitle');
+let scrollButton = document.getElementById('scroll-button');
// Type the title
function typeTitle() {
@@ -258,17 +258,17 @@ function typeSubtitle() {
cursorSubtitle.style.display = 'none';
// Show the button once all typing is complete
scrollButton.style.display = 'inline-block';
- scrollButton.classList.add("drop-down"); // Optional fade-in animation
+ scrollButton.classList.add('drop-down'); // Optional fade-in animation
}
}
-document.addEventListener("DOMContentLoaded", function () {
+document.addEventListener('DOMContentLoaded', function () {
setTimeout(typeTitle, newTextDelay);
});
-document.getElementById("scroll-button").addEventListener("click", function (event) {
+document.getElementById('scroll-button').addEventListener('click', function (event) {
event.preventDefault();
- document.getElementById("home").scrollIntoView({ behavior: "smooth" });
+ document.getElementById('home').scrollIntoView({ behavior: 'smooth' });
});
window.addEventListener('scroll', scrollActive);
@@ -438,7 +438,6 @@ const backToTopButton = document.getElementById('back-to-top');
backToTopButton.addEventListener('click', function () {
document.getElementById('home').scrollIntoView({ behavior: 'smooth' });
-
});
window.addEventListener('scroll', function () {