portfolio/script.js at main · saketh-exe/portfolio · 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
var screenWidth = window.innerWidth;
console.log('Current screen width: ' + screenWidth + ' pixels');

let item = document.getElementById('pop-up');
let item2 = document.getElementById('pop-up2');
let item3 = document.getElementById('pop-up3');
let item4 = document.getElementById('vi');
let item5 = document.getElementById('vi1');
let item6 = document.getElementById('vi2');
let body = document.body;


function Displaypopup(){
    item.style.display = "flex";
    item.style.animation="Fade_Top 0.4s ease 1";

}
function Remove() {
    item.style.animation = "Fade_Down 0.4s ease 1";
    setTimeout(function() {
        item.style.display = "none";
    }, 400);
}


    function Displaypopup2(){
        item2.style.display = "flex";
        item2.style.animation="Fade_Top 0.4s ease 1";


    }
    function Remove2(){

        item2.style.animation = "Fade_Down 0.4s ease 1";
        setTimeout(function() {
            item2.style.display = "none";
        }, 400);}


    function Displaypopup3(){


        item3.style.display = "flex";
    item3.style.animation="Fade_Top 0.4s ease 1";

    }
    function Remove3(){

        item3.style.animation = "Fade_Down 0.4s ease 1";
    setTimeout(function() {
        item3.style.display = "none";
    }, 400);}

    function Video(){
        item4.style.display = "block"

    }

    function vi_r(){
        item4.style.display = "none"

    }
    function Video1(){
        item5.style.display = "block"

    }

    function vi_r1(){
        item5.style.display = "none"

    }
    function Video2(){
        item6.style.display = "block"

    }

    function vi_r2(){
        item6.style.display = "none"

    }