forked from potato179/seoulSubway
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinfo.html
237 lines (236 loc) · 19.5 KB
/
info.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>수도권 전동차 정보</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity = "sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin = "anonymous">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity = "sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin = "anonymous"></script>
<script src = "https://kit.fontawesome.com/06fb83cb17.js" crossorigin = "anonymous"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://potato179.github.io/style/potato-min.css">
<style>
@font-face {
font-family: 'ChosunGs';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/ChosunGs.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body{
font-family: 'Nanum Gothic', sans-serif;
}
h1{
font-family: 'ChosunGs';
}
</style>
</head>
<body class = "" onload = "logincookie()">
<nav class = "navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class = "container">
<img src = "./public/img/icon.png" width = "50px;">
<a class = "navbar-brand" href = "./index.html" style = "font-weight: bold;"></a>
<button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarCollapse" aria-controls = "navbarCollapse" aria-expanded = "false">
<span class = "navbar-toggler-icon"></span>
</button>
<div class = "collapse navbar-collapse" id = "navbarCollapse">
<ul class = "navbar-nav mr-auto">
<li class = "nav-item active">
<a class = "nav-link" href = "./index.html">홈<span class = "sr-only"></span></a>
</li>
<li class = "nav-item active">
<a class = "nav-link" href = "./arrivals.html">실시간 도착정보<span class = "sr-only"></span></a>
</li>
<li class = "nav-item active">
<a class = "nav-link" href = "./station.html?1270">역 정보<span class = "sr-only"></span></a>
</li>
<li class = "nav-item active">
<a class = "nav-link" href = "./community.html">게시판<span class = "sr-only"></span></a>
</li>
<li class = "nav-item active">
<a class = "nav-link" href = "./info.html">누리집 정보<span class = "sr-only"></span></a>
</li>
<li class = "nav-item dropdown">
<a class = "nav-link dropdown-toggle" href = "#" id = "dropdown07XL" data-bs-toggle = "dropdown" aria-expanded = "false">자료실</a>
<ul class = "dropdown-menu" aria-labelledby = "dropdown07XL">
<li><a class = "dropdown-item" href = "./trainInfo.html#">전동차 정보</a></li>
<li><a class = "dropdown-item" href = "#">가상 행선안내기</a></li>
</ul>
</li>
</ul>
<a style = "margin: 5px" class = "btn btn-outline-primary" id = "log_in_out" type = "button" onclick = 'window.location.href = "login.html"'>로그인</a>
<a style = "margin: 5px" class = "btn btn-outline-primary" id = "btn_join" type = "button" onclick = 'window.location.href = "join.html"'>회원가입</a>
</div>
</div>
</nav>
<main role = "main" class = "container center">
<br><br><br>
<br><hr><br>
<img src = "./public/img/icon.png" width = "375em"><br><br>
<h1 class = "center bold" style = "font-size: 4em;">짜 장 메 트 로</h1>
<br><hr><br>
<h1 class = "bold">Project SEOUL SUBWAY</h1><br><br>
<h3>★ Operated&Developed by</h3>
<h5>홍은표<br>
<a href = "https://facebook.com/makerpotato179"><i class="fab fa-facebook"></i></a>
<a href = "https://instagram.com/seoulfixking"><i class="fab fa-instagram"></i></a>
<a href = "https://github.com/potato179"><i class="fab fa-github"></i></a>
</h5><br>
<h3>★ Special Thanks to</h3>
<h5>강유찬(스마트랜스)<br>
<a href = "https://facebook.com/smrt5678"><i class="fab fa-facebook"></i></a>
<a href = "https://instagram.com/5678__smrt"><i class="fab fa-instagram"></i></a>
<a href = "https://www.youtube.com/channel/UCvpriHGi6DORyoNnDVRTRkw"><i class="fab fa-youtube"></i></a>
</h5><br>
<h3>★ Contact us</h3>
<h5>저희 누리집에 대해서 궁금하신 점 또는 문제사항이 발생했을 경우에는 하단 아이콘을 클릭하여 연락해주시면 빠르게 답변하겠습니다.<br>
<a href = "mailto:[email protected]"><i class="far fa-envelope"></i></a>
<a href = "https://m.me/makerpotato179"><i class="fab fa-facebook"></i></a>
<a href = "https://instagram.com/seoulfixking"><i class="fab fa-instagram"></i></a>
</h5><br>
<h3>★ Update Log</h3>
<h5>
<div style = "margin:10px;">
<button data-toggle="collapse" href="#info1" aria-expanded="false" aria-controls="collapseExample">펼치기/접기</button>
</div>
<div class = "collapse" id = "info1">
<div class="well">
<p>2021.05.09 Preparation 1 <p class = "gray">프로젝트 개설<p></p><br>
<p>2021.05.10 Preparation 2 <p class = "gray">가이드 제작<p></p><br>
<p>2021.05.14 Developer Beta 0 <p class = "gray">주 기능 공개, 열차 사진 제작<p></p><br>
<p>2021.05.15 Developer Beta 1 <p class = "gray">메인 페이지, 열차 정보 페이지 개설<p></p><br>
<p>2021.05.16 Developer Beta 1.1 <p class = "gray">질문게시판 페이지 개설<p></p><br>
<p>2021.05.17 Developer Beta 1.2 <p class = "gray">회원, 게시글 데이터베이스 개설<p></p><br>
<p>2021.05.21 Developer Beta 1.2.1 <p class = "gray">메인페이지에서 엉뚱한 곳으로 연결되는 버그 수정<p></p><br>
<p>2021.05.22 Developer Beta 1.3 <p class = "gray">회원가입, 로그인 페이지 개설<p></p><br>
<p>2021.05.23 Developer Beta 1.3.1 <p class = "gray">로그인 쿠키 오류 수정<p></p><br>
<p>2021.05.26 Developer Beta 1.3.2 <p class = "gray">비밀번호 암호화 구현<p></p><br>
<p>2021.05.23 Developer Beta 1.4 <p class = "gray">공지사항 페이지 개설<p></p><br>
<p>2021.05.23 Developer Beta 1.5 <p class = "gray">역 정보 데이터배이스 개설<p></p><br>
<p>2021.05.29 Developer Beta 1.5.1 <p class = "gray">데이터배이스 오류 수정<p></p><br>
<p>2021.06.02 Developer Beta 1.6 <p class = "gray">로그인 기능 개선<p></p><br>
<p>2021.07.03 Developer Beta 1.6.1 <p class = "gray">디랙터리 구조 변경, 가이드 수정<p></p><br>
<p>2021.07.04 Developer Beta 1.6.2 <p class = "gray">316, 317편성 정보 반영<p></p><br>
<p>2021.07.10 Developer Beta 1.7 <p class = "gray">역 목록 추가<p></p><br>
<p>2021.07.11 Developer Beta 1.7.1 <p class = "gray">역 정보 불러오기 기능 개설<p></p><br>
<p>2021.07.17 Developer Beta 1.7.2 <p class = "gray">수인분당선 일부 역번호 오류 수정<p></p><br>
<p>2021.07.18 Developer Beta 1.8 <p class = "gray">지하철 노선도 추가<p></p><br>
<p>2021.07.25 Developer Beta 1.8.1 <p class = "gray">7호선, 9호선, 경강선, 서해선, 신분당선, 경춘선, 수인분당선 도안 추가<p></p><br>
<p>2021.07.31 Developer Beta 1.9 <p class = "gray">역 정보 페이지 디자인 개선<p></p><br>
<p>2021.08.01 Developer Beta 1.10 <p class = "gray">역명 유래 정보 추가<p></p><br>
<p>2021.08.02 Developer Beta 1.10.1 <p class = "gray">2신촌역 역번호 오류 수정<p></p><br>
<p>2021.08.03 Developer Beta 1.11 <p class = "gray">내리는문, 화장실 정보 추가<p></p><br>
<p>2021.08.07 Developer Beta 1.11.1 <p class = "gray">역 정보 페이지에 노선색, 역명 유래, 역 주소, 전화번호 반영</p><br>
<p>2021.08.08 Developer Beta 1.12 <p class = "gray">지하철 노선도에 경전철 노선 반영</p><br>
<p>2021.08.13 Developer Beta 1.12.1 <p class = "gray">디랙터리 구조 변경, 역 정보 저장 형식 변경</p><br>
<p>2021.08.15 Developer Beta 1.12.2 <p class = "gray">역 정보 페이지 UI 변경</p><br>
<p>2021.08.20 Developer Beta 1.12.3 <p class = "gray">지하철 노선도에 역 이름 반영(약 50% 완료)</p><br>
<p>2021.08.21 Developer Beta 2 <p class = "gray">"" 이름 개설, 아이콘 제작, 사이트 정보 페이지 제작</p><br>
<p>2021.08.22 Developer Beta 2.1 <p class = "gray">메인페이지에 역 정보, 전동차 정보 통합 (예정)</p><br>
<p>2021.08.23 Developer Beta 2.1.1 <p class = "gray">사이트 정보 페이지 완성</p><br>
</div>
</div>
</h5><br>
<h3>★ Sources</h3>
<h5>
<div style = "margin:10px;">
<button data-toggle="collapse" href="#info2" aria-expanded="false" aria-controls="collapseExample">펼치기/접기</button>
</div>
<div class = "collapse" id = "info2">
<div class="well">
* <a href = "http://www.seoulmetro.co.kr/">서울교통공사</a>: 역 이름, 코드 목록, 역 세부정보 - 편의시설, 역 이용 안내도, 승강장 정보, 출구정보, 역 주소, 전화번호, 역명 유래(1호선(청량리~서울), 2호선, 3호선(지축~오금), 4호선(당고개~남태령), 5호선, 6호선, 7호선, 8호선, 9호선(언주~중앙보훈병원))<br><br>
* <a href = "https://www.letskorail.com/">한국철도공사(코레일)</a>: 역 세부정보 - 편의시설, 역 주소, 전화번호(1호선(경원선, 경부선, 경인선 구간, 광명, 서동탄), 3호선(대화~삼송), 4호선(선바위~오이도), 경의중앙선, 경춘선, 경강선, 수인분당선, 서해선)<br><br>
* <a href = "https://www.arex.or.kr/">공항철도</a>: 역 세부정보 - 편의시설, 역 주소, 전화번호, 역명 유래(공항철도))<br><br>
* <a href = "https://www.ictr.or.kr/">인천교통공사</a>: 역 세부정보 - 편의시설, 승강장 정보, 출구정보, 역 주소, 전화번호(인천 1, 2호선)<br><br>
* <a href = "https://www.shinbundang.co.kr/">신분당선</a>: 역 세부정보 - 편의시설, 역 이용 안내도, 승강장 정보, 역 주소, 전화번호(신분당선)<br><br>
* <a href = "https://www.ulrt.co.kr/">의정부경전철</a>: 역 세부정보 - 편의시설, 역 이용 안내도, 승강장 정보, 역 주소, 전화번호(의정부경전철)<br><br>
* <a href = "http://www.ui-line.com/">우이신설도시철도</a>: 역 세부정보 - 편의시설, 역 이용 안내도, 승강장 정보, 출구정보, 역 주소, 전화번호(우이신설경전철)<br><br>
* <a href = "https://www.kr.or.kr/">국가철도공단</a>: 역 세부정보 - 역 위치, 역 주소, 역이름 외국어 표기(전 노선)<br><br>
* 그 외 정보는 직접 제작했거나 저작자 표기를 할 필요가 없는 정보임.
</div>
</div>
</h5><br>
<h3>★ Terms of Policy</h3>
<h5>
<div style = "margin:10px;">
<button data-toggle="collapse" href="#info3" aria-expanded="false" aria-controls="collapseExample">펼치기/접기</button>
</div>
<div class = "collapse" id = "info3">
<div class="well">
1. 개요<hr>
<h6>
- 본 약관은 이용자들에게 모두 적용되며, 항상 누리집에 게시되어 있어야 합니다. <br>
- 약관 내용에 이의가 있는 경우 를 이용하실 수 없습니다. <br>
- 약관은 언제든지 변경될 수 있으며 내용적인 변화가 있을 경우 적용 1주 전에 메인페이지에 공지됩니다. <br>
</h6><br>
2. 개인정보 수집 및 처리방침<hr>
<h6>
- 에서는 원활한 서비스와 회원 관리를 위해 사용자의 이름, 전화번호, 이메일, IP 주소를 수집합니다. <br>
- 는 불필요한 개인정보를 수집하지 않으며, 목적 이외의 용도로 사용하지 않습니다. <br>
- 수집된 개인정보는 탈퇴 요청 시 또는 서비스 종료 때 까지 보관됩니다. <br>
- 탈퇴 요청은 상단 연락처로 문의를 넣어주시면 처리할 수 있습니다. <br>
</h6><br>
3. 운영진의 권리와 의무<hr>
<h6>
- 저희 운영진은 서비스 종료 때 까지는 서비스 제공에 최선을 다해 노력하겠습니다. <br>
- 단, 약관 위반으로 서비스 이용에 제한되는 사용자일 경우 예외입니다. <br>
- 운영사 또는 철도 관련 기관의 요청에 따라 서비스가 중단될 수 있습니다. <br>
- 운영진은 모든 문의사항에 답변하고 사용자의 의견이나 불만이 정당하다 판단되었을 경우 반영해야 할 의무가 있습니다. 다만, 사이트의 운영에 지장을 주거나 불필요한 문의사항은 답변이 거절될 수 있습니다. <br>
</h6><br>
4. 사용자의 권리와 의무<hr>
<h6>
- 모든 사용자는 약관에 위배되지 않는 한 본 서비스를 자유롭게 이용하실 수 있습니다. <br>
- 모든 사용자는 이용약관, 공지, 관련법을 준수해야 합니다. <br>
- 모든 회원에 대해 이러한 행위를 금합니다. <br>
1) 타인의 개인정보를 도용하는 경우 <br>
2) 누리집에 폭력, 선정적인 정보 등 공서양속에 어긋나는 정보를 공유하는 경우 <br>
3) 불법/부정 프로그램 사용으로 누리집에 영향을 미칠 경우 <br>
4) 운영진과의 협의 외에 영리적으로 사이트를 이용하는 경우 <br>
5) 제공되는 자료의 라이선스를 위반하는 경우 <br>
6) 본 누리집에서 제공되는 정보를 기반으로 운영사에 민원을 넣는 경우 <br>
</h6><br>
5. 면책 조항<hr>
<h6>
- 본 사이트는 운영이 예고 없이 중단될 수 있습니다. <br>
- 본 사이트의 정보는 최신 자료임이 보장되지 않으며, 정보의 정확성, 신뢰성, 안정성, 확실성, 유용성 등을 보증하지 않습니다. <br>
- 본 사이트의 정보를 활용함으로써 일어난 손해에 대해서는 본인 책임에 있습니다. <br>
</h6><br>
6. 기술 고지<hr>
<h6>
- 본 누리집은 카페24 호스팅 서비스를 사용합니다. <br>
- 본 누리집에 활용된 기술은 node.js, mysql 등이 있으며, 모든 소스는 공개됩니다 <br>
- 본 누리집에는 위 출처에서 제공하는 csv, xlsx, txt 등의 파일을 json 파일로 변환해서 사용합니다. <br>
- 운영사에서 제공되지 않는 정보는 직접 제작하였으며, 오차가 생길 수 있습니다. <br>
- 본 누리집은 크로미움 기반 브라우저를 기반으로 만들어졌으며, 인터넷 익스플로러에서의 정상 작동을 절대 보장하지 않습니다. <br>
</h6><br>
</div>
</div>
</h5><br>
<br><br><br>
</main>
<script src = "../public/js/jquery.cookie.js"></script>
<script>
function logincookie(){
var userEmail = $.cookie("userEmail");
if(userEmail != '' && userEmail != null){
console.log("쿠키 존재: " + userEmail);
$("#log_in_out").html("로그아웃");
$("#log_in_out").attr("onclick", 'window.location.href = "logout"');
var username = $.cookie("username");
$("#btn_join").html(username + "님, 반갑습니다");
var t = document.getElementById("btn_join");
t.style.color = "red";
$("#btn_join").attr("onclick", '');
}
else{
console.log("쿠키가 존재하지 않습니다");
$("#log_in_out").html("로그인");
$("#log_in_out").attr("onclick", 'window.location.href = "login.html"');
}
}
</script>
</body>
</html>