My_Notes/index.html at main · Filemonekk/My_Notes · 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
<!DOCTYPE html>
<html lang="pl">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/072211b0fb.js" crossorigin="anonymous"></script>
    <title>MyNotes</title>
    <link rel="stylesheet" href="main.css">
</head>

<body>

    <div class="menu">
        <h1><i class="fas fa-sticky-note"> MyNotes</i></h1>

        <div class="menu-buttons">
            <button class="add icon"><i class="fas fa-plus">Dodaj</i></button>
            <button class="delete-all icon"><i class="fas fa-trash-alt"></i>Usuń wszystkie</button>
        </div>
    </div>

    <div class="note-area">

       <!-- <div class="note">
            <div class="note-header">
                <h3 class="note-title">Notatka #1</h3>
                <button class="delete-note"><i class="fas fa-times icon"></i></button>
            </div>
            <div class="note-body">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ab aspernatur corporis
                quidem pariatur quam expedita provident consectetur ipsum blanditiis, minus nam, atque quaerat.
                Consequuntur facere incidunt eveniet deleniti aperiam ex ullam quas est earum sapiente asperiores
                aliquid perspiciatis, dolor magni?</div>
        </div>

        <div class="note">
            <div class="note-header">
                <h3 class="note-title">Notatka #1</h3>
                <button class="delete-note"><i class="fas fa-times icon"></i></button>
            </div>
            <div class="note-body">Lorem ipsum dolor sit amet, consectetur adipisicing.</div>
        </div> -->

    </div>


    <div class="note-panel">
        <h2>Dodaj notatkę</h2>
        <label for="category">Wybierz kategorię</label>
        <select id="category" onchange="selectValue()">
            <option value="0" disabled selected>- wybierz kategorię</option>
            <option value="1">Zakupy</option>
            <option value="1">Praca</option>
            <option value="1">Prywatne</option>
            <option value="1">Nauka</option>
            <option value="1">Inne</option>
        </select>

        <label for="text">Wpisz tekst notatki</label>
        <textarea id="text"></textarea>
        <p class="error">Uzupełnij wszystkie pola</p>

        <div class="panel-buttons">
            <button class="save icon"><i class="fas fa-save"></i>Zapisz</button>
            <button class="cancel icon"><i class="far fa-window-close"></i>Anuluj</button>
        </div>
    </div>


    <script src="script.js"></script>
</body>

</html>