JSFiddle - React, Tailwind, and code Playground

by shrenuj

HTML

<link rel="stylesheet" href="http://joelb.me/scrollpath/style/style.css">
<link rel="stylesheet" href="http://joelb.me/scrollpath/style/scrollpath.css">
<script src="http://fonts.googleapis.com/css?family=Terminal+Dosis&amp;subset=latin"></script>
<script src="http://joelb.me/scrollpath/script/lib/prefixfree.min.js"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script src="http://joelb.me/scrollpath/script/lib/jquery.easing.js"></script>
<script src="http://joelb.me/scrollpath/script/jquery.scrollpath.js"></script>
<script src="http://joelb.me/scrollpath/script/demo.js"></script>

    <body>
        <nav>
            <ul>
                <li><a href="#start">1</a></li>
                <li><a href="#description">2</a></li>
                <li><a href="#syntax">3</a></li>
                <li><a href="#scrollbar">4</a></li>
                <li><a href="#rotations">5</a></li>
                <li><a href="#rotations-rotated">6</a></li>
                <li><a href="#source">7</a></li>
                <li><a href="#follow">8</a></li>
            </ul>
        </nav>
        <div class="settings">
            <a href="" class="show-path">Show Path</a>
        </div>
        <div class="wrapper">
            <div class="demo">
                <h1>jQuery Scroll Path</h1>
                <span class="arrow">&darr;</span> A Quick Demo <span class="arrow">&darr;</span>
            </div>
            
            <div class="description">
                <span class="big">It's a plugin for defining custom scroll paths.</span>
            </div>

            <div class="syntax">
                <span class="big">It uses canvas flavored syntax to draw lines and arcs.</span>
            </div>

            <div class="scrollbar">
                <span class="big">It comes with a custom scrollbar.</span>
            </div>

            <div class="rotations">
              ...