-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
335 lines (319 loc) · 20.7 KB
/
index.html
File metadata and controls
335 lines (319 loc) · 20.7 KB
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
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./bootstrap-4.3.1-dist/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width" initial-scale="1" , shrink-to-fit=no>
<title>Dong's Git Page</title>
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
</head>
<body>
<!--
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
-->
<script src="./code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="./cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="./bootstrap-4.3.1-dist/js/bootstrap.min.js"></script>
<script>
/* 화면 제어용 자바스크립트 코드 */
</script>
<main role="main">
<div class="jumbotron m-0">
<div class="container text-center">
<header>
<h1 class="display-3">Dong's Git Page</h1>
<p>메이플스토리2 - 하이 프리스트 "비숍의하루"</p>
</header>
</div>
</div>
<nav class="navbar bg-dark navbar-dark m-0">
<div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse expand" id="collapsibleNavbar">
<!--<div class="collapse navbar-collapse expand" id="collapsibleNavbar"> -->
<ul class="nav nav-pills nav-stacked">
<li class="nav-item active">
<a class="nav-link" data-toggle="tab" href="#page-index">메인</a>
</li>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#page-projects">프로젝트들</a>
</li>
</ul>
</div>
</div>
<div class="dual-collapse2" data-comment="character-tag">
<img class="round float-left" src="./assets/images/thumb_img.png" alt="thumb_img" height="64sp"
style="border-radius: 50%">
<div class="tag-center">
<!-- <span data-comment="guild_name"><label></label></span><br/> -->
<span data-comment="title"><label>하이 프리스트</label></span>
<span data-comment="level"><label>Lv.92</label></span>
<span data-comment="ch_name"><label>비숍의하루</label></span>
<br/>
<span data-comment="character_comment">(2015.06.12 23:11 ~ 2025.05.29 10:00) </span>
</div>
<div class="float-right" data-comment="social-link">
<a href="https://www.youtube.com/channel/UCRhcnOL4cirL-CKzqKHSC9Q"><img class="round"
src="./assets/images/youtube_social_square_red.png"
style="background-color:rgb(142, 196, 231); border-radius:50%; width:60px; height:64px;"></a>
<a href="http://blog.naver.com/hoevf123"><img class="round" src="./assets/images/icon_naver_blog.png"
style="background-color:rgb(142, 196, 231); border-radius:50%; width:60px; height:64px;"></a>
<a href="http://github.com/hoevf123"><img class="round purple"
src="./assets/images/github-desktop-2018-11-14_12-13-38-icon-resized.jpg.png"
style="border-radius:50%; width:60px; height:64px;"></a>
</div>
</div>
<div class="container-fluid">
<!-- <a class="navbar-brand" href="#">메뉴</a> -->
</div>
</nav>
<div class="tab-content">
<div id="page-index" class="jumbotron flexbox tab-pane in active container-fluid text-center m-0"
data-comment="제작한 프로젝트들">
<div class="article-item">
<a href="./index_ChatGPT.html">
<p style="color:rgb(255, 128, 255);">※(이력서 혼합형 형태로 메인 페이지 개편 예정)※</p>
</a>
</div>
<div class="article-item">
<h2>비숍이 실험실</h2>
<p>여기가 메인 페이지..</p>
<br />
<p>메이플스토리2에서 개인적으로 구현하고 싶은 것들을 담아두는 페이지입니다.</p>
<a href="./bishopi_lab/index.html"><input type="button" class="btn btn-link"
value="[링크] 비숍이 실험실"></a>
</div>
<!-- <div class="article-item" style="display: none;">
<h1>현재 제작중인 홈페이지</h1>
<br/>
<h2>메2 길드 홈페이지</h2>
<p>사용 언어 :
<img class="logo-code"src="./assets/images/HTML5 Logo.svg">
<img class="logo-code"src="./assets/images/CSS3_logo_and_wordmark.svg.png">
<img class="logo-code"src="./assets/images/ES6LOGO.svg">
</p>
<p>메2 길드에서 열심히 노실 길드원 구합니다!</p>
<a href="./guild_ms2_homepage/index.html">
<img class="preview-img" src="./assets/images/preview_guild_ms2_homepage.png"/ alt="메2길드 홈페이지">
</a>
<br/>
</div> -->
<div class="article-item">
<h2>캐시마트 아르바이트 시뮬레이션(미구현)</h2>
<p>사용 언어 :
<img class="logo-code" src="./assets/images/HTML5 Logo.svg">
<img class="logo-code" src="./assets/images/ES6LOGO.svg">
</p>
<p>메이플스토리2 게임 내 캐시마트 아르바이트 던전을 Javascript로 직접 만들어 보고 싶었습니다.</p>
<p>(※실행 시 데이터 소모 및 소리 주의!)</p>
<br />
<p>조작키 : [←↑→↓] : 방향키 , [S / 게임 내 "Summon Customer" 버튼] : 손님 랜덤 소환</p>
<a href="cashmart_test/index_cashmart_exp.html">
<img class="preview-img" src="./assets/images/preview_cashmart_arbeit_simulation.png"
alt="Cashmart Arbeit Simulation" /><br />
</a>
<br />
<h5>캐시마트 아르바이트를 플레이를 한 후에 보면 좋은 공략!</h5>
<a href="http://maplestory2.nexon.com/Kch/KnowhowView?sn=16868&b.pn=1&b.mn=1b.wt=&b.stp=0&b.stxt=">
<input type="button" class="btn btn-link" value="[공홈]캐시마트 아르바이트 심층 공략">
</a>
<a href="http://maplestory2.nexon.com/Kch/KnowhowView?sn=17050&b.pn=1&b.mn=1b.wt=&b.stp=0&b.stxt=">
<input type="button" class="btn btn-link" value="[공홈]캐시마트 아르바이트 공략 - 180일 기록일지">
</a>
</div>
<div class="article-item">
<h2>메콩학개론</h2>
<h5>(※개인 사견으로 만든 단순 웹 페이지입니다※)</h5>
<p>사용 언어 :
<img class="logo-code" src="./assets/images/HTML_Logo_512.png">
</p>
<p>모든 게임에서 일어날 일을 겪은 메콩이 좋은 게임으로 발전하길 기대하며 만들어 본 사전식 페이지 입니다.</p>
<a href="./ms2_entrance/index.html">
<img class="preview-img" src="./assets/images/preview_introduction_of_ms2.png" alt="메콩학개론" /><br />
</a>
</div>
</div>
<div id="page-projects" class="tab-pane fade container-fluid text-center m-0">
<div class="jumbotron flexbox" data-comment="제작한 프로젝트들">
<div class="article-item">
<h2>비숍이 실험실</h2>
<h3>게임 "메이플스토리2"와 관련된 잡다한 것들이 들어 있습니다.</h3>
<p>사용 언어 :
<img class="logo-code" src="./assets/images/HTML5 Logo.svg">
<img class="logo-code" src="./assets/images/CSS3_logo_and_wordmark.svg.png">
<img class="logo-code" src="./assets/images/ES6LOGO.svg">
</p>
<p>현재 관리 중인 유일한 웹 페이지입니다.</p>
<a href="./bishopi_lab/index.html">
비숍이 실험실(링크)
<!--<img class="preview-img" src="./assets/images/preview_guild_ms2_homepage.png"/ alt="비숍이 실험실">-->
</a>
<br />
</div>
<!-- <div class="article-item">
<h2>메2 길드 홈페이지</h2>
<h3>※ 이 페이지는 제가 메2 길드를 떠났기 때문에 이 페이지를 삭제하였습니다. 이 페이지의 대체 문서인 비숍이 실험실을 이용해 주세요.※</h3>
<p>사용 언어 :
<img class="logo-code"src="./assets/images/HTML5 Logo.svg">
<img class="logo-code"src="./assets/images/CSS3_logo_and_wordmark.svg.png">
<img class="logo-code"src="./assets/images/ES6LOGO.svg">
</p>
<p>메2 길드에서 열심히 노실 길드원 구합니다!</p>
<a href="#none" data-obsoletd-href="./guild_ms2_homepage/index.html">
<img class="preview-img" src="./assets/images/preview_guild_ms2_homepage.png"/ alt="메2길드 홈페이지(더 이상 사용하지 않음)">
</a>
<br/>
</div> -->
<div class="article-item">
<h2>캐시마트 아르바이트 시뮬레이션(미구현)</h2>
<p>사용 언어 :
<img class="logo-code" src="./assets/images/HTML5 Logo.svg">
<img class="logo-code" src="./assets/images/ES6LOGO.svg">
</p>
<p>메이플스토리2 게임 내 캐시마트 아르바이트 던전을 Javascript로 직접 만들어 보고 싶었습니다.</p>
<p>(※실행 시 데이터 소모 및 소리 주의!)</p>
<br />
<p>조작키 : [←↑→↓] : 방향키 , [S / 게임 내 "Summon Customer" 버튼] : 손님 랜덤 소환</p>
<a href="cashmart_test/index_cashmart_exp.html">
<img class="preview-img" src="./assets/images/preview_cashmart_arbeit_simulation.png"
alt="Cashmart Arbeit Simulation" /><br />
</a>
<br />
<h5>캐시마트 아르바이트를 플레이를 한 후에 보면 좋은 공략!</h5>
<a
href="http://maplestory2.nexon.com/Kch/KnowhowView?sn=16868&b.pn=1&b.mn=1b.wt=&b.stp=0&b.stxt=">
<input type="button" class="btn btn-link" value="[공홈]캐시마트 아르바이트 심층 공략">
</a>
<a
href="http://maplestory2.nexon.com/Kch/KnowhowView?sn=17050&b.pn=1&b.mn=1b.wt=&b.stp=0&b.stxt=">
<input type="button" class="btn btn-link" value="[공홈]캐시마트 아르바이트 공략 - 180일 기록일지">
</a>
</div>
<div class="article-item">
<h2>메콩학개론</h2>
<h5>(※개인 사견으로 만든 웹 페이지입니다. 현재 내용 추가 및 유지보수 계획 없음※)</h5>
<p>사용 언어 :
<img class="logo-code" src="./assets/images/HTML_Logo_512.png">
</p>
<p>모든 게임에서 일어날 일을 겪은 메콩이 좋은 게임으로 발전하길 기대하며 만들어 본 사전식 페이지 입니다.</p>
<a href="./ms2_entrance/index.html">
<img class="preview-img" src="./assets/images/preview_introduction_of_ms2.png" alt="메콩학개론" /><br />
</a>
</div>
<div class="article-item">
<h2>GPA-CASE(미구현)</h2>
<p>사용 언어 :
<img class="logo-code" src="./assets/images/HTML5 Logo.svg">
<img class="logo-code" src="./assets/images/ES5.png">
</p>
<p>터치 및 오브젝트 생성을 위한 테스트 웹 앱이였습니다만.. 개발실력에 맞지 않게 졸업주제로 정하면 안 되는 이유.</p>
<p>(이 프로그램은 말도 안되지만, 발표자료조차 만들지 않은 컴공 최종 졸업작품입니다)</p>
</a>
<a href="./GPA-CASE.html">
<img class="preview-img" src="./assets/images/preview_gpa_case.png"
alt="GPA-CASE Editor(deprecated)" /><br />
</a>
<br />
<br />
</div>
<div class="article-item">
<h2>와앙치키(텍스트 읽기만 가능)</h2>
<p>※ 와앙치키 님은 메이플스토리2에 존재하는 유저의 이름입니다. ※</p>
<p>사용 언어 :
<img class="logo-code" src="./assets/images/HTML5 Logo.svg">
<img class="logo-code" src="./assets/images/CSS3_logo_and_wordmark.svg.png">
<img class="logo-code" src="./assets/images/ES5.png">
기타자료
<a href="./와앙/와앙철컹.hwp">
<img class="logo-code" src="./assets/images/icon_hwp.svg" alt="와앙철컹.hwp">
</a>
</p>
<p>졸업작품으로 하려던 프로젝트 중 하나였으나, 개발 역량 부족으로 포커스 부분을 만들다 중단되었습니다.</p>
<p>(최종 졸업작품보다 퀄리티가 좋아보이는 건 기분탓)</p>
</a>
<a href="./와앙/waang.html">
<img class="preview-img" src="./assets/images/preview_waang.png"
alt="GPA-CASE Editor(deprecated)" /><br />
</a>
<br />
<br />
</div>
<div class="article-item">
<h2>퀸-맥클러스키 주항 구하기 프로그램</h2>
<p>주 : 해당 프로그램은 주항 구하기 로직에 충실하게 구현하기 위해 알고리즘 최적화(방법이 있음을 제안받았지만)를 하지 않았습니다.</p>
<p>사용 언어 :
<img class="logo-code" src="./assets/images/HTML_Logo_512.png">
<img class="logo-code" src="./assets/images/ES3.png">
기타자료
<a href="https://blog.naver.com/hoevf123/220172831247"><img class="logo-code"
src="./assets/images/icon_naver_blog.png"></a>
</p>
<p>table 태그를 이용하여 주항을 구할 수 있는 표가 작동되도록 만들었습니다.</p>
<a href="./Qunn-Mc Decoder/main.html">
<img class="preview-img" src="./assets/images/preview_qunn_mc.png" alt="퀸-맥클러스키 주항 구하기" /><br />
</a>
</div>
<div class="article-item">
<h2>Print Page Project</h2>
<p>주 : HTML5 언어는 2014년 10월 중에 정식 언어로 채택되었습니다.</p>
<p>사용 언어 :
<img class="logo-code" src="./assets/images/HTML5 Logo.svg">
<img class="logo-code" src="./assets/images/ES3.png">
제작년도 : 2014
<a href="https://github.com/hoevf123/PrintPage-Project">
<img class="logo-code" src="./assets/images/github-desktop-2018-11-14_12-13-38-icon-resized.jpg.png"
alt="PrintPage-Project">
</a>
</p>
<p>웹 페이지에서 프린트 서비스를 구현하고 싶어서 모양만 내 본 html 페이지입니다.</p>
<a href="./HTMLPage1/print_page_0.0.3.html">
<img class="preview-img" src="./assets/images/preview_print_page_project.png"
alt="Print Page 0.0.3" /><br />
</a>
<p>위 링크 : Print Page 0.0.3 (마지막 버전)</p>
<a href="./HTMLPage1/print_page_0.0.2_rev2.html">
<img class="preview-img" src="./assets/images/preview_print_page_project_0.0.2_rev2.png"
alt="Print Page 0.0.2 rev2" /><br />
</a>
<p>위 링크 : Print Page 0.0.2_rev2</p>
<a href="./HTMLPage1/new page_rev.html">
<img class="preview-img" src="./assets/images/preview_print_page_project_new_page_rev1.png"
alt="Print Page(new page)" /><br />
</a>
<p>위 링크 : Print Page(new page_rev)</p>
<a href="./HTMLPage1/new page.html">
<img class="preview-img" src="./assets/images/preview_print_page_project_new_page.png"
alt="Print Page(new page)" /><br />
</a>
<p>위 링크 : Print Page(new page)</p>
<a href="./HTMLPage1/새 텍스트 문서.html">
<img class="preview-img" src="./assets/images/preview_print_page_project_first.png"
alt="Print Page(first version)" /><br />
</a>
<p>위 링크 : Print Page(첫 버전)</p>
</div>
</div>
</div>
</div>
</main>
<div class="jumbotron m-0">
<footer class="container text-center p-1">
<p>이 웹사이트는 Bootstrap 4를 이용하여 Microsoft Edge 브라우저를 기준으로 만들었습니다.</p>
<p data-comment="contact-info"> 연락처 : hoevf123@naver.com (네이버) / hoevf123.dongs@gmail.com (구글) / bishopuiharu_maplestory2 (구)비숍의하루#5686 (디스코드)
(discord)</p>
</footer>
</div>
<script>
$(document).ready(function () {
$(".nav-tabs a").click(function () {
$(this).tab('show');
});
});
</script>
</body>
</html>