FE7-PROJECT1-TEAM02/index.html at main · prgrms-fe-devcourse/FE7-PROJECT1-TEAM02 · 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
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta property="og:title" content="Notion Clone" />
        <meta
            property="og:description"
            content="Notion Clone 웹앱으로 쉽게 문서를 관리하세요."
        />
        <title>Notion Clone</title>
        <!-- 노션은 새 페이지 제목이 타이틀로 들어감 -->
        <link rel="stylesheet" href="./src/styles/main.css" />
        <link rel="stylesheet" href="./src/styles/common.css" />
        <link rel="stylesheet" href="./src/styles/editor.css" />
        <link rel="stylesheet" href="./src/styles/dark.css" />
        <link rel="icon" href="./src/img/notion.svg" type="image/x-icon" />
    </head>
    <body>
        <div class="app">
            <button class="open-btn"></button>
            <!-- 사이드바 -->
            <aside class="sidebar">
                <div class="sidebar-header">
                    <h2 class="sidebar-title">전공무관</h2>
                    <div class="header-btn">
                        <button id="hide-btn" class="hide-btn"></button>
                        <button
                            id="create-root-btn"
                            class="create-root-btn"
                        ></button>
                    </div>
                </div>
                <div class="sidebar-features">
                    <div class="sidebar-feature search">
                        <div>검색</div>
                    </div>
                    <div class="sidebar-feature">
                        <a class="sidebar-feature_home">홈</a>
                    </div>
                </div>
                <h3 class="myPage">내 페이지</h3>
                <ul class="document-tree"></ul>
                <div class="darkmode-container">
                    <button id="darkmode-btn" class="darkmode-btn">🌓</button>
                </div>
            </aside>

            <!-- 사이드바 사이즈 조절 -->
            <div class="resizer"></div>

            <!-- 편집기 영역 -->
            <main id="content"></main>
        </div>
        <div class="search-popup"></div>
        <script type="module" src="./src/index.js"></script>
    </body>
</html>