Compare commits

..

9 Commits

4 changed files with 61 additions and 40 deletions

View File

@ -2,31 +2,51 @@
Module for creating "hot lines"
## Example
```js
// Initializing an instance of hotline manually
const instance = new hotline(
'articles',
document.getElementById('wrap_articles')
);
// Initializing settings of the hotline instance
instance.move = false;
instance.wheel = true;
instance.delta = 15;
```html
<section id="wrap_articles" style="display: flex">
<!-- First element -->
<article>
<h3>Place</h3>
</article>
// Starting the hotline instance
instance.start();
<!-- 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 Svoboda anarchist organization [svoboda/works](https://git.mirzaev.sexy/svoboda/works)
![svoboda.works preview](/preview/24.gif)<br><br>
### 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>
![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>
![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)
![CodePen preview](preview/2024-11-27%2021_48_32-hotline.mjs.png)
![CodePen preview](preview/17.gif)
![CodePen preview](preview/6.gif)

20
hotline.min.mjs Normal file

File diff suppressed because one or more lines are too long

View File

@ -21,7 +21,7 @@
* @license http://www.wtfpl.net/ Do What The Fuck You Want To Public License
* @author Arsen Mirzaev Tatyano-Muradovich <arsen@mirzaev.sexy>
*/
export default class hotline {
export class hotline {
/**
* @name Shell
*

File diff suppressed because one or more lines are too long