nstudio/src/main.js at master · farvelldev/nstudio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
// Babel runtime
import "core-js/stable";
import "regenerator-runtime/runtime";

// Import modules
import { Handler } from "@farvell/jflow-core";
import Typed from "typed.js";
import Lightbox from "./lightbox";

// Webpack styles
import "./styles/index.scss";

// Initialize menu event.
const initMenu = () => {
    const menu = new Handler({
        element: "menu",
        css: [ "hideLeft", "showLeft" ],
    },
    {
        element: "menu-button",
        css: [ "unrotateRight", "rotateRight" ],
    });

    return menu.onClick( "menu-control" );
};

// Initialize document event.
const initDocument = () => {
    const document = new Handler({
        element: "document",
        css: [ "disappear", "appear" ]
    },
    {
        element: "loader",
        css: "disappear"
    });

    return document.onTimeout( 900 );
};

// Main function.
window.addEventListener( "load", () => {
    initMenu()
        .then( initDocument())
        .then( new Lightbox({

            images: "grid-image",
            texts: "grid-caption",
            css: [ "disappear", "appear" ]

        })).then( console.log( "Is working..." ));
});

// Typed.js
new Typed( "#typed", {
    strings: [ "d", "designers.", "d", "developers.", "", "you!" ],
    typeSpeed: 90,
    backSpeed: 50,
    startDelay: 2000,
    backDelay: 1000,
    loop: true
});