/var/www/flurhymez/node_modules/magicmouse.js/

/var/www/flurhymez/node_modules/magicmouse.js

Name	Size	Mode	Actions
css/	-	0755	rm
dist/	-	0755	rm
images/	-	0755	rm
js/	-	0755	rm
scss/	-	0755	rm
.gitattributes	62	0755	edit dl rm
gulpfile.js	2088	0755	edit dl rm
index.html	6138	0755	edit dl rm
LICENSE	1064	0755	edit dl rm
package.json	1756	0755	edit dl rm
README.md	2642	0755	edit dl rm

Edit: /var/www/flurhymez/node_modules/magicmouse.js/index.html (6138B)

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <title>MagicMouse.js - effects for cursor on website</title>
    <meta name="description" content="A lightweight javascript library to create some amazing effects for the mouse (cursor) on your website">

<div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav">
              <li class="nav-item active">
                <a class="nav-link magic-hover magic-hover__square" href="#">home <span class="sr-only">(current)</span></a>
              </li>
              <li><a href="#" class="nav-link magic-hover magic-hover__square">about</a></li>
              <li><a href="#" class="nav-link magic-hover magic-hover__square">how it works</a></li>
              <li><a href="#" class="nav-link magic-hover magic-hover__square">blog</a></li>
              <li><a class="nav-link no-cursor">No cursor</a></li>
            </ul>
          </div>
        </nav>
      </div>

<div class="container main-body">
        <div class="row">
          <div class="col-6 code-section">
            <pre id="codeSection" class="prettyprint">options = {{options}}
magicMouse(options);
            </pre>
            <div class="try-section">
              <select class="form-control form-control-sm" v-model="selectedEffect">
                <option v-for="effect in effectList" :value="effect">{{effect}}</option>
              </select>
              <button class="btn btn-mm-dark magic-hover magic-hover__square" @click="changeEffect()">Try it</button>
            </div>

</div>
          <div class="col-6 text-section">
            <h1>magicmouse.js</h1>
            <p>An opensource library that help you to create some magic effects for the mouse (cursor) of your website</p>
            <div class="btn-section">
              <a href="dist/magicmouse-1.0.zip" class="btn btn-mm-light magic-hover magic-hover__square">download</a>
              <a href="https://github.com/dshongphuc/magic-mouse-js" class="btn btn-mm-dark github-icon magic-hover magic-hover__square" target="_blank"> github</a>
            </div>
          </div>
        </div>
      </div>
  </div>

</div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script type="text/javascript" src="dist/magic_mouse.cdn.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.js"></script>

let codeBlock = document.getElementById("codeSection")
            codeBlock.classList.remove("prettyprinted")
            codeBlock.innerHTML = "options = " + JSON.stringify(this.options, null, 2) + "; \n magicMouse(options);";
            prettier();
          }
        },
      });
    </script>
  </body>
</html>

MagicMouse.js - effects for cursor on website

options = {{options}}
magicMouse(options);

magicmouse.js

An opensource library that help you to create some magic effects for the mouse (cursor) of your website

download github