-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhelp.html
More file actions
170 lines (157 loc) · 8 KB
/
help.html
File metadata and controls
170 lines (157 loc) · 8 KB
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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./assets/img/favicon.png" type="image/png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="assets/css/header.css" />
<link rel="stylesheet" href="assets/css/navigation.css" />
<link rel="stylesheet" href="./assets/css/help.css">
<script src="script.js"></script>
<script src="./js/help.js"></script>
<script src="./js/contacts.js"></script>
<script src="./assets/templates/html_templates.js"></script>
<title>Join - Help</title>
</head>
<body onload="helpInit()">
<div id="bodyContent" class="bodyContent">
<header w3-include-html="./assets/templates/header.html" id="header" class="header">
</header>
<div id="main-wrapper" class="main-wrapper">
<nav id="navigation-container"
class="navigation-container"></nav>
<main id="main" class="main">
<div class="help-page">
<div class="help-page-header">
<h1>Help</h1>
<img src="./assets/img/icon-arrow_left.png" onclick="goBack()">
</div>
<div>
<span>
Welcome to the help page for <span class="joinSpanBlue">Join</span>, your guide to using
our kanban
project management tool. Here,
we'll provide an overview of what <span class="joinSpanBlue">Join</span> is, how it can
benefit you,
and how to use it.
</span>
<h2>What is Join?</h2>
<span><span class="joinSpanBlue">Join</span> is a kanban-based project management tool
designed and built
by a group of dedicated
students as part of their web development bootcamp at the Developer Akademie.
<br><br>
Kanban, a Japanese term meaning "billboard", is a highly effective method to
visualize work,
limit work-in-progress, and maximize efficiency (or flow). <span
class="joinSpanBlue">Join</span>
leverages the principles of
kanban to help users manage their tasks and projects in an intuitive, visual
interface.
<br><br>
It is important to note that <span class="joinSpanBlue">Join</span> is designed as an
educational
exercise and is not intended for
extensive business usage. While we strive to ensure the best possible user
experience, we cannot
guarantee consistent availability, reliability, accuracy, or other aspects of
quality regarding
<span class="joinSpanBlue">Join</span>
</div>
<div>
<h2>How to use it</h2>
<span>
Here is a step-by-step guide on how to use <span class="joinSpanBlue">Join</span>:
</span>
</div>
<div class="numberH3Box">
<h3>1.</h3>
<div>
<h4>Exploring the Board</h4>
<span>
When you log in to <span class="joinSpanBlue">Join</span>, you'll find a default
board. This
board represents your project
and
contains four default lists: "To Do", "In Progress", “Await feedback” and
"Done".
</span>
</div>
</div>
<div class="numberH3Box">
<h3>2.</h3>
<div>
<h4>Creating Contacts</h4>
<span>
In <span class="joinSpanBlue">Join</span>, you can add contacts to collaborate on
your
projects. Go to the "Contacts"
section,
click on "New contact", and fill in the required information. Once added, these
contacts
can
be assigned tasks and they can interact with the tasks on the board.
</span>
</div>
</div>
<div class="numberH3Box">
<h3>3.</h3>
<div>
<h4>Adding Cards</h4>
<span>
Now that you've added your contacts, you can start adding cards. Cards represent
individual
tasks. Click the "+" button under the appropriate list to create a new card.
Fill in the
task details in the card, like task name, description, due date, assignees, etc.
</span>
</div>
</div>
<div class="numberH3Box">
<h3>4.</h3>
<div>
<h4>Moving Cards</h4>
<span>
As the task moves from one stage to another, you can reflect that on the board
by
dragging
and dropping the card from one list to another.
</span>
</div>
</div>
<div class="numberH3Box">
<h3>5.</h3>
<div class="lastHelpDiv">
<h4>Deleting Cards</h4>
<span>
Once a task is completed, you can either move it to the "Done" list or delete
it.
Deleting a
card will permanently remove it from the board. Please exercise caution when
deleting
cards,
as this action is irreversible.
<br><br>
Remember that using <span class="joinSpanBlue">Join</span> effectively requires
consistent
updates from you and your team
to
ensure the board reflects the current state of your project.
<br><br>
Have more questions about <span class="joinSpanBlue">Join</span>? Feel free to
contact us at
<b>mario.markwart@gmail.com</b>. We're
here
to help you! <br><br>
</span>
<h2 class="bottomGreetingHelp">Enjoy using Join!</h2><br><br>
</div>
</div>
</div>
</main>
</div>
<div id="navigation-container-mobile"></div>
</div>
</body>
</html>