<commit_before># MARQUEE3000

Marquees for the new millenium ✨

Super smooth and versatile javaScript plugin with no dependencies.

👄

## Features
- ~3kb minified with no dependencies
- Turn any element into a smooth-as-butter marquee
- Text, images++<sup>*</sup> it'll do it
- Style marquees as usual with CSS– get creative!
- Set orientation, speed and direction
- Have hundreds without any slowdown
- Automatically adjusts if window is scaled up

<sup>*</sup>we'll find out more

## Demo
[MARQUEE3000 DEMO MARQUEE3000 DEMO MARQUEE3000 DEMO](https://ezekielaquino.github.io/Marquee3000/)

## Usage

1. Include Marquee3000 in your html file.

    ``` html
        <script src="marquee3k.min.js"></script>
2. Create an element with a `.marquee3k` class. You can pass different options such as speed, orientation and direction (optional). See below for options.
    ``` html
        <div class="marquee3k" 
            data-speed="60" → speed in pixels/sec (default: 50)
            data-reverse="bool" → default: R to L / T to B
            data-direction="vertical" → horizontal or vertical
            data-delay="2" → Initial pause before animating (in sec)>
            MARQUEE3000
            <!--you can even have inline images,
            or any kind of html -->
            <img src="trumpet.jpg" />
        </div>
3. Fill it up with text or images etc. (still finding out what you can do with it)
4. In your js file or `<script>` just call `Marquee3k()` and you're all set!

### Options
<commit_msg>🏄 Update README<commit_after># MARQUEE3000

Marquees for the new millenium ✨

Super smooth and versatile javaScript plugin with no dependencies.

👄

## Features
- ~3kb minified with no dependencies
- Turn any element into a smooth-as-butter marquee
- Text, images++<sup>*</sup> it'll do it
- Style marquees as usual with CSS– get creative!
- Set orientation, speed and direction
- Have hundreds without any slowdown
- Automatically adjusts if window is scaled up

<sup>*</sup>we'll find out more

## Demo
[MARQUEE3000 DEMO MARQUEE3000 DEMO MARQUEE3000 DEMO](https://ezekielaquino.github.io/Marquee3000/)

## Usage

1. Include Marquee3000 in your html file.

    ``` html
        <script src="marquee3k.min.js"></script>
        
2. Create an element with a `.marquee3k` class. You can pass different options such as speed, orientation and direction (optional). See below for options.

    ``` html
        <div class="marquee3k" 
            data-speed="60" → speed in pixels/sec (default: 50)
            data-reverse="bool" → default: R to L / T to B
            data-direction="vertical" → horizontal or vertical
            data-delay="2" → Initial pause before animating (in sec)>
            MARQUEE3000
            <!--you can even have inline images,
            or any kind of html -->
            <img src="trumpet.jpg" />
        </div>
        
3. Fill it up with text or images etc. (still finding out what you can do with it)

4. In your js file or `<script>` just call `Marquee3k()` and you're all set!

### Options

{'fraction_non_alphanumeric': 0.09967105263157895, 'fraction_numerical': 0.02763157894736842, 'mean_word_length': 2.8251572327044023, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4116457', 'n_tokens_mistral': 991, 'n_tokens_neox': 890, 'n_words': 376}