Skip to content

Commit

Permalink
.
Browse files Browse the repository at this point in the history
  • Loading branch information
@jh-maeng
jh-maeng committed Aug 25, 2024
1 parent 761dd0d commit cc3a9e3
Show file tree
Hide file tree
Showing 4 changed files with 212 additions and 80 deletions.
80 changes: 80 additions & 0 deletions _index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!doctype html>
<html><head>
<title>savage69kr</title>
<meta name="description" content="born81.com is a personal website of savage69kr - a professional freelancer developer" />
<meta name="keywords" content="freelancer, freelance, web developer, developer, development, flex, flash, actionscript, as3, actionscript3, 프리랜서, 개발자, 플래시, 액션스크립트" />
<meta name="author" content="savage69kr" />
<meta name="robots" content="all" />
<meta name="revisit-after" content="7 days" />

<link rel="shortcut icon" type="image/ico" href="favicon.ico">

<style>
/*YUI*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
/*TheGoldenGrid*/
body{font:75%/1.5em}
p.first:first-letter{float:left;font-size:3em;font-weight:700;line-height:1em;margin-bottom:-0.2em;padding:0.2em 0.1em 0 0}p img{float:left;margin:0.3em 0.833em 0.833em 0;padding:0}p img.right{float:right;margin:0.3em 0 0.833em 0.833em}
p.break{text-align:center;text-indent:0;line-height:0}p.zero{padding:0;margin:0}p.one{padding:0 1em 1em 1em;color:#111}p img.right10{float:right;margin:0.833em}
h1,h2,h3,h4,h5,h6{font-weight:bold;text-transform:uppercase}h1{font-size:2.2em;margin-bottom:0.682em}h2{font-size:1.9em;margin-bottom:0.79em}h3{font-size:1.7em;margin-bottom:0.882em}h4{font-size:1.4em;margin-bottom:1.071em}h5,h6{font-size:1.3em;margin-bottom:1.154em}
ul li{list-style-type:disc}ol li{list-style-type:decimal}ol ol li{list-style-type:lower-alpha}ol ol ol li{list-style-type:lower-roman}li ul,li ol{margin:0 1.5em}ul,ol{margin:0 1.5em 1.5em 1.5em}
dl{margin:0 0 1.5em 0}dl dt{font-weight:bold}dl dd{margin-left:1.5em}
a,a:link,a:visited,a:active{text-decoration:none}a:hover{text-decoration:underline}
table{margin-bottom:1.5em;border-collapse:collapse;border-style:solid;border-width:0 1px 1px 0;border-color:#ccc}th{background:#f4f4f4;color:#666;font-weight:bold;text-transform:uppercase;text-align:center}td,th{border-style:solid;border-width:1px 0 0 1px;border-color:#ccc}tr,th,td{margin:0;padding:0 1.5em 0 1em}tfoot{font-style:italic}caption{text-align:center}
fieldset{border:1px dashed #ccc}fieldset legend{font-weight:bold;text-transform:uppercase}
abbr,acronym{border-bottom:1px dashed #999;cursor:help}address{margin-top:1.5em;font-style:italic}del{color:#000}
blockquote{padding:1em 1em 1em 1.5em}blockquote > *:first-child:before{content:"\201C";font-size:2.5em;margin-left:-.62em;padding-right:.2em;color:#aaa;line-height:0}
strong{font-weight:bold}em,dfn{font-style:italic}dfn{font-weight:bold}pre,code{margin:1.5em 0;white-space:pre}pre,code,tt{font:1em monospace;line-height:1.5}tt{display:block;margin:1.5em 0}hr{margin-bottom:1.5em}
.tc{text-align:center}.tr{text-align:right}.tl{text-align:left}.b{font-weight:bold}.i{font-style:italic}
.indent{text-indent:1.5em}.open{font-variant:small-caps}
/*born81.com*/
body,*{line-height:1.5em;font-family:"malgun gothic", "Segoe UI", Dotum, Verdana, AppleGothic}
a,a:link,a:visited,a:active{color:#c00000}a:hover{color:#000}
h1{float:right;margin:-.6em 0;font-size:5em;letter-spacing:-0.025em;color:rgba(0,0,0,.5)}
div.content{margin-left:2em}
h2{margin:1em 0;font-weight:normal}
p{margin:0 0 .5em 1em;font-size:1.2em}
ul{margin:0 0 0 2em;padding:0}
ul li{list-style:none;font-size:.9em}
ul li a{text-decoration:none;font-weight:bolder;font-size:medium;color:maroon}
ul li a:hover{}
div.messenger{margin:0;padding:0;display:inline;width:16px;height:18px}
div.gtalk{background:url("http://www.google.com/talk/service/badge/Show?tk=z01q6amlql3m1hrtf4bav8tghmgbvemdbvigie3eh4d7g29j8qtq8tcq6jrisqbpcr163nrra0njdelvhs8q4qlg9sv6k04mv4uha0k0ouid5hsofqpaei0497gc30tb2qfcnsms146j9qmi9qut914f392c38me80c50erf7op4cc8racsvgcmp3krdo5gvqbk&amp;w=9&amp;h=9") 2px no-repeat}
div.msn{background:url("http://messenger.services.live.com/users/5f2dbe0d8ca8ec0c@apps.messenger.live.com/presenceimage?mkt=ko-KR") 0 2px no-repeat}
hr.split{margin:2em}
div.disqus_wrap{margin:0 2em}
</style>
</head><body>

<!--<h1>born81.com</h1>-->

<div class="content">
<h2>Joohun, Maeng (savage69kr)</h2>
<p>Hi! I'm freelance developer.<br />Find me using the information given below.</p>
<ul>
<li>my <a onClick="callGA('Menu','portfolio');" href="https://work.born81.com/">Portfolio</a> (using tumblr)</li>
<li>my <a onClick="callGA('Menu','resume');" href="https://born81.com/resume.html">Resume</a></li>
<li>my <a onClick="callGA('Menu','mail');" href="mailto:savage69kr@gmail.com">e-mail</a> (mail to me)</li>
<li>my <a onClick="callGA('Menu','gtalk');" href="http://www.google.com/talk/service/badge/Start?tk=z01q6amlql3m1hrtf4bav8tghmgbvemdbvigie3eh4d7g29j8qtq8tcq6jrisqbpcr163nrra0njdelvhs8q4qlg9sv6k04mv4uha0k0ouid5hsofqpaei0497gc30tb2qfcnsms146j9qmi9qut914f392c38me80c50erf7op4cc8racsvgcmp3krdo5gvqbk" target="_blank" title="Click here to chat with Joohun Maeng">Google talk</a> <div class="messenger gtalk"> &nbsp; &nbsp;</div> (chat with me)</li>
<!--<li>my <a onClick="callGA('Menu','msn');" href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=5f2dbe0d8ca8ec0c@apps.messenger.live.com&mkt=ko-KR" target="_blank">Windows Live Messenger</a> <div class="messenger msn"> &nbsp; &nbsp;</div> (chat with me)</li>-->
<li>my <a onClick="callGA('Menu','vcard');" href="joohun_maeng.vcf">vCard</a> (download vcard)</li>
<!--<li>my <a onClick="callGA('Menu','linkedin');" href="http://www.linkedin.com/in/savage69kr">profile</a> (using linkedin)</li>-->
<!--<li>my <a onClick="callGA('Menu','twitter');" href="http://twitter.com/savage69kr">microblog</a> (using twitter)</li>-->
</ul>
</div>

<hr class="split" />

<!--
<div class="disqus_wrap"><div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/born81com/embed.js"></script><noscript><a href="http://disqus.com/forums/born81com/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a></div>
-->
<script type="text/javascript">
//(function(){var links=document.getElementsByTagName('a');var query='?';for(var i=0;i<links.length;i++){if(links[i].href.indexOf('#disqus_thread')>=0){query+='url'+i+'='+encodeURIComponent(links[i].href)+'&';}};document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/born81com/get_num_replies.js'+query+'"></'+'script>');})();
</script>

<script type="text/javascript">
var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-1022381-1']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';ga.setAttribute('async','true');document.documentElement.firstChild.appendChild(ga);})();
function callGA(_cat,_act){_gaq.push(['_trackEvent',_cat,_act]);}
</script>

</body></html>
Binary file added card.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
81 changes: 81 additions & 0 deletions index.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace, monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace, monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
[hidden],template{display:none}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
::-moz-selection{background:#00d2ff}
::selection{background:#00d2ff}
body,html{font-size:16px;word-break:keep-all;font-family:Pretendard, -apple-system, BlinkMacSystemFont, Bazier Square, Noto Sans KR, Segoe UI, Apple SD Gothic Neo, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;letter-spacing:-.3px;color:#222;padding-bottom:2rem;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media screen and (max-width:960px){
body,html{font-size:14px}
}
body:before{position:fixed;z-index:1;top:0;display:block;content:"";width:100%;height:10px;background:#00d2ff;background:-webkit-gradient(linear, left top, right top, from(#3a7bd5), to(#00d2ff));background:linear-gradient(90deg, #3a7bd5, #00d2ff)}
section{padding:0 2rem}
p{margin:0 0 1rem;font-size:1.1rem;line-height:1.4}
a{color:#3a7bd5;-webkit-transition:color .3s ease;transition:color .3s ease}
a:hover{color:#00d2ff}
h1{font-size:5rem;line-height:1.1}
@media screen and (max-width:960px){
h1{font-size:3rem}
}
h2{font-size:3rem;margin:4rem 0 2rem}
h3,h4{font-size:2rem;margin:0 0 1rem}
@media screen and (max-width:960px){
h4{font-size:1.5rem}
}
h5{font-size:1.3rem;margin:0 0 .5rem;color:#333}
ul{list-style:none;padding:0;margin:0 0 1rem;font-size:1.1rem}
ul>li{position:relative;padding:.2rem 0 .2rem 1rem}
ul>li:before{position:absolute;left:0;display:inline-block;content:"•";color:#3a7bd5}

.container{width:100%;max-width:60rem;margin:auto}
.period-mark{color:#3a7bd5}
.big-paragraph{font-size:2rem;line-height:1.4;font-weight:500}
@media screen and (max-width:960px){
.big-paragraph{font-size:1.5rem}
}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;padding:3rem 0;border-bottom:1px solid #eee}
.row-left{-ms-flex-preferred-size:18rem;flex-basis:18rem;padding-right:1rem;-ms-flex-negative:0;flex-shrink:0}
.row-right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
@media screen and (max-width:960px){
.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.row-left{-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0;padding-bottom:1rem}
}
.other{padding:3rem 0;border-bottom:1px solid #eee}
.role,.tech{display:block}
.tech{font-size:0.9rem;border-top:1px solid #eee;margin-top:16px;padding-top:5px}
.project{padding:1.5rem 0}
.project:first-child{padding-top:0}
.time{display:block;margin-bottom:1.5rem}
mark{padding:2px 4px;background-color:#eee;border-radius:3px}
.thumb1{width:99%}
.thumb2{width:49.3%}
.thumb3{width:33%}
Loading

0 comments on commit cc3a9e3

Please sign in to comment.