Compare commits
13 Commits
Author | SHA1 | Date | |
---|---|---|---|
112f6bf41c | |||
ab302610b0 | |||
be7d36956c | |||
16cfc341f5 | |||
81aca40016 | |||
44a466e64d | |||
3257c7e7ec | |||
bc0bab1867 | |||
8c7d16500a | |||
6e1632cd14 | |||
f2f377e362 | |||
6bf6aab82f | |||
b0a1c8b9dc |
53
README.md
53
README.md
@@ -2,31 +2,48 @@
|
||||
Module for creating "hot lines"
|
||||
|
||||
## Example
|
||||
```html
|
||||
<section id="wrap" 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((module) => {
|
||||
// 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 module.hotline(document.getElementById('wrap'));
|
||||
|
||||
// Starting the hotline instance
|
||||
instance.start();
|
||||
// Initializing settings of the hotline instance
|
||||
instance.alive = 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)
|
||||
<br><br>
|
||||
### Site of the Svoboda anarchist organization [svoboda/works](https://git.mirzaev.sexy/svoboda/works)
|
||||
<br><br>
|
||||
### Telegram chat-robot market [mirzaev/arming](https://git.mirzaev.sexy/mirzaev/arming)
|
||||
<br><br>
|
||||
<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>
|
||||
<br><br>
|
||||
<br><br>
|
||||
### Pen in the [CodePen](https://codepen.io/mirzaev-sexy/pen/gOzBZOP)<br><br>
|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
20
hotline.min.mjs
Normal file
20
hotline.min.mjs
Normal file
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
Reference in New Issue
Block a user