Fixed overflow, removed twitter

TraXIcoN · Apr 18, 2024 · fb167c0 · fb167c0
1 parent 789c486
commit fb167c0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 30 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -1,29 +1,13 @@
 body {
   height: 100%;
 }
+.page-wrapper-overflow {
+  overflow-x: hidden;
+  position: absolute;
+}
 .intro {
   white-space: nowrap;
 }
-.p-text {
-  text-shadow: 0 0 10px white;
-  position: relative;
-  &::after,
-  &::before {
-    content: attr(data-text);
-    position: absolute;
-    left: 3px;
-    text-shadow: none;
-    background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2F3DPAzwJxrwCre%2Fgiphy.gif&f=1&nofb=1&ipt=dc4dd2260b9ccecc06fc391c3c781a47f6dd210b6e9d1d80c61beb36b618cdc9&ipo=images);
-    background-clip: text;
-    color: transparent;
-    mix-blend-mode: lighten;
-    pointer-events: none;
-  }
-  &::before {
-    left: -3px;
-    mix-blend-mode: lighten;
-  }
-}
 .vertical-rectangle {
   position: absolute;
   rotate: 45deg;
@@ -34,20 +18,20 @@ body {
   width: 50%; /* Adjust the width as needed */
   background-color: rgb(232, 182, 182); /* Adjust the color as needed */
   z-index: -10;
-  height: 500%;
+  /* height: 500%; */
   opacity: 0.4;
 }
 .vertical-rectangle1 {
   position: absolute;
   rotate: -45deg;
   top: 0;
   bottom: 0;
-  left: 50%;
+  left: 0;
   transform: translateX(-50%);
   width: 50%; /* Adjust the width as needed */
   background-color: rgb(232, 182, 182); /* Adjust the color as needed */
   z-index: -10;
-  height: 800%;
+  /* height: 800%; */
   opacity: 0.4;
 }
 

diff --git a/index.html b/index.html
@@ -36,6 +36,7 @@
   </head>
 
   <body id="page-top">
+    <div class="page-wrapper-overflow">
     <div class="vertical-rectangle"></div>
     <div class="vertical-rectangle1"></div>
     <!-- Navigation-->
@@ -136,9 +137,6 @@ <h1 class="mb-0 intro">
             <a class="social-icon text-danger" href="https://github.com/TraXIcoN"
               ><i class="fab fa-github"></i
             ></a>
-            <a class="social-icon text-danger" href="https://twitter.com/chifladoadiii16"
-            ><i class="fab fa-twitter"></i
-            ></a>
             <a class="social-icon text-danger" href="https://www.instagram.com/chiflado_adiiii16/"
             ><i class="fab fa-instagram"></i
             ></a>
@@ -426,7 +424,7 @@ <h2 class="mb-5">About Me</h2>
                       <div class="s2"></div>
                       <div class="s3"></div>
                     </div>
-                    <p class="mb-5 p-text">
+                    <p class="mb-5">
                         I find solace in strumming my guitar, losing myself in the melodies I create. Reading is another love of mine; there's nothing quite like getting lost in the pages of a gripping novel.
                     </p>
                     <div class="photo-grid__item photo c">
@@ -443,7 +441,7 @@ <h2 class="mb-5">About Me</h2>
                       <div class="s2"></div>
                       <div class="s3"></div>
                     </div>
-                    <p class="mb-5 p-text">
+                    <p class="mb-5">
                         When it comes to entertainment, I'm drawn to thriller movies with intricate plots that keep me guessing until the end. I'm also an avid Formula 1 enthusiast, eagerly following the twists and turns of each race.
                     </p>
                     <div class="photo-grid__item photo c" style="height: auto;">
@@ -504,7 +502,7 @@ <h2 class="mb-5">About Me</h2>
                       <div class="s2"></div>
                       <div class="s3"></div>
                     </div>
-                    <p class="mb-5 p-text">
+                    <p>
                         As a developer, I thrive on creating elegant solutions to complex problems. Beyond coding, I'm deeply passionate about various pursuits that enrich my life.
                     </p>
                     <div class="photo-grid__item photo c" style="height: auto;">
@@ -523,7 +521,7 @@ <h2 class="mb-5">About Me</h2>
                       <br>
                       <br>
                     </div>
-                    <p class="mb-5 p-text">
+                    <p class="mb-5">
                         On the field, I enjoy playing cricket, relishing the camaraderie and competition it offers. And of course, I'm always ready to share my heart with furry friends, finding joy in the simple companionship they provide, especially dogs.
                     </p>
                   </div>
@@ -569,5 +567,6 @@ <h2 class="mb-5">Achievements</h2>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
     <!-- Core theme JS-->
     <script src="js/scripts.js"></script>
+  </div>
   </body>
 </html>