Fluent-Design-For-Web/fluent.js at master · shivendrasaurav/Fluent-Design-For-Web · 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
function frosting(){

    document.querySelector(".frost_container:hover").onmousemove = e => {
        const x = e.pageX - e.target.offsetLeft;
        const y = e.pageY - e.target.offsetTop;

        e.target.style.setProperty("--x", `${x}px`);
        e.target.style.setProperty("--y", `${y}px`);
    };
}

function ShowRange(){

    var slider = document.getElementById("slider");
    var output = document.getElementById("slidervalue");
    output.innerHTML = slider.value;

    slider.oninput = function() {
    output.innerHTML = this.value;
    }

}


function openmod1(){
    document.getElementById("mod1").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closemod1(){
    document.getElementById("mod1").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}
function openmod2(){
    document.getElementById("mod2").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closemod2(){
    document.getElementById("mod2").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}
function openmod3(){
    document.getElementById("mod3").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closemod3(){
    document.getElementById("mod3").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}
function openmod4(){
    document.getElementById("mod4").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closemod4(){
    document.getElementById("mod4").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}
function openmod5(){
    document.getElementById("mod5").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closemod5(){
    document.getElementById("mod5").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}


function openside1(){
    document.getElementById("side1").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closeside1(){
    document.getElementById("side1").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}
function openside2(){
    document.getElementById("side2").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closeside2(){
    document.getElementById("side2").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}
function openside3(){
    document.getElementById("side3").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closeside3(){
    document.getElementById("side3").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}
function openside4(){
    document.getElementById("side4").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closeside4(){
    document.getElementById("side4").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}
function openside5(){
    document.getElementById("side5").style.display="Block";
    document.getElementById("body").style.filter="saturate(250%) blur(25px)";
}
function closeside5(){
    document.getElementById("side5").style.display="None";
    document.getElementById("body").style.filter="blur(0px)";
}


function opendialog1(){
    document.getElementById("dialog1").style.display="Block";
}
function closedialog1(){
    document.getElementById("dialog1").style.display="None";
}
function opendialog2(){
    document.getElementById("dialog2").style.display="Block";
}
function closedialog2(){
    document.getElementById("dialog2").style.display="None";
}
function opendialog3(){
    document.getElementById("dialog3").style.display="Block";
}
function closedialog3(){
    document.getElementById("dialog3").style.display="None";
}
function opendialog4(){
    document.getElementById("dialog4").style.display="Block";
}
function closedialog4(){
    document.getElementById("dialog4").style.display="None";
}
function opendialog5(){
    document.getElementById("dialog5").style.display="Block";
}
function closedialog5(){
    document.getElementById("dialog5").style.display="None";
}
/*

$(function() {
$( ".dialogue_box" ).draggable();
});

*/