-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhelp.html
156 lines (153 loc) · 7.66 KB
/
help.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JOIN - Help</title>
<link rel="stylesheet" href="./styles/styleguide.css" />
<link rel="stylesheet" href="./styles/global.css" />
<link rel="stylesheet" href="./styles/style.css" />
<link rel="stylesheet" href="./styles/help.css" />
<link rel="stylesheet" href="./styles/fonts.css" />
<script src="./js/login.js"></script>
<script src="./js/globalRender.js"></script>
<script src="./js/script.js"></script>
<script src="./js/classesSidebar.js"></script>
<script src="./js/storage.js"></script>
<link rel="icon" type="image" href="./img/join-favicon.svg" />
</head>
<body onload="includeHTMLInit('Help')">
<div class="task-comp-bg d-none" id="msgBox-bg">
<div class="task-comp">
<span id="msgBox" class="task-comp-text"></span>
</div>
</div>
<main w3-include-html="./templates/sidebar.html"></main>
<nav w3-include-html="./templates/header.html"></nav>
<div class="content-container">
<div class="container" id="content">
<a action="action" onclick="window.history.go(-1); return false;" type="submit" value="Cancel"><img
src="./img/arrow-left-line.svg" class="arrow-left-line" />
</a>
<div class="help">
<div class="div">
<div class="frame">
<div class="text-wrapper">Help</div>
</div>
<div class="text">
<p class="p">
<span class="span">Welcome to the help page for </span>
<span class="text-wrapper-2">Join</span>
<span class="span">
, your guide to using our kanban project management tool. Here, we'll provide an overview of what
</span>
<span class="text-wrapper-2">Join</span>
<span class="span"> is, how it can benefit you, and how to use it.</span>
</p>
<div class="frame-2">
<div class="text-wrapper-3">What is Join?</div>
<p class="join-is-a-kanban">
<span class="text-wrapper-2">Join</span>
<span class="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>
<span class="text-wrapper-2">Join</span>
<span class="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>
<span class="text-wrapper-2">Join</span>
<span class="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>
<span class="text-wrapper-2">Join</span>
<span class="span">.</span>
</p>
</div>
<div class="text-wrapper-4">How to use it</div>
<div class="frame-2">
<p class="p">
<span class="span">Here is a step-by-step guide on how to use </span>
<span class="text-wrapper-2">Join</span>
<span class="span">:</span>
</p>
<div class="frame-2">
<div class="frame-300">
<div class="text-wrapper-5">1.</div>
<p class="div-2">
<span class="text-wrapper-6">Exploring the Board<br /></span>
<span class="span">When you log in to </span>
<span class="text-wrapper-2">Join</span>
<span class="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>
</p>
</div>
<div class="frame-300">
<div class="text-wrapper-5">2.</div>
<p class="div-2">
<span class="text-wrapper-6">Creating Contacts<br /></span>
<span class="span">In </span>
<span class="text-wrapper-2">Join</span>
<span class="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>
</p>
</div>
<div class="frame-300">
<div class="text-wrapper-5">3.</div>
<p class="div-3">
<span class="text-wrapper-7">Adding Cards<br /></span>
<span class="text-wrapper-8">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>
</p>
</div>
<div class="frame-300">
<div class="text-wrapper-5">4.</div>
<p class="div-3">
<span class="text-wrapper-7">Moving Cards<br /></span>
<span class="text-wrapper-8">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>
</p>
</div>
<div class="frame-300">
<div class="text-wrapper-5">5.</div>
<p class="div-2">
<span class="text-wrapper-6">Deleting Cards<br /></span>
<span class="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>
<span class="text-wrapper-2">Join</span>
<span class="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>
<span class="text-wrapper-2">Join</span>
<span class="span">? Feel free to contact us at [email protected]. We're here to help
you!<br /></span>
</p>
</div>
</div>
</div>
<div class="text-wrapper-4">Enjoy using Join!</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>