-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththanks.html
104 lines (91 loc) · 3.29 KB
/
thanks.html
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
<html>
<head>
<title>Matrix Calculator</title>
<link href="dependencies/headerfont" rel="stylesheet">
<link rel="stylesheet" href="dist/light/blue/thanks.css">
<script src="dist/dep.min.js" type="text/javascript"></script>
<link rel="icon" href="img/icon.png">
<script src="dependencies/interact.js" type="text/javascript"></script>
<script>
var $stylesheet = $('<link id="theme" rel="stylesheet" href="dist/light/purple/refrences.css">');
if (typeof(Storage) !== "undefined" && localStorage.hasOwnProperty("themeAndColour")) {
var href = localStorage.getItem('themeAndColour').split('/');
href[href.length - 1] = 'refrences.css';
$stylesheet.attr('href', href.join('/'));
}
$('head').append($stylesheet);
</script>
</head>
<body>
<div id="header" class="noSelect">
<div class="middleTitle center noSelect" onclick="window.location.href='index.html'">
<div class="headerBracket icon-left-bracket"></div>
<div id="headerText">
Mαtrix
<br>Cαlculator
</div>
<div class="headerBracket icon-right-bracket"></div>
</div>
</div>
<div class="mainBody matDefinitions">
<br>
<div class="matInput draggable thanks">
<div class="thankText center">
Thanks for your feedback!
<br> I'll get back to you really soon
</div>
<div class="handle icon-drag-handle"></div>
</div>
</body>
<script>
// target elements with the "draggable" class
interact('.draggable')
.draggable({
snap: {
targets: [
interact.createSnapGrid({
x: 20,
y: 20
})
],
range: Infinity,
relativePoints: [{
x: 0,
y: 0
}]
},
// enable inertial throwing
inertia: true,
// keep the element within the area of it's parent
restrict: {
restriction: ".mainBody",
endOnly: false,
elementRect: {
top: 0,
left: 0,
bottom: 0,
right: 1
}
},
// enable autoScroll
autoScroll: true,
// call this function on every dragmove event
onmove: dragMoveListener,
}).allowFrom('.handle');
// this is used later in the resizing and gesture demos
window.dragMoveListener = dragMoveListener;
function dragMoveListener(event) {
var target = event.target,
// keep the dragged position in the data-x/data-y attributes
x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx,
y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;
// translate the element
target.style.webkitTransform =
target.style.transform =
'translate(' + x + 'px, ' + y + 'px)';
// update the posiion attributes
target.setAttribute('data-x', x);
target.setAttribute('data-y', y);
}
</script>
</html>