Team3-Front/modify_idea.html at main · LikeLion12-Team3/Team3-Front · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./static/modify_idea.js"></script>
    <link rel="icon" href="./img/favicon.png"/>
    <title>별다줄</title>
</head>
<body>
    <nav>
        <div class="logo">
            <img src="./img/logo.png" alt="Logo">
        </div>
        <ul>
            <li><a href="./main.html" onclick="changeImage(event, this)"><img src="./img/Icon/home_icon.png" alt="Home"></a></li>
            <li><a href="./diary_template.html" onclick="changeImage(event, this)"><img src="./img/Icon/diary_icon.png" alt="Diary"></a></li>
            <li><a href="./diary_check.html" onclick="changeImage(event, this)"><img src="./img/Icon/book_icon.png" alt="Book"></a></li>
            <li><a href="./idea.html" onclick="changeImage(event, this)"><img src="./img/Icon/click_idea_icon.png" alt="Idea"></a></li>
            <li class="bottom_nav_icon"><a href="./profile.html" onclick="toggleProfile(event, this)"><img src="./img/Icon/profile_icon.png" alt="Idea"></a></li>
        </ul>
    </nav>
    <div class="content">
        <h1 id="modify_idea_date"></h1>
        <span id="content_subtitle">아이디어 작성</span>
        <div class="modify_idea_container">
            <div class="modify_idea_title">
                <span>제목 <span style="color:red;">*</span></span>
                <input id="modify_idea_title" type="text" placeholder="제목을 입력하세요.">
            </div>
            <div class="modify_idea_middle">
                <div class="modify_idea_left">
                    <span id="idea_subtitle1">아이디어 내용 <span style="color:red;">*</span></span>
                    <textarea id="idea_content1" placeholder="내용을 입력하세요."></textarea>
                </div>
                <div class="modify_idea_right">
                    <span id="idea_subtitle2">이미지</span>
                    <div class="image_preview_container">
                        <!-- 이미지 업로드 상자 -->
                        <div class="upload-box">
                            <label for="fileInput">
                                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24" fill="none"
                                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                    class="feather feather-plus-circle">
                                    <line x1="12" y1="8" x2="12" y2="16"></line>
                                    <line x1="8" y1="12" x2="16" y2="12"></line>
                                </svg>
                            </label>
                            <input type="file" id="fileInput" accept="image/*">
                        </div>
                    </div>
                    <div class="idea_btn_container">
                        <button class="idea_btn" id="idea_cancel_btn">취소</button>
                        <button class="idea_btn" id="idea_save_btn">저장</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
</html>