<commit_before><!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">

    <title>Vanilla JavaScript Carousel</title>

    <link rel="stylesheet" href="styles/docs-page.css" />
    <link rel="stylesheet" href="styles/vanilla-js-carousel.css">
    <link rel="stylesheet" href="styles/prism.css" />
    <!--[if IE 9]>
    <script src="//cdn.jsdelivr.net/classlist/2014.01.31/classList.min.js"></script>
    <![endif]-->
</head>
<body>
    <header>
        <img src="images/vanilla-js-logo.png" alt="Vanilla JS">

        <h1>Vanilla JavaScript Carousel</h1>

        <h3>Tiny (1Kb gzipped) JavaScript carousel with all the features most of us will ever need.</h3>
    </header>

    <section>
        <h2>Demo</h2>

        <div class="js-Carousel" id="carousel">
            <ul>
                <li><img src="images/nature-1.jpg" alt=""></li>
                <li><img src="images/nature-2.jpg" alt=""></li>
                <li><img src="images/nature-3.jpg" alt=""></li>
                <li><img src="images/nature-4.jpg" alt=""></li>
                <li><img src="images/nature-5.jpg" alt=""></li>
                <li><img src="images/nature-6.jpg" alt=""></li>
                <li><img src="images/nature-7.jpg" alt=""></li>
                <li><img src="images/nature-8.jpg" alt=""></li>
                <li><img src="images/nature-9.jpg" alt=""></li>
            </ul>
        </div>
    </section>

    <section>
        <h2>Download</h2>

        <p>Available on <a href="https://github.com/zoltantothcom/vanilla-js-carousel" target="_blank">GitHub</a> or <a href="https://www.npmjs.com/package/vanilla-js-carousel" target="_blank">npm</a></p>
    </section>

    <section>
        <h2>Installation</h2>

        <ol>
            <li>
                Download as an <strong><code>npm</code></strong> package
                <pre><code class="language-javascript">npm install --save vanilla-js-carousel</code></pre>
                or include the script in your page
                <pre><code class="language-markup">&lt;script src="path/to/vanilla-js-carousel.min.js">&lt;/script></code></pre>
            </li>
            <li><commit_msg>Update index.html in docs - shortening npm command<commit_after><!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">

    <title>Vanilla JavaScript Carousel</title>

    <link rel="stylesheet" href="styles/docs-page.css" />
    <link rel="stylesheet" href="styles/vanilla-js-carousel.css">
    <link rel="stylesheet" href="styles/prism.css" />
    <!--[if IE 9]>
    <script src="//cdn.jsdelivr.net/classlist/2014.01.31/classList.min.js"></script>
    <![endif]-->
</head>
<body>
    <header>
        <img src="images/vanilla-js-logo.png" alt="Vanilla JS">

        <h1>Vanilla JavaScript Carousel</h1>

        <h3>Tiny (1Kb gzipped) JavaScript carousel with all the features most of us will ever need.</h3>
    </header>

    <section>
        <h2>Demo</h2>

        <div class="js-Carousel" id="carousel">
            <ul>
                <li><img src="images/nature-1.jpg" alt=""></li>
                <li><img src="images/nature-2.jpg" alt=""></li>
                <li><img src="images/nature-3.jpg" alt=""></li>
                <li><img src="images/nature-4.jpg" alt=""></li>
                <li><img src="images/nature-5.jpg" alt=""></li>
                <li><img src="images/nature-6.jpg" alt=""></li>
                <li><img src="images/nature-7.jpg" alt=""></li>
                <li><img src="images/nature-8.jpg" alt=""></li>
                <li><img src="images/nature-9.jpg" alt=""></li>
            </ul>
        </div>
    </section>

    <section>
        <h2>Download</h2>

        <p>Available on <a href="https://github.com/zoltantothcom/vanilla-js-carousel" target="_blank">GitHub</a> or <a href="https://www.npmjs.com/package/vanilla-js-carousel" target="_blank">npm</a></p>
    </section>

    <section>
        <h2>Installation</h2>

        <ol>
            <li>
                Download as an <strong><code>npm</code></strong> package
                <pre><code class="language-javascript">npm i vanilla-js-carousel</code></pre>
                or include the script in your page
                <pre><code class="language-markup">&lt;script src="path/to/vanilla-js-carousel.min.js">&lt;/script></code></pre>
            </li>
            <li>
{'fraction_non_alphanumeric': 0.19574271170754282, 'fraction_numerical': 0.013882461823229986, 'mean_word_length': 2.2430607651912977, 'pattern_counts': {'":': 0, '<': 175, '<?xml version=': 0, '>': 179, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2305468', 'n_tokens_mistral': 1530, 'n_tokens_neox': 1420, 'n_words': 252}