-
Notifications
You must be signed in to change notification settings - Fork 0
/
leaveoutinformation.html
173 lines (162 loc) · 6.26 KB
/
leaveoutinformation.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Don't | Leave Out Information</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/magic.css" />
<script src="js/script.js"></script>
<!-- Open Graph meta tags -->
<meta property="og:title" content="Don't">
<meta property="og:description" content="Leave out Information">
<meta property="og:image" content="https://jordy3d.github.io/files/logo.png">
<meta property="og:url" content="https://jordy3d.github.io/dont/leaveoutinformation">
<meta property="og:type" content="website">
</head>
<body>
<header>
<div class="logo">
<h1 class="dont"><a href="index.html">Don't</a></h1>
<span>Leave Out Information</span>
</div>
<div class="nav"></div>
<div class="nav-toggle" onclick="toggleNav(this)"></div>
<script>loadNav();</script>
<script>checkNavFlex();</script>
</header>
<main>
<div class="content-wrapper">
<div class="content">
<div class="dont">
<h2>Don't ❌</h2>
<div class="example">
<div class="discord"></div>
</div>
<div class="script">
<p>
By not telling Tim relevant information to his query, Keith is wasting both his and TIm's
time by making Tim ask for more information.
</p>
<p>
Not only is that time-wasting and annoying, it also actively
hinders the support process because it often brews dicontent
from the person seeking help, being asked to clarify every piece of relevant information.
</p>
</div>
</div>
<div class="do">
<h2>Do ✅</h2>
<div class="example">
<div class="discord"></div>
</div>
<div class="script">
<p>
By immediately telling Tim relevant information to her query, Dawn is saving both her and Tim's time by not making Tim ask for more information.
</p>
<p>
She has shown that she is actually prepared to receive suggestions and not just keep shooting them down because of some information she didn't give in the first place.
</p>
</div>
</div>
</div>
</div>
</main>
<footer>
<p>Don't leave out information when asking for help from someone... Help them to help you!</p>
<p>Based on... experiencing people do this.</p>
</footer>
<script>
var dontMessages = [
{
name: "Keith",
text: "Can anyone recommend a good office printer that's mid-priced?",
time: "9:49AM",
imageUrl: "https://www.nohello.net/img/MxF06xdCHJ-128.webp",
delay: 1,
},
{
name: "Tim",
text: "What is mid-priced to you?",
time: "9:50AM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 3,
},
{
name: "Keith",
text: "Not cheap and low quality, but below 2k",
time: "9:53AM",
imageUrl: "https://www.nohello.net/img/MxF06xdCHJ-128.webp",
delay: 1,
},
{
name: "Tim",
text: "What currency? We're not all from the same country.",
time: "9:54AM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 2,
},
{
name: "Keith",
text: "Dollars.",
time: "9:55AM",
imageUrl: "https://www.nohello.net/img/MxF06xdCHJ-128.webp",
delay: 1,
},
{
name: "Tim",
text: "Again, what currency? There are multiple countries that use dollars.",
time: "9:56AM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 2,
},
{
name: "Keith",
text: "US Dollars.",
time: "9:57AM",
imageUrl: "https://www.nohello.net/img/MxF06xdCHJ-128.webp",
delay: 1,
},
{
name: "Tim",
text: "I wish you'd have said that earlier...",
time: "9:58AM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 1,
}
];
var doMessages = [
{
name: "Dawn",
text: "Hey! Does anyone know a good office printer that's around 2k USD? Even better if it's between 1.5k and 2k.",
time: "9:50AM",
imageUrl: "https://www.nohello.net/img/4gebfK1xtc-128.webp",
delay: 3,
},
{
name: "Tim",
text: "Hey, I've heard good things about the one from X company.",
time: "9:51AM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 1,
},
{
name: "Dawn",
text: "Thanks! I'll check it out.",
time: "9:52AM",
imageUrl: "https://www.nohello.net/img/4gebfK1xtc-128.webp",
delay: 1,
},
{
name: "Tim",
text: "👌 np!",
time: "9:53AM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 1,
},
];
// call createMessages from script.js
createMessages(doMessages, dontMessages);
</script>
</body>
</html>