Compare commits
No commits in common. "stable" and "1.0.0" have entirely different histories.
56
README.md
56
README.md
|
@ -2,51 +2,31 @@
|
||||||
Module for creating "hot lines"
|
Module for creating "hot lines"
|
||||||
|
|
||||||
## Example
|
## 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
|
```js
|
||||||
import("/js/modules/hotline.mjs").then((hotline) => {
|
// Initializing an instance of hotline manually
|
||||||
// Imported the hotline.mjs module
|
const instance = new hotline(
|
||||||
|
'articles',
|
||||||
|
document.getElementById('wrap_articles')
|
||||||
|
);
|
||||||
|
|
||||||
// Initializing an instance of the hotline.mjs
|
// Initializing settings of the hotline instance
|
||||||
const instance = new hotline.default(
|
instance.move = false;
|
||||||
'articles',
|
instance.wheel = true;
|
||||||
document.getElementById('wrap_articles')
|
instance.delta = 15;
|
||||||
);
|
|
||||||
|
|
||||||
// Initializing settings of the hotline instance
|
// Starting the hotline instance
|
||||||
instance.move = false;
|
instance.start();
|
||||||
instance.wheel = true;
|
|
||||||
instance.delta = 15;
|
|
||||||
|
|
||||||
// Starting the hotline instance
|
|
||||||
instance.start();
|
|
||||||
});
|
|
||||||
```
|
```
|
||||||
|
|
||||||
## Preview
|
## Preview
|
||||||
### Site of the Svoboda anarchist organization [svoboda/works](https://git.mirzaev.sexy/svoboda/works)
|
### Site of Svoboda anarchist organization [svoboda/works](https://git.mirzaev.sexy/svoboda/works)
|
||||||
![svoboda.works preview](preview/24.gif)<br><br>
|
![svoboda.works preview](/preview/24.gif)<br><br>
|
||||||
### Telegram chat-robot market [mirzaev/arming](https://git.mirzaev.sexy/mirzaev/arming)
|
### 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)
|
### 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>
|
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>
|
### 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/2024-11-27%2021_48_32-hotline.mjs.png)
|
||||||
![CodePen preview](preview/17.gif)
|
![CodePen preview](/preview/17.gif)
|
||||||
![CodePen preview](preview/6.gif)
|
![CodePen preview](/preview/6.gif)
|
File diff suppressed because one or more lines are too long
|
@ -21,7 +21,7 @@
|
||||||
* @license http://www.wtfpl.net/ Do What The Fuck You Want To Public License
|
* @license http://www.wtfpl.net/ Do What The Fuck You Want To Public License
|
||||||
* @author Arsen Mirzaev Tatyano-Muradovich <arsen@mirzaev.sexy>
|
* @author Arsen Mirzaev Tatyano-Muradovich <arsen@mirzaev.sexy>
|
||||||
*/
|
*/
|
||||||
export class hotline {
|
export default class hotline {
|
||||||
/**
|
/**
|
||||||
* @name Shell
|
* @name Shell
|
||||||
*
|
*
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue