forked from ho33ein74/Farawin-Messanger
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path403.html
126 lines (117 loc) · 4.19 KB
/
403.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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"/>
<title>403 Forbidden Error</title>
<style>
@import url("https://fonts.googleapis.com/css?family=Bungee");
@font-face {
font-family: "IRANSansWeb";
font-style: normal;
font-weight: 400;
src: url('public/fonts/iran_sans/eot/IRANSansWeb(FaNum).eot');
src: url('public/fonts/iran_sans/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
url('public/fonts/iran_sans/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),
url('public/fonts/iran_sans/woff/IRANSansWeb(FaNum).woff') format('woff'),
url('public/fonts/iran_sans/ttf/IRANSansWeb(FaNum).ttf') format('truetype')
}
body {
background: #1b1b1b;
color: white;
font-family: "Bungee", cursive;
margin-top: 50px;
text-align: center;
}
a {
color: #2aa7cc;
text-decoration: none;
}
h1,h3 {
font-family: "IRANSansWeb";
direction: rtl;
}
h3 {
line-height: 2.5;
}
a:hover {
color: white;
}
svg {
width: 50vw;
}
.lightblue {
fill: #444;
}
.eye {
cx: calc(115px + 30px * var(--mouse-x));
cy: calc(50px + 30px * var(--mouse-y));
}
#eye-wrap {
overflow: hidden;
}
.error-text {
font-size: 120px;
}
.alarm {
animation: alarmOn 0.5s infinite;
}
@keyframes alarmOn {
to {
fill: darkred;
}
}
</style>
</head>
<body>
<!-- partial:index.partial.html -->
<svg xmlns="http://www.w3.org/2000/svg" id="robot-error" viewBox="0 0 260 118.9">
<defs>
<clipPath id="white-clip"><circle id="white-eye" fill="#cacaca" cx="130" cy="65" r="20" /> </clipPath>
<text id="text-s" class="error-text" y="106"> 403 </text>
</defs>
<path class="alarm" fill="#e62326" d="M120.9 19.6V9.1c0-5 4.1-9.1 9.1-9.1h0c5 0 9.1 4.1 9.1 9.1v10.6" />
<use xlink:href="#text-s" x="-0.5px" y="-1px" fill="black"></use>
<use xlink:href="#text-s" fill="#2b2b2b"></use>
<g id="robot">
<g id="eye-wrap">
<use xlink:href="#white-eye"></use>
<circle id="eyef" class="eye" clip-path="url(#white-clip)" fill="#000" stroke="#2aa7cc" stroke-width="2" stroke-miterlimit="10" cx="130" cy="65" r="11" />
<ellipse id="white-eye" fill="#2b2b2b" cx="130" cy="40" rx="18" ry="12" />
</g>
<circle class="lightblue" cx="105" cy="32" r="2.5" id="tornillo" />
<use xlink:href="#tornillo" x="50"></use>
<use xlink:href="#tornillo" x="50" y="60"></use>
<use xlink:href="#tornillo" y="60"></use>
</g>
</svg>
<h2>You are not allowed to enter here.</h2>
<h3>شما اجازه دسترسی به سایت را ندارید.</h3>
<!-- partial -->
<script>
var root = document.documentElement;
var eyef = document.getElementById('eyef');
var cx = document.getElementById("eyef").getAttribute("cx");
var cy = document.getElementById("eyef").getAttribute("cy");
document.addEventListener("mousemove", evt => {
let x = evt.clientX / innerWidth;
let y = evt.clientY / innerHeight;
root.style.setProperty("--mouse-x", x);
root.style.setProperty("--mouse-y", y);
cx = 115 + 30 * x;
cy = 50 + 30 * y;
eyef.setAttribute("cx", cx);
eyef.setAttribute("cy", cy);
});
document.addEventListener("touchmove", touchHandler => {
let x = touchHandler.touches[0].clientX / innerWidth;
let y = touchHandler.touches[0].clientY / innerHeight;
root.style.setProperty("--mouse-x", x);
root.style.setProperty("--mouse-y", y);
});
</script>
</body>
</html>