Curzr | Cross LIne
There's a range of cursors which is totally free. Each cursor is unique and has its own behaviour for you to explore. Furthermore, they are customisable with the live preview. It is supported by all browsers, try to copy and paste it into your creative project now!
| { | |
| "meta": { | |
| "theme": "elegant" | |
| }, | |
| "basics": { | |
| "name": "Thomas Davis", | |
| "label": "Web Developer", | |
| "image": "https://avatars0.githubusercontent.com/u/416209?s=460&u=38f220a2c9c658141804f881c334c594eb1642ac&v=4", | |
| "summary": "I'm a full stack web developer who can build apps from the ground up. I've worked mostly at startups so I am used to wearing many hats. I am a very product focused developer who prioritizes user feedback first and foremost. I'm generally very flexible when investigating new roles. ", | |
| "website": "https://lordajax.com", |
| <input type="checkbox" name="toggle" id="toggle" /> | |
| <label for="toggle"></label> | |
| <div class="container"> |
| <div id="app"> | |
| <qrcode-stream @detect="onDetect" @error="onError"></qrcode-stream> | |
| </div> |
| <div class="mobile-wrap"> | |
| <div class="mobile clearfix"> | |
| <div class="header"> | |
| <span class="ion-ios-navicon pull-left"><i></i></span> | |
| <span class="title">Home</span> | |
| <span class="ion-ios-search pull-right"></span> | |
| <div class="search"> | |
| <form method="post"> |
| <div id="ScrollPane"> | |
| <div class="scr pane prt" style="background:#039be5;" data-id="Welcome"><div class="ct"><b>ton.tg</b></div><div class="scrolldown">Scroll down<br><i class="fa fa-arrow-down" aria-hidden="true"></i></div></div> | |
| <div class="scr prt tab"> | |
| <div class="left spane"> | |
| <div class="pane an" style="background:#CC2E40;" data-id="Subdomain01"><div class="ct"><b>wallet</b></div></div> | |
| <div class="pane an" style="background:#039be5;" data-id="Subdomain02"><div class="ct"><b>explorer</b></div></div> | |
| <div class="pane an" style="background:#da4236;" data-id="Subdomain03"><div class="ct"><b>blockchain</b></div></div> | |
| </div> | |
| <div class="right scrzone" style="background:#039be5;"><div class="ct"><span>awesome projects<br><b>.ton.tg</b></span></div></div> | |
| </div> |
| # | |
| # Monitor file $1 for changes | |
| # Send an alert emai to $2 if file $1 changes | |
| # usage: inotify_email_watcher.sh /var/log/messages your.name@domain.com | |
| if [ -z "$2" ]; then | |
| echo "Usage: inotify_email_watcher.sh" | |
| exit 1 | |
| fi | |
| # if the file exists | |
| if [ -f $1 ] || [ -d $1 ]; then |
| <div class="section full-height"> | |
| <input class="modal-btn" type="checkbox" id="modal-btn" name="modal-btn"/> | |
| <label for="modal-btn">Open Modal <i class="uil uil-expand-arrows"></i></label> | |
| <div class="modal"> | |
| <div class="modal-wrap"> | |
| <img src="https://assets.codepen.io/1462889/sl3.jpg" alt=""> | |
| <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p> | |
| </div> | |
| </div> |
| <div class="login-box"> | |
| <h2>Login</h2> | |
| <form> | |
| <div class="user-box"> | |
| <input type="text" name="" required=""> | |
| <label>Username</label> | |
| </div> | |
| <div class="user-box"> | |
| <input type="password" name="" required=""> | |
| <label>Password</label> |
