-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
46 lines (42 loc) · 2.94 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>FFLiK</title>
<link rel="stylesheet" href="style/style.css" />
<script src="script/main.js"></script>
<link rel="shortcut icon" href="res/icon.ico">
</head>
<body>
<svg id="icon" class="icon animate" data-name="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 920 880 ">
<g>
<path d="m714.68,82.64l-302.78,293.28c-14.97,14.5-19.45,36.74-11.26,55.91l50.45,118.1c14.18,33.19-10.17,70.08-46.27,70.08h-190.82c-40.18,0-64.15-44.79-41.86-78.22L481.19,78.22c22.29-33.44-1.68-78.22-41.86-78.22H50.31C22.53,0,0,22.53,0,50.31v699.38c0,27.79,22.53,50.31,50.31,50.31h655.68c40.18,0,64.15-44.79,41.86-78.22l-144.85-217.27c-25.18-37.77,8.59-86.94,52.88-77l82.78,18.58c31.45,7.06,61.33-16.86,61.33-49.09V118.78c0-44.44-53.4-67.06-85.32-36.14Z"/>
<path style="opacity: 20%" transform="translate(120, 80)" d="m714.68,82.64l-302.78,293.28c-14.97,14.5-19.45,36.74-11.26,55.91l50.45,118.1c14.18,33.19-10.17,70.08-46.27,70.08h-190.82c-40.18,0-64.15-44.79-41.86-78.22L481.19,78.22c22.29-33.44-1.68-78.22-41.86-78.22H50.31C22.53,0,0,22.53,0,50.31v699.38c0,27.79,22.53,50.31,50.31,50.31h655.68c40.18,0,64.15-44.79,41.86-78.22l-144.85-217.27c-25.18-37.77,8.59-86.94,52.88-77l82.78,18.58c31.45,7.06,61.33-16.86,61.33-49.09V118.78c0-44.44-53.4-67.06-85.32-36.14Z"/>
</g>
</svg>
<div id="background-icon-container">
<svg id="background-icon" data-name="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800 ">
<g>
<path d="m714.68,82.64l-302.78,293.28c-14.97,14.5-19.45,36.74-11.26,55.91l50.45,118.1c14.18,33.19-10.17,70.08-46.27,70.08h-190.82c-40.18,0-64.15-44.79-41.86-78.22L481.19,78.22c22.29-33.44-1.68-78.22-41.86-78.22H50.31C22.53,0,0,22.53,0,50.31v699.38c0,27.79,22.53,50.31,50.31,50.31h655.68c40.18,0,64.15-44.79,41.86-78.22l-144.85-217.27c-25.18-37.77,8.59-86.94,52.88-77l82.78,18.58c31.45,7.06,61.33-16.86,61.33-49.09V118.78c0-44.44-53.4-67.06-85.32-36.14Z"/>
</g>
</svg>
</div>
<h1 class="animate">안녕하세요, <span class="clr-fflik">플릭</span>입니다.</h1>
<h3 class="animate">저는 학생 개발자이자 디자이너입니다.</h3>
<div class="spacer-2em"></div>
<div class="animate">
<p class="clr-tiny">
저는 주변의 작은 문제를 해결해가며 조금이나마 더 편안한 세상을 만드는 것을 추구합니다. <br>
많은 사람들에게 도움이 되는 프로그램과 디자인을 만들기 위해 노력하고 있습니다. <br>
</p>
<div class="spacer-4em"></div>
<a href="pages/profile">프로필</a>
<span class="style-a clr-tiny">|</span>
<a href="pages/cv">이력</a>
<span class="style-a clr-tiny">|</span>
<a href="pages/projects">프로젝트</a>
<span class="style-a clr-tiny">|</span>
<a href="pages/tools">도구</a>
</div>
</body>
</html>