-
Notifications
You must be signed in to change notification settings - Fork 0
/
create_post.html
97 lines (97 loc) · 3.46 KB
/
create_post.html
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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="../assets/cloud.png" type="image/x-icon" />
<title>뜬 구름 게시글 작성</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/create_post.css" />
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"
></script>
</head>
<body>
<div class="page-container">
<div class="top-navbar">
<div class="navbar-left">
<img
src="./assets/cloud.png"
alt="홈페이지 아이콘"
class="navbar-icon"
/>
<h1 class="navbar-title">뜬 구름</h1>
<h3 class="navbar-subtitle">뜬 구름 잡는 이야기의 시작</h3>
</div>
<div class="navbar-links">
<a href="/edit_profile.html" class="navbar-link">회원 정보</a>
<a href="/edit_pw.html" class="navbar-link">비밀번호 수정</a>
<a id="logout" class="navbar-link">로그아웃</a>
</div>
</div>
<div class="content-container">
<div class="post-form-container">
<h2 class="page-title">게시글 작성</h2>
<p class="page-description">
여러분의 이야기를 구름 위로 날려보세요.
</p>
<form class="post-form">
<div class="form-group">
<label for="title" class="form-label">제목</label>
<input
type="text"
id="title"
class="form-input"
placeholder="제목을 입력하세요"
/>
<p class="helper-text hidden" id="title-helper">
제목을 입력하세요
</p>
</div>
<div class="form-group">
<label for="content" class="form-label">내용</label>
<textarea
id="content"
class="form-input"
rows="10"
placeholder="내용을 입력하세요"
></textarea>
</div>
<div class="form-group">
<label for="image" class="form-label">이미지 업로드</label>
<input type="file" id="image" class="form-input" multiple />
</div>
<div class="form-group">
<button type="submit" class="submit-button">등록하기</button>
</div>
</form>
</div>
</div>
<footer class="footer">
<p>© 2024 Rebo. All rights reserved.</p>
<p>
Contact me at:
<a href="mailto:resuable.park@gmail.com" class="contact-link"
>resuable.park@gmail.com</a
>
</p>
</footer>
</div>
<script>
$(".navbar-left").click(function () {
// 아이콘, 홈페이지 로고 등을 누르면 현재 페이지 재로딩
window.location.href = "/index.html";
});
$("#logout").click(function () {
// 로그아웃 시, 로컬 스토리지 유저데이터 제거
localStorage.removeItem("userData");
alert("로그아웃 되었습니다");
// 로그인 페이지로 이동
window.location.href = "/login.html";
});
</script>
<script src="./js/create_post.js"></script>
</body>
</html>