vfs/index.html at main · ynvrshzl/vfs · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1oYW1tZXItaWNvbiBsdWNpZGUtaGFtbWVyIj48cGF0aCBkPSJtMTUgMTItOC4zNzMgOC4zNzNhMSAxIDAgMSAxLTMtM0wxMiA5Ii8+PHBhdGggZD0ibTE4IDE1IDQtNCIvPjxwYXRoIGQ9Im0yMS41IDExLjUtMS45MTQtMS45MTRBMiAyIDAgMCAxIDE5IDguMTcyVjdsLTIuMjYtMi4yNmE2IDYgMCAwIDAtNC4yMDItMS43NTZMOSAyLjk2bC45Mi44MkE2LjE4IDYuMTggMCAwIDEgMTIgOC40VjEwbDIgMmgxLjE3MmEyIDIgMCAwIDEgMS40MTQuNTg2TDE4LjUgMTQuNSIvPjwvc3ZnPg==" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Live editor</title>
    <script type="module" src="main.js"></script>
    <link rel="stylesheet" href="https://ynvrshzl.github.io/css-snippets/main.css">

    <!-- css -->
    <link rel="stylesheet" href="./styles.css">
    <link rel="stylesheet" href="./css/editor.css">
    <link rel="stylesheet" href="./css/buttons.css">
    <link rel="stylesheet" href="./css/classes.css">
    <link rel="stylesheet" href="./css/helpers.css">
    <link rel="stylesheet" href="./css/input.css">
    <link rel="stylesheet" href="./css/sidebar.css">
    <link rel="stylesheet" href="./css/table.css">
    <link rel="stylesheet" href="./css/modal.css">
    <link rel="stylesheet" href="./css/mouse.css">
</head>
<body>
    <!-- main container -->
    <main>

        <!-- sidebar -->
        <section>
            <!-- toggle button -->
            <button type="submit" class="toggle"></button>

            <!-- actual sidebar -->
            <aside class="is-hidden">
                <nav>DATABASE</nav>
                <ul class="link-tree"></ul>
            </aside>

        </section>

        <!-- editor section -->
        <section>

            <!-- actual content loads here -->
            <article>

                <!-- contains opening article content -->
                <header>
                    <!-- title -->
                    <h1 class="title"></h1>

                    <!-- properties -->
                    <table class="properties">
                        <tbody>
                            <tr>
                                <td>No properties</td>
                            </tr>
                        </tbody>
                    </table>

                </header>

                <!-- content key loads here -->
                <section class="content"></section>
            </article>
        </section>


    </main>
</body>
</html>