Update profile picture

shruti-sen2004 · Jul 6, 2024 · 9e8b26f · 9e8b26f
1 parent 5555b7c
commit 9e8b26f
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 3 deletions.
diff --git a/images/portfolio-pic-dark.png b/images/portfolio-pic-dark.png
diff --git a/images/profile-pic.png b/images/profile-pic.png
diff --git a/index.html b/index.html
@@ -48,7 +48,7 @@ <h3>I'm an avid techie.</h3>
                     <a href="#contact" class="btn">Join Me <i class="fas fa-arrow-circle-right"></i></a>
                 </div>
                 <div class="home-img">
-                    <img src="images/profile-pic.png" alt="">
+                    <img src="images/profile-pic.png" id="image">
                 </div>
             </div>
             <a href="#about" class="scroll-down">Scroll Down <i class="fas fa-arrow-down"></i></a>

diff --git a/main.js b/main.js
@@ -7,15 +7,18 @@ window.addEventListener("scroll",function(){
 //DARK THEME TOGGLE
 var icon = document.getElementById("icon");
 var logo = document.getElementsByClassName("logo")[0];
+var image = document.getElementById("image");
 icon.onclick = function(){
     document.body.classList.toggle("dark-theme");
 
     if(document.body.classList.contains("dark-theme")){
         icon.src = "images/sun.png";
         logo.src = "images/logo-dark.png";
+        image.src = "images/portfolio-pic-dark.png";
     }else{
         icon.src = "images/moon.png";
         logo.src = "images/logo-light.png";
+        image.src = "images/profile-pic.png";
     }
 }
 

diff --git a/style.css b/style.css
@@ -1044,8 +1044,8 @@ footer a{
     }
 
     .home-container .home-img img{
-        width: 65%;
-        transform: translate(80px, -180px);
+        width: 90%;
+        transform: translate(30px, -220px);
     }
 
     .home .home-container .info{