lefal.github.io/index.html at master · LeFal/lefal.github.io · GitHub

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

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="shortcut icon" href="images/favicon.ico">

    <style>
      body {
        margin: 20px;
        font-family: 'Apple SD Gothic Neo', 'Helvetica', 'Arial';
      }

      .container {
        width: 550px;
        margin-left: auto;
        margin-right: auto;
      }

      .profileimg {
        border-radius: 75px;
        width: 150px;
        height: 150px;
      }

      h1 {
        font-weight: 600;
        font-size: 3.1em;
        color: #555;
      }

      h3 > small {
        font-size: 0.7em;
      }

      p {
        font-size: 1.2em;
        max-width: 300px;
      }

      ul {
        padding-left: 30px;
        font-size: 1.1em;
      }

      @media screen and (min-width: 550px) {
        .profile-wrap, .content-wrap {
            float: center;
        }

        h1 {
            text-align: center;
            margin-top: 35px;
        }
        h3 {
          text-align: :center;
        }
      }

      @media screen and (max-width: 550px) {
        .container {
          width: 260px;
          padding: 0;
        }
        .content-wrap small {
          font-size: 0.5em;
        }
      }
      dd {
        margin-left: 40px;
        font-size: 0.9em;
      }
      dt {
        margin-top: 25px;
        margin-bottom: 10px;
        font-size: 1.3em;
      }
      li {
        margin-left: 40px;
      }
    </style>
    <title>오형준 - Oh HyungJun</title>
  </head>
  <body>
    <div class="container">
      <div class="profile-wrap">
        <center><img class="profileimg" src="images/profile.png"></center>
      </div>
      <div class="content-wrap">
        <h1>
          Oh HyungJun
        </h1>
          <h3 style="text-align: center"><small>오형준 (LeFal)</small></h3>
        <ul>
          <li><a href="https://github.com/lefal">GitHub</a></li>
        </ul>
        <dt>Email</dt>
          <dd><p>qwertyhj2@gmail.com</p>
          </dd>
        <dt>Phone</dt>
          <dd><p>010-2381-3903</p>
          </dd>
        <dt>Education</dt>
          <dd>
          <p><strong>2014~</strong> &nbsp;&nbsp;&nbsp;&nbsp; 고려대학교 교육학과, 컴퓨터학과</p>
          </dd>
        <dt>Skill</dt>
          <ul>
            <li>iOS, Swift</li>
          </ul>
        <dt>Project List</dt>
        <dd>
    	  <p><strong>2020</strong></p>
    	  <ul>
    	  	<li> 인스타그램 줄바꿈 - <a href="project/instagram-linebreaker.html">Instagram Linebreaker</a></li>
    	  </ul>
          <p><strong>2017</strong></p>
          <ul>
            <li>임산부를 위한 어플리케이션 - <a href="https://illionaire-soft.github.io/CocoaBaby/">CocoaBaby</a></li>
            <li>iOS 물방울 애니메이션 오픈소스 - <a href="https://github.com/lefal/waterdrops">WaterDrops</a></li>
            <li>원터치 지하철 어플리케이션 - <a href="https://www.youtube.com/watch?v=Ohnlcs2YxVA">원터치 지하철</a></li>
            <li>목표 관리 어플리케이션 - <a href="https://itunes.apple.com/us/app/1%EC%9B%94-1%EC%9D%BC-%EB%AA%A9%ED%91%9C-%EA%B4%80%EB%A6%AC-%EC%96%B4%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98/id1218696438?l=ko&ls=1&mt=8">1월 1일</a></li>
          </ul>
          </dd>
        <dt>Career</dt>
          <dd>
      	  <p><strong>2018-2020</strong> &nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.zigzag.kr/">지그재그(크로키닷컴)</a></p>
          <p style="margin-left: 60px"><strong>iOS Developer</strong></p>
            <p><strong>2017</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>SOVS</strong></p>
          <p style="margin-left: 60px"><strong>iOS Developer (Part Time)</strong></p>
          <ul style="margin-bottom: 20px">
            <li>카메라 iOS 앱 SOVS 개발 </li>
          </ul>
          <p><strong>2015-2016</strong> &nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.frograms.com/">Watcha</a>
          <p style="margin-left: 60px"><strong>PM Associate (internship)</strong></p>
          <ul style="margin-bottom: 20px">
            <li>왓챠 리뉴얼 기획 및 일정 관리 </li>
            <li>왓챠플레이 통계 관리, 경영 지원, 목표 설정 </li>
          </ul>
      </div>
    </div>
  </body>
</html>