Update

7Kushal · Jan 18, 2021 · 379a190 · 379a190
1 parent 2dca87c
commit 379a190
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 6 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/css/styles.css b/css/styles.css
@@ -47,6 +47,15 @@ body {
   color: #333333;
   background-color: black;
 }
+.cursor {
+  border-radius: 50%;
+  border: 2px solid white;
+  height: 30px;
+  width: 30px;
+  position: absolute;
+  transition-duration: 50ms;
+  transition-timing-function: ease-out;
+}
 .dark {
   /* font-size: 2rem; */
   /* background-color: white; */
@@ -170,7 +179,7 @@ h4 {
   margin: 0px;
   position: relative;
   z-index: -1;
-  background: url(../images/P2.jpeg) no-repeat center center fixed;
+  /* background: url(../images/P2.jpeg) no-repeat center center fixed; */
 
   -webkit-background-size: cover;
   -moz-background-size: cover;
@@ -184,7 +193,7 @@ h4 {
 }
 
 .background_lite {
-  background: url(../images/P2.jpg) no-repeat center center fixed;
+  /* background: url(../images/P2.jpg) no-repeat center center fixed; */
 }
 
 .bottom-container {

diff --git a/index.html b/index.html
@@ -23,7 +23,7 @@
 <body>
   <!-- Image and text -->
  <!-- <img  src="images/dark.png" class="dark" onclick="myFunction()" width="40px" height="40px"> -->
-
+ <div class="cursor"></div>
   <section class="first">
     <header id="header">
       <!-- <nav class="navbar navb  ar-expand-lg navbar-light bg-light" id="navv"> -->
@@ -44,15 +44,14 @@ <h1>Kushal jangir</h1>
       <div class="profile">
         <!-- <img class="mypic" src="images/Myself.jpg" alt="kushal_jangir"> -->
         <!-- <h2>Hola ! I'M COOL.</h2> -->
-        <p class="hello">Graduate at NIT surat</p>
+        <p class="hello">Hey, I'm Kushal</p>
       </div>
     </div>
 
   </section>
 
   <div class="middle-container">
 
-    <hr>
     <div class="skills">
       <div class="skill-row">
         <img class="static" id="gip" src="images/giphy.gif" alt="code_img">
@@ -125,7 +124,7 @@ <h3>Core Skills</h3>
     </p>
   </div>
 
-  <hr>
+  <!-- <hr> -->
 
     <h2>FIND ME ON</h2>
 
@@ -143,6 +142,12 @@ <h2>FIND ME ON</h2>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
 <script>
+  const x = document.querySelector(".cursor");
+    document.addEventListener('mouseover',function(e){
+       x.setAttribute("style","top:"+(e.pageY -10)+"px; left:"+(e.pageX-10)+"px;");
+      console.log(e);
+
+ });
        function myFunction() {
        var element = document.body;
        var back = document.getElementById("back");
@@ -160,6 +165,7 @@ <h2>FIND ME ON</h2>
           gipp.src="images/white2.gif";
        }
        }
+
    </script>
 </body>