# hotline.mjs
Module for creating "hot lines"

## Example
```html
<section id="wrap_articles" style="display: flex">
    <!-- First element -->
    <article>
        <h3>Place</h3>
    </article>

    <!-- Second element -->
    <div>
        <p>here</p>
    </div>

    <!-- Third element -->
    <a>anything</a>
</section>
```
```js
import("/js/modules/hotline.mjs").then((hotline) => {
    // Imported the hotline.mjs module

    // Initializing an instance of the hotline.mjs
    const instance = new hotline.default(
        'articles', 
        document.getElementById('wrap_articles')
    );
        
    // Initializing settings of the hotline instance
    instance.move = false;
    instance.wheel = true;
    instance.delta = 15;

    // Starting the hotline instance
    instance.start();
});
```

## Preview
### Site of the Svoboda anarchist organization [svoboda/works](https://git.mirzaev.sexy/svoboda/works)
![svoboda.works preview](preview/24.gif)<br><br>
### Telegram chat-robot market [mirzaev/arming](https://git.mirzaev.sexy/mirzaev/arming)
![ARMING preview](preview/5.gif)<br><br>
### Large project, marketplace system [mirzaev/skillparts](https://git.mirzaev.sexy/mirzaev/skillparts)
but the example is taken from another project that was copied and corrupted by another programmer<br><br>
![SkillParts preview](preview/8.gif)<br><br>
### Pen in the [CodePen](https://codepen.io/mirzaev-sexy/pen/gOzBZOP)<br><br>
![CodePen preview](preview/2024-11-27%2021_48_32-hotline.mjs.png)
![CodePen preview](preview/17.gif)
![CodePen preview](preview/6.gif)