Update: Update profile information

hoangsonww · Oct 4, 2024 · d8a1600 · d8a1600
1 parent 8cc322b
commit d8a1600
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -2268,7 +2268,7 @@ <h3 class="contact__title">Location</h3>
     </a>
 
     <!--==================== SCROLL TO TOP ====================-->
-    <a class="scrollup" id="back-to-top" title="Back to Top" data-tooltip="Back to Top"><i class="fa fa-arrow-up"></i></a>
+    <a class="scrollup" style="display: block" id="back-to-top" title="Back to Top" data-tooltip="Back to Top"><i class="fa fa-arrow-up"></i></a>
 
     <!--==================== SWIPER JS ====================-->
     <script src="./packages/js/swiper-bundle.min.js"></script>

diff --git a/packages/css/styles.css b/packages/css/styles.css
@@ -1,6 +1,15 @@
 /* ==================== GOOGLE FONTS ====================*/
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
 
+@media (max-width: 768px) {
+  html, body {
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+    height: 100%;
+  }
+}
+
 /*==================== VARIABLES CSS ====================*/
 :root {
   --header-height: 3rem;
@@ -339,14 +348,6 @@ img {
   color: var(--first-color-alt);
 }
 
-html, body {
-  margin: 0;
-  padding: 0;
-  overflow-x: hidden; /* Ensure no horizontal scroll */
-  height: 100%;
-}
-
-
 /* show menu */
 .show-menu {
   bottom: 0;
@@ -1630,7 +1631,7 @@ body {
 }
 
 .welcome {
-  width: 100vw;
+  width: 99vw;
   height: 100vh;
   background-color: var(--body-color);
   display: flex;

diff --git a/packages/js/main.js b/packages/js/main.js
@@ -262,12 +262,10 @@ function typeSubtitle() {
   }
 }
 
-// Start typing animation when page loads
 document.addEventListener("DOMContentLoaded", function () {
   setTimeout(typeTitle, newTextDelay);
 });
 
-// Smooth scroll when button is clicked
 document.getElementById("scroll-button").addEventListener("click", function (event) {
   event.preventDefault();
   document.getElementById("home").scrollIntoView({ behavior: "smooth" });