some changes

abhishektyagi2912 · Dec 19, 2023 · 87b0597 · 87b0597
1 parent d5febd9
commit 87b0597
Show file tree

Hide file tree

Showing 3 changed files with 67 additions and 30 deletions.
diff --git a/index.html b/index.html
@@ -30,7 +30,6 @@
                     <a data-scroll-to href="#page4">Projects</a>
                     <a data-scroll-to href="#page7">Connect</a>
                 </div>
-
             </div>
             <div id="homemain">
                 <div id="homecontent">
@@ -40,14 +39,19 @@ <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident qui ipsu
                         repellat reprehenderit in maxime non rem quibusdam officiis quasi voluptate tempore, ullam amet
                         reiciendis sunt, magni id eum?</h3>
                     <img class="right" src="./assests/img/arrow.png" alt="">
-                    <div class="magnet">
+                    <div class="magnet projectbtn">
                         <a href="" class="btn">Start Projects <img class="btnimage" src="./assests/img/right_arrow.png"
                                 alt=""></a>
                     </div>
                 </div>
-                <img class="left"
-                    src="https://images.unsplash.com/photo-1598784143976-cd71919612bd?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-                    alt="some error occur">
+                <div id="image">
+                    <img class="left"
+                        src="https://abhishektyagi2912.github.io/portfolio/assets/img/SAVE_20201229_210537.jpg"
+                        alt="some error occur">
+                </div>
+            </div>
+            <div id="anda">
+                <a href="#" onclick="sendEmail()">Available for freelance</a>
             </div>
         </div>
         <div id="page2">
@@ -65,8 +69,8 @@ <h1>
                     </h1>
                 </div>
                 <div id="aboutbtn">
-                    <a href="" target="_blank">Resume <img class="download" src="./assests/img/right_arrow.png"
-                            alt=""></a>
+                    <a href="https://drive.google.com/file/d/17tuLjSPmXfsGFV7w5JZ7FNKn8AXroryH/view?usp=sharing"
+                        target="_blank">Resume <img class="download" src="./assests/img/right_arrow.png" alt=""></a>
                 </div>
             </div>
         </div>

diff --git a/javascript/index.js b/javascript/index.js
@@ -1,11 +1,5 @@
 Shery.mouseFollower();
 Shery.makeMagnet(".magnet");
-// const scroll = new LocomotiveScroll({
-//     el: document.querySelector('#main'),
-//     smooth: true
-// });
-
-// const scroll = new LocomotiveScroll();
 
 var tl = gsap.timeline()
 
@@ -63,5 +57,30 @@ document.addEventListener('DOMContentLoaded', function () {
     }
 });
 
+document.addEventListener('DOMContentLoaded', function () {
+    const scrollToTopButton = document.getElementById('scroll-to-top');
+
+    window.addEventListener('scroll', function () {
+        if (window.scrollY > 100) {
+            scrollToTopButton.style.opacity = '1';
+            scrollToTopButton.style.pointerEvents = 'auto';
+        } else {
+            scrollToTopButton.style.opacity = '0';
+            scrollToTopButton.style.pointerEvents = 'none';
+        }
+    });
 
+    scrollToTopButton.addEventListener('click', function () {
+        gsap.to(window, {
+            duration: 1,
+            scrollTo: {
+                y: '#home',
+                offsetY: 0,
+            },
+        });
+    });
+});
 
+function sendEmail() {
+    window.location.href = "mailto:your-abhishekpersonal2912@gmail.com?subject=I%20want%20to%20work%20with%20you";
+}
diff --git a/stylesheet/style.css b/stylesheet/style.css
@@ -107,12 +107,12 @@ hr {
     width: 100%;
 }
 
-
 #homemain {
     display: flex;
     padding: 0 5vw;
     height: 100vh;
     border-bottom: 1px solid #706751;
+    position: relative;
 }
 
 #homecontent {
@@ -167,14 +167,13 @@ hr {
 
 #homemain .left {
     /* background-color: red; */
-    width: 25vw;
+    width: 24vw;
     height: 35vw;
     object-fit: cover;
     object-position: center;
-    margin-top: 85px;
+    margin-top: 8.4vw;
     margin-left: 70vw;
     margin-right: 5vw;
-
 }
 
 #homemain .right {
@@ -184,15 +183,32 @@ hr {
     object-position: center;
     margin-right: 15vw;
     margin-top: -7vw;
+}
 
+#anda {
+    position: absolute;
+    margin-top: -10vw;
+}
+
+#anda a {
+    text-decoration: none;
+    font-family: 'Caveat', cursive;
+    font-size: 2vw;
+    font-weight: 400;
+    color: #706751;
+    margin-left: 48vw;
+    border: 2px solid #706751;
+    border-radius: 50%;
+    padding: 3vw 2vw;
+    display: inline-block;
+    text-align: center;
 }
 
 #homeimg {
     display: flex;
     justify-content: space-between;
     object-fit: cover;
     object-position: center;
-
 }
 
 #homemain .btn {
@@ -297,7 +313,7 @@ hr {
 #page3 {
     display: flex;
     padding: 0 5vw;
-    height: 40vh;
+    height: 27vw;
     border-bottom: 1px solid #706751;
 }
 
@@ -327,12 +343,11 @@ hr {
     flex-wrap: wrap;
     justify-content: center;
     gap: 20px;
-
 }
 
 #page3 #skillscontent a {
     margin-left: 1vw;
-    width: 70px;
+    width: 7vw;
     background-color: #D6D1C5;
     padding: 10px;
     border-radius: 50%;
@@ -537,7 +552,7 @@ hr {
 
 #page6 #connect h1 {
     font-family: 'Caveat', cursive;
-    font-size: 10vw; 
+    font-size: 10vw;
     font-weight: 400;
     color: #fff;
     text-align: center;
@@ -547,19 +562,19 @@ hr {
 #page6 #connect h2 {
     font-family: 'Caveat', cursive;
     font-family: 'Open Sans', sans-serif;
-    font-size: 6vw; 
+    font-size: 6vw;
     font-weight: 400;
     color: #fff;
-    letter-spacing: -2px; 
+    letter-spacing: -2px;
     text-transform: uppercase;
     text-align: center;
     margin-bottom: 15vh;
 }
 
 #connectbtn a {
     text-decoration: none;
-    font-size: 2vw; 
-    padding: 0.8vw 4vw; 
+    font-size: 2vw;
+    padding: 0.8vw 4vw;
     border: 3px solid #000000;
     border-radius: 70px;
     font-weight: 600;
@@ -585,12 +600,11 @@ hr {
 
 #social a {
     text-decoration: none;
-    font-size: 1vw; 
-    padding: 0.8vw 4vw; 
+    font-size: 1vw;
+    padding: 0.8vw 4vw;
     border: 3px solid #000000;
     text-transform: capitalize;
     border-radius: 70px;
     font-weight: 600;
     color: #000;
-}
-
+}