-
Notifications
You must be signed in to change notification settings - Fork 4
/
vocabulary_list.html
159 lines (155 loc) · 10.1 KB
/
vocabulary_list.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>이음 : 세대와 세대를 이어주는 단어 사전</title>
<link rel="stylesheet" href="../static/css/vocabulary/vocabulary.css">
<link rel="stylesheet" href="/static/css/maincs.css">
<link rel="stylesheet" href="../static/css/nav_logout.css">
</head>
<body>
<nav class="navBar">
<div class="navWrap">
<div class="navFirst">
<a class="mainLogo" href="dictionary/list.html"><img src="../static/img/Logo.png" alt="로고 아이콘"></a>
</div>
<div class="navSecond">
<ul class="navList">
<li><a href="dictionary/list.html">사전</a></li>
<li><a href="board/list.html">게시판</a></li>
</ul>
</div>
<div id="logout" class="userInfo">
<div class="navicon">
<ul class="naviconList">
<li>
<a href="alert.html"><img src="../static/img/icon/bell-solid 1.png" alt="종 아이콘"></a>
</li>
<li>
<a href="vocabulary_list.html"><img src="../static/img/icon/book-bookmark-solid 1.png" alt="북마크 아이콘"></a>
</li>
</ul>
</div>
<div class="profileNavDiv">
<img id="navProfile" class="userProfile" src="../static/img/mypage.png" alt="유저프로필 사진">
<ul class="btnWrap">
<li class="profileBrowserBtn">
<a href="myPage.html">마이페이지</a>
</li>
<li class="profileBrowserBtn" onclick="onclickLogOut()">
<p>로그아웃</p>
</li>
</ul>
</div>
</div>
<div id="login" class="userInfo" style="display: none;">
<div class="loginBtn" onclick="onclickLogin()" >
<div class="loginContent">
<img class="loginBtnImg"src="../static/img/kakao.png" alt="카카오톡 로고">
<p class="loginBtnTxt">카카오톡으로 시작하기</p>
</div>
</div>
</div>
</div>
</nav>
<div class="container">
<section id="vocabulary" style="display: block;">
<div class="fix">
<!-- <p>귀여운 원숭이님의<br>단어장 입니다.</p> -->
</div>
<div class="main">
<div class="main_left">
<div class="main_mword">
<div class="word_container" id="wordContainer">
</div>
</div>
</div>
</div>
<div class="pagenation">
<div class="word_container" id="wordContainer">
</div>
<div class="pagination_container" id="paginationContainer">
</div>
</div>
<div class="quizWrap">
<div class="quizBtn">
</div>
</div>
</section>
<section class="noWordPage" id="noWord" style="display: none;">
<div class="noWordContainer">
<span class="noWordTitle">
저장된 단어가 없습니다.
</span>
<svg class="noWordSymbol"xmlns="http://www.w3.org/2000/svg" width="101" height="100" viewBox="0 0 101 100" fill="none">
<g filter="url(#filter0_i_256_2073)">
<path d="M14.8166 8.77709C12.925 6.8855 9.85808 6.8855 7.96649 8.77709C6.07489 10.6687 6.07489 13.7356 7.96649 15.6272L42.8688 50.5296C43.1738 50.8346 43.1738 51.3293 42.8688 51.6343L7.96667 86.5365C6.07508 88.428 6.07508 91.4949 7.96667 93.3865C9.85827 95.278 12.9252 95.278 14.8168 93.3865L49.7188 58.4846C50.0238 58.1793 50.5185 58.1793 50.8238 58.4846L85.7257 93.3865C87.6172 95.278 90.6841 95.278 92.576 93.3865C94.4675 91.4949 94.4675 88.428 92.576 86.5365L57.6738 51.6343C57.3688 51.3293 57.3688 50.8346 57.6738 50.5296L92.576 15.6272C94.4675 13.7356 94.4675 10.6687 92.576 8.77709C90.6844 6.8855 87.6175 6.8855 85.726 8.77709L50.8238 43.6793C50.5185 43.9846 50.0238 43.9846 49.7188 43.6793L14.8166 8.77709Z" fill="url(#paint0_linear_256_2073)"/>
<path d="M14.8166 8.77709C12.925 6.8855 9.85808 6.8855 7.96649 8.77709C6.07489 10.6687 6.07489 13.7356 7.96649 15.6272L42.8688 50.5296C43.1738 50.8346 43.1738 51.3293 42.8688 51.6343L7.96667 86.5365C6.07508 88.428 6.07508 91.4949 7.96667 93.3865C9.85827 95.278 12.9252 95.278 14.8168 93.3865L49.7188 58.4846C50.0238 58.1793 50.5185 58.1793 50.8238 58.4846L85.7257 93.3865C87.6172 95.278 90.6841 95.278 92.576 93.3865C94.4675 91.4949 94.4675 88.428 92.576 86.5365L57.6738 51.6343C57.3688 51.3293 57.3688 50.8346 57.6738 50.5296L92.576 15.6272C94.4675 13.7356 94.4675 10.6687 92.576 8.77709C90.6844 6.8855 87.6175 6.8855 85.726 8.77709L50.8238 43.6793C50.5185 43.9846 50.0238 43.9846 49.7188 43.6793L14.8166 8.77709Z" fill="url(#paint1_linear_256_2073)"/>
</g>
<path d="M14.8166 8.77709C12.925 6.8855 9.85808 6.8855 7.96649 8.77709C6.07489 10.6687 6.07489 13.7356 7.96649 15.6272L42.8688 50.5296C43.1738 50.8346 43.1738 51.3293 42.8688 51.6343L7.96667 86.5365C6.07508 88.428 6.07508 91.4949 7.96667 93.3865C9.85827 95.278 12.9252 95.278 14.8168 93.3865L49.7188 58.4846C50.0238 58.1793 50.5185 58.1793 50.8238 58.4846L85.7257 93.3865C87.6172 95.278 90.6841 95.278 92.576 93.3865C94.4675 91.4949 94.4675 88.428 92.576 86.5365L57.6738 51.6343C57.3688 51.3293 57.3688 50.8346 57.6738 50.5296L92.576 15.6272C94.4675 13.7356 94.4675 10.6687 92.576 8.77709C90.6844 6.8855 87.6175 6.8855 85.726 8.77709L50.8238 43.6793C50.5185 43.9846 50.0238 43.9846 49.7188 43.6793L14.8166 8.77709Z" fill="url(#paint2_radial_256_2073)"/>
<g filter="url(#filter1_f_256_2073)">
<path d="M12.4733 11.1201L48.46 47.1071M90.2325 88.8796L56.2122 54.859" stroke="url(#paint3_linear_256_2073)" stroke-linecap="round"/>
</g>
<g filter="url(#filter2_f_256_2073)">
<path d="M87.9332 13.4033L54.2457 47.1074M12.4731 88.8799L46.4935 54.8596" stroke="url(#paint4_linear_256_2073)" stroke-linecap="round"/>
</g>
<defs>
<filter id="filter0_i_256_2073" x="6.54779" y="7.3584" width="87.9468" height="87.4463" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.5"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.776471 0 0 0 0 0.219608 0 0 0 0 0.411765 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_256_2073"/>
</filter>
<filter id="filter1_f_256_2073" x="11.2233" y="9.87012" width="80.2592" height="80.2598" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.375" result="effect1_foregroundBlur_256_2073"/>
</filter>
<filter id="filter2_f_256_2073" x="11.2231" y="12.1533" width="77.9601" height="77.9766" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.375" result="effect1_foregroundBlur_256_2073"/>
</filter>
<linearGradient id="paint0_linear_256_2073" x1="50.2713" y1="7.35837" x2="50.2713" y2="94.8052" gradientUnits="userSpaceOnUse">
<stop stop-color="#E02C6B"/>
<stop offset="1" stop-color="#FF354E"/>
</linearGradient>
<linearGradient id="paint1_linear_256_2073" x1="20.6161" y1="20.9349" x2="46.9619" y2="47.4118" gradientUnits="userSpaceOnUse">
<stop stop-color="#EE3D81"/>
<stop offset="1" stop-color="#EE3D81" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint2_radial_256_2073" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(90.8179 11.2398) rotate(134.145) scale(4.27097)">
<stop stop-color="#FF75A7"/>
<stop offset="1" stop-color="#FF75A7" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint3_linear_256_2073" x1="11.314" y1="12.1409" x2="91.5388" y2="92.1855" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF679B"/>
<stop offset="1" stop-color="#FF7171"/>
</linearGradient>
<linearGradient id="paint4_linear_256_2073" x1="91.392" y1="12.1413" x2="20.7054" y2="82.828" gradientUnits="userSpaceOnUse">
<stop stop-color="#EF4B8B"/>
<stop offset="1" stop-color="#FE4753"/>
</linearGradient>
</defs>
</svg>
<span class="noWordContent">
세대 단어 저장하고<br>
단어를 학습해 보세요!
</span>
<input type="button" class="wordBrowserBtn" value="단어 저장하러 가기" onclick = "location.href = '/dictionary/list.html'">
</div>
</section>
</div>
<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="/static/js/login.js"></script>
<script src="/static/js/logout.js"></script>
<script src="/static/js/navList_check.js"></script>
<script src="/static/js/vocabulary/vocabulary_data.js"></script>
</body>
</html>