-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathunavailable.html
208 lines (195 loc) · 16.8 KB
/
unavailable.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html>
<head>
<title>Possible reasons for my unavailability on Messenger</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Description" content="Did you been informed that I am not available on Facebook or Messenger right now? Find out some possible causes for happening this." />
<meta name="author" content="Md. Rifat Hasan Jihan" />
<meta name="keywords" content="rhjihan, portfolio, messenger, facebook, unavailable" />
<meta property="og:title" content="Possible reasons for my unavailability on Facebook" />
<meta property="og:description" content="Did you been informed that I am not available on Facebook or Messenger right now? Find out some possible causes for happening this." />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="bn_BD" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://rhjihan.github.io/elements/info_thumbnail.jpg" />
<meta property="og:image:width" content="2400" />
<meta property="og:image:height" content="1260" />
<meta property="og:url" content="https://rhjihan.github.io/unavailable.html" />
<meta property="og:site_name" content="Possible reasons for my unavailability on Facebook" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@RH_Jihan" />
<meta name="twitter:title" content="Possible reasons for my unavailability on Messenger" />
<meta name="twitter:description" content="Did you been informed that I am not available on Facebook or Messenger right now? Find out some possible causes for happening this." />
<meta name="twitter:image" content="https://rhjihan.github.io/elements/info_thumbnail.jpg" />
<link rel="canonical" href="https://rhjihan.github.io/unavailable.html" />
<link rel="shortcut icon" href="elements/exclamation.ico" />
<link rel="stylesheet" href="elements/style.css" />
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Coda&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Cookie&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<script src="https://kit.fontawesome.com/f83b4b844c.js" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(function() {
$('#toggle-event').change(function() {
document.body.className = $(this).data($(this).prop("checked").toString());
});
});
</script>
<style>
.#container-anim {
color: #260119;
text-align: center;
text-transform: uppercase;
width: 100%;
bottom: 40%;
display: block;
}
#flip {
height: 40px;
overflow: hidden;
}
#flip>div>div {
color: #fff;
padding: 4px 10px;
height: 45px;
margin-bottom: 45px;
display: inline-block;
}
#flip div:first-child {
animation: show 5s linear infinite;
}
#flip div div {
background: #f2291b;
}
#flip div:first-child div {
background: #037ef3;
}
#flip div:last-child div {
background: #4ac959;
}
@keyframes show {
0% {
margin-top: -270px;
}
5% {
margin-top: -180px;
}
33% {
margin-top: -180px;
}
38% {
margin-top: -90px;
}
66% {
margin-top: -90px;
}
71% {
margin-top: 0px;
}
99.99% {
margin-top: 0px;
}
100% {
margin-top: -270px;
}
}
</style>
</head>
<body class="en">
<div class="marquee">
<p>The quieter you become, the more you are able to hear.</p>
</div>
<div class="text-anim" style="margin: auto; width: 50%;">
<div id="container-anim">
HIBERNATED from
<div id="flip">
<div>
<div>Facebook</div>
</div>
<div>
<div>Messenger</div>
</div>
<div>
<div>WhatsApp</div>
</div>
</div>
</div>
</div>
<div style="padding-bottom: 30px;">
<div class="langswitch" style="float:right; "> <input type="checkbox" name="langswitch" class="langswitch-checkbox" id="toggle-event" checked data-toggle="toggle" data-size="large" data-onstyle="info" data-offstyle="info" data-true="en" data-false="bn"> <label class="langswitch-label" for="toggle-event"> <span class="langswitch-inner"></span> <span class="langswitch-switch"></span> </label></div>
</div>
<div lang="en">
<div class="wrapper">
<header style="text-align: justify;">
<p style="line-height: 1.4;"><i class="fas fa-quote-left fa-2x fa-pull-left"></i>You're visiting this page, because you're probably informed that I am not available on Facebook or Messenger right now.</p>
<div style="margin-bottom: 20px; line-height: 1.4"><i class="fas fa-check-circle"></i> Yes, that's maybe true.</div>
<div style="margin-bottom: 20px; line-height: 1.4"> <span style="color: #fcba03;"><i class="fas fa-question-circle"></i> Am I <i>active now</i>, but not replying to your messages?<br></span> <i class="fas fa-info-circle"></i> Admit that showing <i>Active now </i>doesn't
always mean that I am available on Facebook right now. May be a browser-tab of Facebook is kept open.<br> On the other hand, it's not my obligatory job to reply instantly to every message of my inbox.</div>
<div style="color: #037ef3; margin-bottom: 5px; line-height: 1.4"><i class="fas fa-star"></i> In urgent matters, please consider calling me over the phone. If I don't receive your phone call, you can leave an SMS.<br></div>
</header>
<section style="text-align: justify;">
<h3 style="color:#fcba03; line-height: 1.1;"><i class="fas fa-bullseye"></i> Axioms</h3>
<div style="margin-bottom: 20px;">Facebook is not the ONLY social website. Like my inactivity on other social websites, it's completely my decision whether I should be available on Facebook or not. <br> This <i>unavailability notice</i> is not an agreement. This doesn't
mean that I am not browsing Facebook at all or I am obligated to prohibit myself from using Facebook. It depends on me. But it's clear that I may or may not respond to someone as per my wish. <br> Using Facebook is NOT MY JOB or I
am NOT PAID to use this. So, I have the complete right to leave someone unresponded even if I am active, and/or not to use Facebook at all.</div>
<h3 style="color:#fcba03; line-height: 1.4;"> Here're the possible causes of why I am currently not available on Messenger:</h3>
<hr style="border: 1px solid #fcba03;">
<ul class="fa-ul">
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>I decided to stay away from Facebook for some reasons.</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>You messaged me during my sleeping time (12:00 AM – 08:30 AM GMT+6).</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>I am away from my Android and laptop.</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>I am doing another work and that's why decided not to reply to messages.</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>I forgot to check messages.</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>I decided not to reply to messages for an obvious reason.</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>I am in class or an examination hall.</li>
</ul>
<div style="color: grey; margin-bottom: 20px; line-height: 1.4"><i class="far fa-clock"></i> Don't be afraid. I will become available and reply to your messages. You can leave your queries in advance so that you won't have to wait till my availability. I appreciate your patience.</div>
<div style="color: grey; margin-bottom: 20px; line-height: 1.4"><i class="fas fa-shield-alt"></i> Note that I use Facebook and Messenger as leisure activities only. So, don't blame me for not replying.</div>
<div class="para" style="margin-top: -5px; margin-bottom: 5px; font-size: 15px;">
Thank you for understanding.<br>– <a class="grey" style="font-family: 'Cookie', cursive; font-size: 22px;" target="_blank" href="https://rhjihan.github.io">Jihan</a></div>
</section>
</div>
</div>
<div lang="bn">
<div class="wrapper">
<header style="text-align: justify;">
<p style="line-height: 1.4;"><i class="fas fa-quote-left fa-2x fa-pull-left"></i>আপনি এই পাতায় এসেছেন, কারণ সম্ভবত আপনি জানতে পেরেছেন যে আমি বর্তমানে ফেসবুক বা মেসেঞ্জারে উপলব্ধ নই।</p>
<div style="margin-bottom: 20px; line-height: 1.4"><i class="fas fa-check-circle"></i> হ্যাঁ, তথ্যটি হয়তো সত্য।</div>
<div style="margin-bottom: 20px; line-height: 1.4"> <span style="color: #fcba03;"><i class="fas fa-question-circle"></i> আমাকে <i>সক্রিয় </i>দেখাচ্ছে, কিন্তু আমি মেসেজের উত্তর দিচ্ছি না?<br></span> <i class="fas fa-info-circle"></i> মেনে নিন যে, <i>সক্রিয় </i>দেখানোর
অর্থ এই নয় যে আমি এই মুহূর্তে ফেসবুকে আছি। হয়তো ব্রাউজারে ফেসবুকের একটি ট্যাব খোলা আছে। <br>অন্যদিকে, আমার ইনবক্সের প্রতিটি মেসেজের তাৎক্ষণিক উত্তর দেয়া আমার বাধ্যতামূলক কাজ নয়।</div>
<div style="color: #037ef3; margin-bottom: 5px; line-height: 1.4"><i class="fas fa-star"></i> জরুরি প্রয়োজনে আমাকে ফোনে কল করুন। যদি আমি ফোন রিসিভ না করি তাহলে একটি এসএমএস দিয়ে রাখতে পারেন।<br></div>
</header>
<section style="text-align: justify;">
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<h3 style="color:#fcba03; line-height: 1.1;"><i class="fas fa-bullseye"></i> স্বীকার্য</h3>
<div style="margin-bottom: 20px; ">ফেসবুক একমাত্র সামাজিক যোগাযোগমাধ্যম নয়। অন্যান্য সামাজিক যোগাযোগমাধ্যমে আমি যেমন সক্রিয় নই, তেমনি ফেসবুকে আমি উপলব্ধ থাকব কি না সেটা সম্পূর্ণ আমার সিদ্ধান্ত।<br> এই <i>অনুপলব্ধতার বিজ্ঞপ্তি</i> কোনো চুক্তি নয়। এটার মানে এই নয় যে আমি একেবারেই
ফেসবুক ব্রাউজ করছি না অথবা আমি নিজেকে ফেসবুক ব্রাউজ করা থেকে বিরত রাখতে বাধ্য। বিষয়টি আমার উপর নির্ভর করে। কিন্তু এটা নিশ্চিত যে আমি ইচ্ছানুযায়ী যে কাউকে প্রত্যুত্তর দিতেও পারি বা নাও পারি।<br> ফেসবুক চালানো আমার চাকরি নয় কিংবা আমি
এর জন্য বেতন পাই না। তাই আমি সক্রিয় থাকলেও কাউকে সাড়া না দেওয়ার সম্পূর্ণ অধিকার আমার আছে।
</div>
<h3 style="color:#fcba03; line-height: 1.4;"> আমি এই মুহূর্তে মেসেঞ্জারে উপলব্ধ না থাকার কিছু সম্ভাব্য কারণ:</h3>
<hr style="border: 1px solid #fcba03;">
<ul class="fa-ul">
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>আমি কিছু কারণে ফেসবুক থেকে দূরে থাকার সিদ্ধান্ত নিয়েছি।</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>আপনি আমাকে আমার ঘুমানোর সময়ে মেসেজ দিয়েছেন (১২:০০ AM – ০৮:৩০ AM GMT+6).</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>আমি এই মুহূর্তে অ্যান্ড্রয়েড এবং ল্যাপটপ থেকে দূরে আছি।</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>আমি অন্য একটি কাজ করছি; তাই কোনো মেসেজের উত্তর না দেওয়ার সিদ্ধান্ত নিয়েছি।</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>আমি মেসেজ চেক করতে ভুলে গেছি।</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>আমি একটি বিশেষ কারণে মেসেজের উত্তর না দেওয়ার সিদ্ধান্ত নিয়েছি।</li>
<li><span class="fa-li"><i class="far fa-dot-circle"></i></span>আমি ক্লাসে কিংবা পরীক্ষাকক্ষে আছি।</li>
</ul>
<div style="color: grey; margin-bottom: 20px; line-height: 1.4"><i class="far fa-clock"></i> শঙ্কিত হবেন না। আমি ফিরে আসব এবং আপনার মেসেজের উত্তর দিব। আমি ফিরে আসার পর্যন্ত অপেক্ষা না করতে চাইলে আপনি আপনার জিজ্ঞাস্য পাঠিয়ে রাখতে পারেন। আপনার ধৈর্য আমার কাছে মূল্যবান।</div>
<div style="color: grey; margin-bottom: 20px; line-height: 1.4"><i class="fas fa-info-circle"></i> মনে রাখবেন, আমি কেবল অবসর কাটানোর একটি মাধ্যম হিসেবে ফেসবুক এবং মেসেঞ্জার ব্যবহার করি। তাই মেসেজের উত্তর না দেওয়ার জন্য আমাকে দোষারোপ করবেন না।</div>
<div class="para" style="margin-top: -5px; margin-bottom: 5px; font-size: 15px;">
বিষয়টি বোঝার জন্য ধন্যবাদ।<br>– <a class="grey" style="font-family: 'Cookie', cursive; font-size: 22px;" target="_blank" href="https://rhjihan.github.io">Jihan</a></div>
</section>
</div>
</div> <img src="https://iplogger.org/1NTUd7" width="0" height="0"></body>
</html>