-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpostList.html
126 lines (121 loc) · 5.23 KB
/
postList.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!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/global-colors.css" />
<link rel="stylesheet" href="./css/index.css" />
<link rel="stylesheet" href="./css/posts.css" />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;400;700;900&display=swap"
rel="stylesheet"
preload
/>
<title>오늘의 집</title>
</head>
<body>
<nav class="layout-navigation">
<div class="navigation">
<div class="side-bar-toggle">
<svg
class="icon"
width="24"
height="24"
viewBox="0 0 24 24"
preserveAspectRatio="xMidYMid meet"
>
<path
fill="#35c5f0"
d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"
></path>
</svg>
</div>
<div class="logo">
<svg
class="icon"
width="74"
height="30"
viewBox="0 0 74 30"
preserveAspectRatio="xMidYMid meet"
>
<g fill="none" fill-rule="evenodd">
<path
fill="#000"
d="M14.2 25.17H9.28V20.7a1.45 1.45 0 0 0-2.9 0v4.47H1.44a1.45 1.45 0 1 0 0 2.9H14.2a1.45 1.45 0 0 0 0-2.9M4.5 9.15c0-4.6 2.08-5.28 3.33-5.28 1.24 0 3.33.69 3.33 5.28v.36c0 4.6-2.09 5.28-3.33 5.28-1.25 0-3.34-.69-3.34-5.28v-.36zm3.33 8.54c3.84 0 6.23-3.13 6.23-8.18v-.36c0-5.05-2.39-8.18-6.23-8.18-3.85 0-6.24 3.13-6.24 8.18v.36c0 5.05 2.39 8.19 6.24 8.19zm25.54-7.34H17.81a1.45 1.45 0 0 0 0 2.9h15.56a1.45 1.45 0 1 0 0-2.9m-1.55 15.5c-7.08 1.83-9.45.79-10.14.25-.45-.35-.65-.8-.65-1.48v-.87h10.25c.8 0 1.46-.65 1.46-1.45v-5.08c0-.8-.66-1.45-1.46-1.45h-11.7a1.45 1.45 0 1 0 0 2.9h10.25v2.18H19.57c-.8 0-1.45.65-1.45 1.45v2.32a4.6 4.6 0 0 0 1.78 3.78c1.2.93 2.94 1.39 5.21 1.39 2.05 0 4.54-.38 7.44-1.13a1.45 1.45 0 1 0-.73-2.82M20.3 7.83h10.8a1.45 1.45 0 1 0 0-2.9h-9.35V1.45a1.45 1.45 0 1 0-2.9 0v4.93c0 .8.65 1.45 1.45 1.45"
></path>
<rect width="3" height="15" x="70" fill="#000" rx="1.5"></rect>
<path
fill="#000"
d="M64.5 13.28a1.45 1.45 0 0 0 2.73-1c-.05-.13-1-2.68-3.38-4.5l3.7-4.1a1.45 1.45 0 0 0-1.09-2.42h-9.05a1.45 1.45 0 1 0 0 2.9h5.8l-6.88 7.64a1.45 1.45 0 1 0 2.16 1.95l3.41-3.8a8 8 0 0 1 2.6 3.33M69.56 26.52h-7.01a.82.82 0 0 1-.82-.82v-1.95h8.65v1.95c0 .45-.37.82-.82.82m2.27-9.37c-.8 0-1.45.65-1.45 1.45v2.25h-8.65V18.6a1.45 1.45 0 1 0-2.9 0v7.1a3.73 3.73 0 0 0 3.72 3.72h7.01a3.73 3.73 0 0 0 3.72-3.72v-7.1c0-.8-.65-1.45-1.45-1.45M42.46 3.87c2.22 0 2.33 4.24 2.33 5.08 0 .85-.11 5.09-2.33 5.09-2.21 0-2.32-4.24-2.32-5.08 0-.86.11-5.09 2.32-5.09m0 13.07c1.76 0 3.23-.93 4.14-2.62.71-1.34 1.1-3.2 1.1-5.36s-.39-4.02-1.1-5.37A4.6 4.6 0 0 0 42.46.97c-1.76 0-3.22.93-4.13 2.62-.72 1.35-1.1 3.2-1.1 5.37s.38 4.01 1.1 5.36a4.59 4.59 0 0 0 4.13 2.62"
></path>
<path
fill="#000"
d="M51.4.49c-.8 0-1.45.65-1.45 1.45v17.78c-1.93.6-5.75 1.13-10.38 1.13h-2.2a1.45 1.45 0 0 0 0 2.9h2.2c2.64 0 7.21-.23 10.38-1.02v4.84a1.45 1.45 0 0 0 2.9 0V1.94c0-.8-.65-1.45-1.45-1.45"
></path>
</g>
</svg>
</div>
<div class="cart">
<svg
class="icon"
width="24"
height="24"
viewBox="0 0 24 24"
stroke="transparent"
fill="none"
stroke-linejoin="round"
stroke-width="2"
preserveAspectRatio="xMidYMid meet"
>
<path
stroke-linecap="round"
d="M4 5h18l-2.6 10.5a2 2 0 0 1-2 1.5H8.6a2 2 0 0 1-2-1.5L4 5zm4 15.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 1 1-3 0zm7 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 1 1-3 0z"
></path>
<path d="M1 2h3v3"></path>
</svg>
</div>
</div>
</nav>
<section class="posting-container">
<!-- 여기에 JS로 데이터를 넣을 예정 -->
</section>
<section class="sticky-container">
<button class="top-button">
<svg
class="top-button__icon"
width="45"
height="45"
viewBox="0 0 45 45"
preserveAspectRatio="xMidYMid meet"
>
<g fill="none" fill-rule="evenodd">
<circle
cx="22.5"
cy="22.5"
r="22.5"
fill="#FEFFFE"
fill-opacity="90%"
></circle>
<path d="M12.5 12.5h20v20h-20z"></path>
<path
stroke="#000"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
d="M16 20l6.5-6 6.5 6m-6.5-5v15.999"
></path>
</g>
</svg>
</button>
</section>
<div class="side-bar">
<a href="/index.html">HOME</a>
<a href="/postList.html">집들이</a>
<a href="/write.html">글작성</a>
</div>
<div class="back-drop"></div>
<script src="./src/index.js" type="module"></script>
<script src="./src/postList.js" type="module"></script>
</body>
</html>