Compare commits
9 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
81aca40016 | ||
|
44a466e64d | ||
|
3257c7e7ec | ||
|
bc0bab1867 | ||
|
8c7d16500a | ||
|
6e1632cd14 | ||
|
f2f377e362 | ||
|
6bf6aab82f | ||
|
b0a1c8b9dc |
60
README.md
60
README.md
|
@ -2,31 +2,51 @@
|
||||||
Module for creating "hot lines"
|
Module for creating "hot lines"
|
||||||
|
|
||||||
## Example
|
## Example
|
||||||
```js
|
```html
|
||||||
// Initializing an instance of hotline manually
|
<section id="wrap_articles" style="display: flex">
|
||||||
const instance = new hotline(
|
<!-- First element -->
|
||||||
'articles',
|
<article>
|
||||||
document.getElementById('wrap_articles')
|
<h3>Place</h3>
|
||||||
);
|
</article>
|
||||||
|
|
||||||
// Initializing settings of the hotline instance
|
|
||||||
instance.move = false;
|
|
||||||
instance.wheel = true;
|
|
||||||
instance.delta = 15;
|
|
||||||
|
|
||||||
// Starting the hotline instance
|
<!-- Second element -->
|
||||||
instance.start();
|
<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
|
## Preview
|
||||||
### Site of Svoboda anarchist organization [svoboda/works](https://git.mirzaev.sexy/svoboda/works)
|
### Site of the 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 default class hotline {
|
export class hotline {
|
||||||
/**
|
/**
|
||||||
* @name Shell
|
* @name Shell
|
||||||
*
|
*
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue