Compare commits
9 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
81aca40016 | ||
|
44a466e64d | ||
|
3257c7e7ec | ||
|
bc0bab1867 | ||
|
8c7d16500a | ||
|
6e1632cd14 | ||
|
f2f377e362 | ||
|
6bf6aab82f | ||
|
b0a1c8b9dc |
56
README.md
56
README.md
|
@ -2,31 +2,51 @@
|
|||
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
|
||||
// Initializing an instance of hotline manually
|
||||
const instance = new hotline(
|
||||
'articles',
|
||||
document.getElementById('wrap_articles')
|
||||
);
|
||||
import("/js/modules/hotline.mjs").then((hotline) => {
|
||||
// Imported the hotline.mjs module
|
||||
|
||||
// Initializing settings of the hotline instance
|
||||
instance.move = false;
|
||||
instance.wheel = true;
|
||||
instance.delta = 15;
|
||||
// Initializing an instance of the hotline.mjs
|
||||
const instance = new hotline.default(
|
||||
'articles',
|
||||
document.getElementById('wrap_articles')
|
||||
);
|
||||
|
||||
// Starting the hotline instance
|
||||
instance.start();
|
||||
// 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)
|
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
|
||||
* @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
Loading…
Reference in New Issue