DA-join/help.html at main · BelaSchrammDev/DA-join · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./img/logo/favicon.png" type="image/x-icon">
    <script src="./js/main.js"></script>
    <script src="./js/remotestorage.js"></script>
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/media_queries.css">

    <title>Help</title>
</head>

<body onload="initJoin()">
    <div onclick="closeHeaderMenu()" w3-include-html="./templates/sidebar.html"></div>
    <div onclick="closeHeaderMenu()" class="header-main-container">
        <header w3-include-html="./templates/header.html"></header>
        <div class="help_maindiv">
            <div class="headline">
                <h1>Help</h1>
                <img onclick="history.back()" class="blue_arrow" src="../img/icons/contacts/back-arrow.svg"
                    alt="back-arrow">
            </div>
            <p>
                Welcome to the help page for <span class="accent_blue">Join</span>, your guide to using our kanban
                project management tool.
                Here, we'll provide an overview of what Join is, how it can benefit you, and how to use it.
            </p>
            <h2>What is Join?</h2>
            <p>
                <span class="accent_blue">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.
            </p>
            <p>
                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="accent_blue">Join</span>
                leverages
                the principles of kanban to help users manage their tasks and projects in an intuitive, visual
                interface.
            </p>
            <p>
                It is important to note that <span class="accent_blue">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="accent_blue">Join</span>.
            </p>
            <h2>How to use it</h2>
            <p>
                Here is a step-by-step guide on how to use <span class="accent_blue">Join</span>:
            </p>
            <ol class="bignum">
                <li>
                    <h3>Exploring the Board</h3>
                    <p>
                        When you log in to <span class="accent_blue">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".
                </li>
                <li>
                    <h3>Creating Contacts</h3>
                    <p>
                        In <span class="accent_blue">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.
                    </p>
                </li>
                <li>
                    <h3>Adding Cards</h3>
                    <p>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.</p>
                </li>
                <li>
                    <h3>Moving Cards</h3>
                    <p>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.</p>
                </li>
                <li>
                    <h3>Deleting Cards</h3>
                    <p>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.</p>
                </li>
            </ol>
            <p>
                Remember that using <span class="accent_blue">Join</span> effectively requires consistent updates from
                you and your team
                to ensure the board reflects the current state of your project.
            </p>
            <p>
                Have more questions about <span class="accent_blue">Join</span>? Feel free to contact us at [Your
                Contact Email].
                We're here to help you!
            </p>
            <p>Enjoy using <span class="accent_blue">Join</span>!</p>
        </div>
    </div>
</body>

</html>