index.html


<html> 
  <head> 
    <title>Joel P Joji</title> 
    <!-- <meta name="description" content="Joel P Joji is a software engineer specializing in building android applications and websites ">
    <meta name="author" content="Joel P Joji" /> -->
    <link rel="icon" href="https://raw.githubusercontent.com/joelpjoji/Portfolio-v1/master/image/favicon.ico">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/index.css">
  </head> 
  <body> 
    <script type="text/javascript" src="index.js"> 
    </script> 
    <div id="console"></div> 
    <div class="cursor"></div>
<script>
    const cursor = document.querySelector('.cursor');
    document.addEventListener('mousemove', e => {
    cursor.setAttribute("style", "top: " + (e.pageY - 10) + "px; left: " + (e.pageX - 10) + "px;");
    });

    document.addEventListener('click', () => {
    cursor.classList.add("expand");

    setTimeout(() => {
    cursor.classList.remove("expand");
        }, 500);
});
</script>
    
  </body> 
</html> 