mark1/about.js at master · Manas26/mark1 · 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
$(function () {
    window.sr = ScrollReveal();

    if ($(window).width() < 768) {
        if ($(".timeline-content").hasClass("js--fadeInLeft")) {
            $(".timeline-content")
                .removeClass("js--fadeInLeft")
                .addClass("js--fadeInRight");
        }

        sr.reveal(".js--fadeInRight", {
            origin: "right",
            distance: "300px",
            easing: "ease-in-out",
            duration: 800
        });
    } else {
        sr.reveal(".js--fadeInLeft", {
            origin: "left",
            distance: "300px",
            easing: "ease-in-out",
            duration: 800
        });

        sr.reveal(".js--fadeInRight", {
            origin: "right",
            distance: "300px",
            easing: "ease-in-out",
            duration: 800
        });
    }

    sr.reveal(".js--fadeInLeft", {
        origin: "left",
        distance: "300px",
        easing: "ease-in-out",
        duration: 800
    });

    sr.reveal(".js--fadeInRight", {
        origin: "right",
        distance: "300px",
        easing: "ease-in-out",
        duration: 800
    });
});


/* SKILLS */

$(function () {


    //create instance
    $('.chart').easyPieChart({
        scaleColor: "transparent",
        lineWidth: 5,
        lineCap: "round", //Can be butt
        barColor: "orange",
        trackColor: "#555",
        size: 180,
        rotate: 0,
        animate: 3000,
        // animate the numbers
        onStep: function (value) {
            this.$el.find('.per').text(Math.round(value));
        },
        onStop: function (value, to) {
            this.$el.find('.per').text(Math.round(to));
        }
    });


});

/* SKILLS Ending*/

/* Skills2 Starting */
var lang = {
    html: "90%",
    css: "90%",
    javascript: "70%",
    php: "80%",
    angular: "90%",
    python: "70%",
    java: "60%",
    c: "80%",
    photoshop: "90%"
};

var multiply = 4;

$.each(lang, function (language, pourcent) {
    var delay = 700;

    setTimeout(function () {
        $("#" + language + "-pourcent").html(pourcent);
    }, delay * multiply);

    multiply++;
});
/*  Skills2 Ending */