-
Notifications
You must be signed in to change notification settings - Fork 0
/
hinderhelp.html
148 lines (139 loc) · 4.19 KB
/
hinderhelp.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Don't | Hinder Help</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="Hinder Help">
<meta property="og:image" content="https://jordy3d.github.io/files/logo.png">
<meta property="og:url" content="https://jordy3d.github.io/dont/hinderhelp">
<meta property="og:type" content="website">
</head>
<body>
<header>
<div class="logo">
<h1 class="dont"><a href="index.html">Don't</a></h1>
<span>Hinder Help</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 what he's already tried, Keith is wasting
both his and Tim's time starting off with repeat suggestions.
</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 told to do things they've
already done.
</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 the things she did, Dawn has not only
sped up the support process but also shown that she's not simply
given up as soon as she encountered a problem.
</p>
<p>
She has shown that she is not only more ready to receive further help and
more likely to act on it, but be more likely to listen in the
first place.
</p>
</div>
</div>
</div>
</div>
</main>
<footer>
<p>Don't get in the way of others helping you... Help them to help you!</p>
<p>Based on... experiencing people do this.</p>
</footer>
<script>
var dontMessages = [
{
name: "Keith",
text: "My computer isn't working",
time: "2:15PM",
imageUrl: "https://www.nohello.net/img/MxF06xdCHJ-128.webp",
delay: 1,
},
{
name: "Tim",
text: "have you tried turning it on? is it plugged in? is your monitor turned on?",
time: "2:17PM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 2,
},
{
name: "Keith",
text: "I've already tried all that.",
time: "2:18PM",
imageUrl: "https://www.nohello.net/img/MxF06xdCHJ-128.webp",
delay: 1,
},
{
name: "Tim",
text: "i wish you'd have said that already...",
time: "2:20PM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 1,
},
];
var doMessages = [
{
name: "Dawn",
text: "Hey! My computer doesn't seem to be working. I've checked that it's plugged in and that the monitor is on, but when I push the power button nothing happens.",
time: "2:15PM",
imageUrl: "https://www.nohello.net/img/4gebfK1xtc-128.webp",
delay: 3,
},
{
name: "Tim",
text: "Oh, hey. Might sound silly, but is the powerpoint turned on?",
time: "2:15PM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 1,
},
{
name: "Dawn",
text: "Oh, whoops, forgot about that! Thanks!",
time: "2:16PM",
imageUrl: "https://www.nohello.net/img/4gebfK1xtc-128.webp",
delay: 1,
},
{
name: "Tim",
text: "👌 np!",
time: "2:16PM",
imageUrl: "https://www.nohello.net/img/CGi-z9VgRi-128.webp",
delay: 1,
},
];
// call createMessages from script.js
createMessages(doMessages, dontMessages);
</script>
</body>
</html>