Skip to content

Commit 87f88f9

Browse files
woowaEchowoowaEcho
committed
update resume
1 parent 25b60e2 commit 87f88f9

File tree

2 files changed

+51
-74
lines changed

2 files changed

+51
-74
lines changed

‎resume/choeun.jpg

119 KB
Loading

‎resume/index.html

Lines changed: 51 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -6,47 +6,41 @@
66
<title>Resume : ChoEun</title>
77
<link rel="canonical" href="index.html">
88
<meta property='og:title' content='Resume - ChoEun'>
9-
<meta property='og:description' content='Resume for Google'>
9+
<meta property='og:description' content='Resume'>
1010
<meta property='og:image' content='https://techhtml.github.io/resume/choeun.jpg'>
11-
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
11+
<link href="https://fonts.googleapis.com/css?family=Roboto:400,900" rel="stylesheet">
1212
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
1313
<style amp-custom>
1414
:root {
15-
--color-light-gray: #F5F5F5;
1615
--color-gray: #424242;
1716
--color-blue-500: #2196F3;
1817
--color-blue-800: #1565C0;
18+
--color-red-800: #D32F2F;
1919
}
2020
body {
21-
font-size:1.125rem;
22-
line-height:1.425;
21+
line-height:1.8em;
2322
font-family: "Roboto", sans-serif;
2423
color:var(--color-gray);
25-
font-weight:300;
26-
background:var(--color-light-gray)
2724
}
28-
strong {
29-
font-weight:400;
25+
header h1, header h2 {
26+
margin:0;
27+
color:#fff;
3028
}
31-
input {
32-
font:inherit;
29+
header h1 {
30+
font-size:1.5em;
31+
padding:1.35em 0.67em;
32+
background:#6A1B9A;
3333
}
34-
ul,ol {
35-
list-style:none;
36-
padding:0;
34+
header h2 {
35+
font-size:1em;
36+
padding:1em 0.83em;
37+
background:#8E24AA;
3738
}
38-
li a {
39-
display:block;
40-
padding:0.675rem 1rem 0.75rem;
41-
}
42-
li i {
43-
padding-right:0.5rem;
44-
vertical-align:middle;
39+
h2,h3,h4,h5,h6,dt {
40+
color:var(--color-blue-800);
41+
font-weight:900;
4542
}
4643

47-
/*
48-
* links
49-
*/
5044
a {
5145
color:var(--color-blue-500);
5246
text-decoration:none;
@@ -58,44 +52,29 @@
5852
/*
5953
* article padding
6054
*/
61-
62-
.container {
63-
display:flex;
64-
align-items:flex-start;
55+
.container, .wrapper {
6556
max-width: 960px;
6657
margin: auto;
6758
}
68-
.profile {
69-
position:sticky;
70-
top:0;
71-
min-height:100vh;
72-
padding:1px 2em;
73-
background: var(--color-blue-800);
74-
color: white;
75-
box-sizing:border-box;
76-
}
77-
7859
.contents {
7960
box-sizing:border-box;
80-
padding:1px 1.25rem;
61+
padding:1em;
8162
background:white;
8263
}
8364
.contents dt {
8465
margin-top:1em;
85-
font-weight:700;
8666
}
8767
.contents dd {
88-
margin-left:0.8em;
68+
margin-left:1em;
8969
}
9070

91-
@media (max-width:640px) {
71+
@media (min-width:720px) {
9272
.container {
93-
display: block;
73+
display:flex;
9474
}
95-
.profile {
96-
position:static;
97-
width:100%;
98-
min-height:auto;
75+
header {
76+
margin-top:2em;
77+
min-width:360px;
9978
}
10079
}
10180

@@ -104,21 +83,14 @@
10483
</head>
10584
<body>
10685
<div class="container">
107-
<div class="profile">
108-
<h1>ChoEun</h1>
109-
<h2>UX Engineer</h2>
110-
<amp-img src="choeun.jpg" width="364" height="364" layout="responsive" alt=""></amp-img>
111-
<h2>Professional Skills</h2>
112-
<ul>
113-
<li>HTML</li>
114-
<li>CSS</li>
115-
<li>JavaScript</li>
116-
</ul>
117-
</div>
86+
<header>
87+
<amp-img src="choeun.jpg" alt="my profile picture" layout="responsive" width="720" height="720"></amp-img>
88+
<h1><div class="wrapper">Cho Eun</div></h1>
89+
<h2><div class="wrapper">UX Engineer</div></h2>
90+
</header>
11891
<main class="contents">
119-
<h1>RESUME</h1>
120-
<p>Hi there, My name is Cho Eun and I live in South Korea. I'd work for WoowaBrothers that create and operate delivery app named baedalMinjok.
121-
All of my career are related UX and UI Engineering on the Web. If you want see my codes, you can see my <a href='https://github.com/techhtml/'>github</a>, <a href='https://www.facebook.com/eun.cho.161/'>facebook</a> and <a href='https://twitter.com/apes01234'>twitter</a></p>.
92+
<p>HI there, I'm Cho Eun lived in South Korea.
93+
I'd work for Woowahan Brothers that operate BaedalMinjok that for delivery foods. Basically I worked for UX and UI Engineering on the Web. Here is my <a href='https://github.com/techhtml/'>github</a>, <a href='https://www.facebook.com/eun.cho.161/'>facebook</a> and <a href='https://twitter.com/apes01234'>twitter</a>. If you want contant me, use anything that you want.</p>
12294
<h2>About me</h2>
12395
<dl>
12496
<dt>Name:</dt>
@@ -133,6 +105,13 @@ <h2>About me</h2>
133105
<dd>English, Japanese, Korean</dd>
134106
</dl>
135107
<h2>Projects</h2>
108+
<section>
109+
<h3>BaeminCook</h3>
110+
<p>
111+
BaeminCook is delivery system that delivered material for food.
112+
I cared HTML,CSS and JavaScripts for BaeminCook system.
113+
</p>
114+
</section>
136115
<section>
137116
<h3>Baemin Ordering System</h3>
138117
<p>
@@ -152,24 +131,23 @@ <h3>CEO Site</h3>
152131
<h2>Skills</h2>
153132
<section>
154133
<h3>HTML</h3>
155-
<p>HTML skills are my base development skill.
156-
I also teach HTML &amp; CSS at academy named fastcampus</p>
134+
<p>HTML is my base devleopment skill and all of web programmer should be know about HTML because of that is base technology for the web technologies.</p>
157135
</section>
158136
<section>
159-
<h3>CSS</h3>
160-
<p>also CSS are my base development skill,
161-
and i was translated some specifications of css into korean.</p>
137+
<h3>CSS, SCSS</h3>
138+
<p>CSS is my base development skill, I'd translate all CSS recommendations into Korean.
139+
So many people who want know about CSS, they can see my translation docs.</p>
162140
</section>
163141
<section>
164142
<h3>JavaScript (Object Oriented &amp; ES2015)</h3>
165-
<p>developed some product base on JavaScript, but use jQuery for IE support.
166-
does not support IE, i can develop vanilla JS.</p>
143+
<p>Also I developed many services using JavaScript(include ES2015).
144+
Sometimes if need legacy IE browsers (Under IE8), I used jQuery for support legacy.</p>
167145
</section>
168146
<section>
169147
<h3>AMP HTML</h3>
170-
<p>I have worried about AMP HTML are skill. because AMP HTML are extended HTML,
171-
and it's does not quite difficult then HTML. but i wrote that here,
172-
I'd translate AMP Docs into korean and almost component are can used.</p>
148+
<p>AMP HTML is simmilar than HTML but quite different.
149+
AMP is use for create fast mobile web pages and it have good architecutres.
150+
I translate AMP documentations for Korean user who does not know about AMP but can't use english.</p>
173151
</section>
174152
<h2>Career</h2>
175153
<section>
@@ -197,11 +175,10 @@ <h3>SK Communcations</h3>
197175
<h2>Personalities</h2>
198176
<dl>
199177
<dt>AMP Project Member</dt>
200-
<dd>I'd translate many AMP docs into Korean.
201-
Also I create <code>amp-imgur</code> component that for embed imgur at AMP.
178+
<dd>I translate many AMP docs into Korean and I created <code>amp-imgur</code> component that for embed imgur at AMP.
202179
</dd>
203180
<dt>Translate W3C specification into korean</dt>
204-
<dd>also i'd translate some W3C specifications into korean,
181+
<dd>Also I translate some W3C specifications into korean,
205182
and all of translation lists are can see <a href='https://www.w3.org/2005/11/Translations/Lists/ListLang-ko.html'>here</a></dd>
206183
</dl>
207184
</main>

0 commit comments

Comments
 (0)