-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (147 loc) · 5.82 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>에버듀</title>
<link rel="favicon" href="res/favicon.ico" />
<link rel="shortcut icon" href="res/favicon.ico" />
<link rel="stylesheet" href="style/header.css" />
<link rel="stylesheet" href="style/style.css" />
<link rel="stylesheet" href="style/history.css" />
<link rel="stylesheet" href="style/animation.css" />
<link rel="stylesheet" href="style/side_menu.css" />
<link rel="stylesheet" href="style/section.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
/>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1 user-scalable=no"
/>
<meta name="description" content="에버듀를 소개합니다." />
<script src="script/header_side.js"></script>
<script src="script/load_experience.js"></script>
</head>
<body>
<header>
<div class="header_content">
<a href="./index.html">
<div class="header_logo">
<img id="header_logo_img" src="res/profile_trans.png" alt="logo" />
<h1 id="header_logo_name">에버듀</h1>
</div>
</a>
<nav class="header_menu">
<ul>
<li><a href="./index.html">About Me</a></li>
<li>
<a
href="#"
onclick="document.querySelector('#section_project').scrollIntoView(true); event.preventDefault();"
>Project</a
>
</li>
<li><a href="https://github.com/kckc0608">Github</a></li>
<li><a href="https://blog.everdu.com">Blog</a></li>
<li>
<a
href="#"
onclick="document.querySelector('#section_contact').scrollIntoView(true); event.preventDefault();"
>Contact</a
>
</li>
</ul>
</nav>
<div class="header_side_button">
<span class="material-symbols-outlined"> menu </span>
</div>
</div>
</header>
<div class="mid_content">
<section>
<h2 class="section_title">Profile</h2>
<div class="section_content" id="profile_section">
<img id="profile_img" src="res/profile_trans.png" />
<div class="profile_content">
<div class="profile_content_name">
<h2 style="margin: 0px">권찬 (Kwon Chan)</h2>
</div>
<div class="profile_content_desc">
<p>
세상의 문제들을 컴퓨터를 활용하여 해결하는데 관심이 많습니다.<br />
경험과 지식을 공유하면서 커뮤니티에 기여하고, 그 과정에서 함께 성장하기를 추구합니다.<br />
</p>
<p>
홍익대학교 컴퓨터공학과 3학년 재학 (2020. 03 ~)<br />
Spring 프레임워크에 관심을 갖고 공부하고 있습니다.<br />
</p>
<div class="link_area">
<span class="link_item"
><a href="https://github.com/kckc0608">깃허브 >></a></span
>
<span class="link_item"
><a href="https://chinpa.tistory.com/">블로그 >></a></span
>
</div>
</div>
</div>
</div>
</section>
<section>
<h2 class="section_title" id="section_project">Project</h2>
<div class="section_content" id="project_grid">
<div class="item" id="arpia">마법학교 아르피아</div>
<div class="item" id="everdu">코드 에버듀</div>
<div class="item" id="intro">자기소개 웹사이트</div>
<a href="project/ym_clone/">
<div class="item" id="ymmusic">Youtube Music<br />클론코딩</div>
</a>
<a href="project/chat_with_chatGPT/"
><div class="item" id="chatGPT">chatGPT with React</div></a
>
<a href="practice/nodejs"
><div class="item" id="nodejs">Node JS 연습</div></a
>
</div>
<div class="project_desc section_content">
<div style="text-align: center; padding: 5% 0">
설명을 보고 싶은 프로젝트를 클릭해보세요.
</div>
</div>
<script src="script/project_desc.js"></script>
</section>
<section>
<h2 class="section_title">Experience</h2>
<div class="section_content experience_content">
<ul id="history_class">
<!--
this content will be automatically added from experience.json
-->
</ul>
</div>
</section>
<section>
<h2 class="section_title" id="section_contact">Contact</h2>
<div class="section_content">E-mail : [email protected]<br /></div>
</section>
</div>
<div class="side_menu">
<div class="side_menu_item"><a href="aboutme">About Me</a></div>
<div class="side_menu_item"><a href="">Project</a></div>
<div class="side_menu_item">
<a href="https://github.com/kckc0608">Github</a>
</div>
<div class="side_menu_item">
<a href="https://blog.everdu.com">Blog</a>
</div>
<div class="side_menu_item"><a href="">Contact</a></div>
</div>
</body>
</html>