Skip to content
This repository was archived by the owner on Jul 2, 2024. It is now read-only.

Commit 77774ec

Browse files
junah201junah201
committed
feat: Add static files
1 parent 53af2ad commit 77774ec

File tree

6 files changed

+127
-0
lines changed

6 files changed

+127
-0
lines changed

‎backend/static/add_bookmark.png‎

110 KB
Loading

‎backend/static/check_new_post.png‎

115 KB
Loading

‎backend/static/favicon.ico‎

66.1 KB
Binary file not shown.

‎backend/static/guide.css‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400&display=swap");
2+
3+
* {
4+
margin: 0;
5+
padding: 0;
6+
box-sizing: border-box;
7+
font-family: "Noto Sans KR", sans-serif;
8+
word-break: keep-all;
9+
}
10+
11+
html,
12+
body {
13+
width: 100%;
14+
}
15+
16+
header {
17+
background-color: #20c997;
18+
height: 48px;
19+
width: 100%;
20+
display: flex;
21+
margin-bottom: 1rem;
22+
}
23+
24+
header > h1 {
25+
display: flex;
26+
margin-left: auto;
27+
margin-right: auto;
28+
color: white;
29+
}
30+
31+
.header:nth-child(1) {
32+
padding-top: 32px;
33+
}
34+
35+
.container {
36+
width: 600px;
37+
margin-left: auto;
38+
margin-right: auto;
39+
padding-right: auto;
40+
padding-left: auto;
41+
margin-bottom: 3rem;
42+
border-color: #20c997;
43+
border-width: 1px;
44+
}
45+
46+
.container > hr {
47+
margin-bottom: 5px;
48+
}
49+
50+
.container > h2 {
51+
display: inline;
52+
}
53+
54+
footer {
55+
font-size: 0.875rem;
56+
color: #adb5bd;
57+
font-style: italic;
58+
text-align: center;
59+
margin: 1rem;
60+
}

‎backend/static/guide.html‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
<!DOCTYPE html>
2+
<html lang="ko">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link
8+
rel="stylesheet"
9+
href="https://serverless-veloghelper-s3.s3.ap-northeast-2.amazonaws.com/guide/guide.css"
10+
/>
11+
<link
12+
rel="shortcut icon"
13+
href="https://serverless-veloghelper-s3.s3.ap-northeast-2.amazonaws.com/guide/favicon.ico"
14+
type="image/x-icon"
15+
/>
16+
<title>Velog Helper 신규 가이드</title>
17+
</head>
18+
<body>
19+
<header>
20+
<h1>Velog Helper 신규 가이드</h1>
21+
</header>
22+
<main>
23+
<div class="container">
24+
<h2>블로그 즐겨찾기 방법</h2>
25+
<hr />
26+
<img
27+
width="600px"
28+
src="https://serverless-veloghelper-s3.s3.ap-northeast-2.amazonaws.com/guide/add_bookmark.png"
29+
/>
30+
<p>
31+
각 블로그 내부에서 블로그명 바로 옆에 있는 별표시를 눌러서 즐겨찾기
32+
해주세요.
33+
</p>
34+
</div>
35+
<div class="container">
36+
<h2>새 글 알림 확인 방법</h2>
37+
<hr />
38+
<img
39+
width="600px"
40+
src="https://serverless-veloghelper-s3.s3.ap-northeast-2.amazonaws.com/guide/check_new_post.png"
41+
/>
42+
<p>
43+
종 모양의 알림 버튼을 눌러 새 글 알림을 확인해주세요. 만약 북마크한
44+
블로그가 Velog Helper에 처음 등록된 블로그라면 알림이 표시되는데
45+
시간이 걸릴 수 있습니다.
46+
</p>
47+
</div>
48+
<div class="container">
49+
<h2>이메일로 알림 받기</h2>
50+
<hr />
51+
<img
52+
width="600px"
53+
src="https://serverless-veloghelper-s3.s3.ap-northeast-2.amazonaws.com/guide/set_email.gif"
54+
/>
55+
<p>
56+
만약 크롬을 사용 중이고, 구글 동기화가 되어있다면 자동으로 이메일을
57+
수집하여 알림을 보냅니다. 하지만 자동으로 수집이 불가능한 경우
58+
수동으로 등록해주셔야합니다.
59+
</p>
60+
</div>
61+
</main>
62+
<footer>
63+
버그 제보 및 PR는 Github로 부탁드립니다.<br />
64+
Velog Helper | junah.dev@gmail.com | 개인정보 처리 방침
65+
</footer>
66+
</body>
67+
</html>

‎backend/static/set_email.gif‎

3.22 MB
Loading

0 commit comments

Comments
 (0)