-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
561a530
commit 0a75790
Showing
4 changed files
with
873 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,272 @@ | ||
<html> | ||
<head> | ||
<title> | ||
애인의 애인에게, 백영옥 :: 이한결 블로그 | ||
</title> | ||
<style> | ||
/* https://github.com/markdowncss/modest/blob/master/css/modest.css */ | ||
@media print { | ||
*, | ||
*:before, | ||
*:after { | ||
background: transparent !important; | ||
color: #000 !important; | ||
box-shadow: none !important; | ||
text-shadow: none !important; | ||
} | ||
|
||
a, | ||
a:visited { | ||
text-decoration: underline; | ||
} | ||
|
||
a[href]:after { | ||
content: ' (' attr(href) ')'; | ||
} | ||
|
||
abbr[title]:after { | ||
content: ' (' attr(title) ')'; | ||
} | ||
|
||
a[href^='#']:after, | ||
a[href^='javascript:']:after { | ||
content: ''; | ||
} | ||
|
||
pre, | ||
blockquote { | ||
border: 1px solid #999; | ||
page-break-inside: avoid; | ||
} | ||
|
||
thead { | ||
display: table-header-group; | ||
} | ||
|
||
tr, | ||
img { | ||
page-break-inside: avoid; | ||
} | ||
|
||
img { | ||
max-width: 100% !important; | ||
} | ||
|
||
p, | ||
h2, | ||
h3 { | ||
orphans: 3; | ||
widows: 3; | ||
} | ||
|
||
h2, | ||
h3 { | ||
page-break-after: avoid; | ||
} | ||
} | ||
|
||
pre, | ||
code { | ||
font-family: Menlo, Monaco, 'Courier New', monospace; | ||
} | ||
|
||
pre { | ||
padding: 0.5rem; | ||
line-height: 1.25; | ||
overflow-x: scroll; | ||
} | ||
|
||
a, | ||
a:visited { | ||
color: #3498db; | ||
} | ||
|
||
a:hover, | ||
a:focus, | ||
a:active { | ||
color: #2980b9; | ||
} | ||
|
||
.modest-no-decoration { | ||
text-decoration: none; | ||
} | ||
|
||
html { | ||
font-size: 12px; | ||
} | ||
|
||
@media screen and (min-width: 32rem) and (max-width: 48rem) { | ||
html { | ||
font-size: 15px; | ||
} | ||
} | ||
|
||
@media screen and (min-width: 48rem) { | ||
html { | ||
font-size: 16px; | ||
} | ||
} | ||
|
||
body { | ||
line-height: 1.85; | ||
} | ||
|
||
p, | ||
.modest-p { | ||
font-size: 1rem; | ||
margin-bottom: 1.3rem; | ||
} | ||
|
||
h1, | ||
.modest-h1, | ||
h2, | ||
.modest-h2, | ||
h3, | ||
.modest-h3, | ||
h4, | ||
.modest-h4 { | ||
margin: 1.414rem 0 0.5rem; | ||
font-weight: inherit; | ||
line-height: 1.42; | ||
} | ||
|
||
h1, | ||
.modest-h1 { | ||
margin-top: 0; | ||
font-size: 3.998rem; | ||
} | ||
|
||
h2, | ||
.modest-h2 { | ||
font-size: 2.827rem; | ||
} | ||
|
||
h3, | ||
.modest-h3 { | ||
font-size: 1.999rem; | ||
} | ||
|
||
h4, | ||
.modest-h4 { | ||
font-size: 1.414rem; | ||
} | ||
|
||
h5, | ||
.modest-h5 { | ||
font-size: 1.121rem; | ||
} | ||
|
||
h6, | ||
.modest-h6 { | ||
font-size: 0.88rem; | ||
} | ||
|
||
small, | ||
.modest-small { | ||
font-size: 0.707em; | ||
} | ||
|
||
/* https://github.com/mrmrs/fluidity */ | ||
|
||
img, | ||
canvas, | ||
iframe, | ||
video, | ||
svg, | ||
select, | ||
textarea { | ||
max-width: 100%; | ||
} | ||
|
||
@import url( | ||
http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300, | ||
300italic, | ||
700 | ||
); | ||
|
||
@import url(http://fonts.googleapis.com/css?family=Arimo:700, 700italic); | ||
|
||
html { | ||
font-size: 18px; | ||
max-width: 100%; | ||
} | ||
|
||
body { | ||
color: #444; | ||
font-family: 'Open Sans Condensed', sans-serif; | ||
font-weight: 300; | ||
margin: 0 auto; | ||
max-width: 48rem; | ||
line-height: 1.45; | ||
padding: 0.25rem; | ||
} | ||
|
||
h1, | ||
h2, | ||
h3, | ||
h4, | ||
h5, | ||
h6 { | ||
font-family: Arimo, Helvetica, sans-serif; | ||
} | ||
|
||
h1, | ||
h2, | ||
h3 { | ||
border-bottom: 2px solid #fafafa; | ||
margin-bottom: 1.15rem; | ||
padding-bottom: 0.5rem; | ||
text-align: center; | ||
} | ||
|
||
blockquote { | ||
border-left: 8px solid #fafafa; | ||
padding: 1rem; | ||
} | ||
|
||
pre, | ||
code { | ||
background-color: #fafafa; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<header> | ||
<h2> | ||
이한결 블로그 | ||
<a href="http://leehankyeol.me">✍️</a> | ||
<a href="https://github.com/leehankyeol">💻</a> | ||
<a href="https://www.instagram.com/leehankyeol.me">📷</a> | ||
<a href="https://www.facebook.com/lee.hankyeol">🍻</a> | ||
</h2> | ||
</header> | ||
<article> | ||
<h1>애인의 애인에게, 백영옥</h1> | ||
<blockquote> | ||
<p>“마리, 결혼이 뭐라고 생각해?”</p> | ||
<p>나는 엄마가 했던 말을 기억해냈다.</p> | ||
<p>“마리, 결혼은 서로가 서로에게 예측 가능한 사람이 되어주는 일이야. 극장에 가든, 쇼핑을 나가든, 여행을 가든 언제나 다시 그 자리로 돌아오리란 걸 아는 거.”</p> | ||
<p>“돌아오는거?”</p> | ||
<p>나는 엄마의 말을 반문했다.</p> | ||
<p>“그래. 돌아오고, 다시 돌아오고, 돌아오기 싫어도 또다시 돌아오는 게 결혼이야.”</p> | ||
<p>그때, 엄마가 나를 너무 꽉 끌어안았기 때문에 나는 말을 할 수가 없었다. 지금은 말할 수 있다. | ||
'예측 가능하다’는 말은 결혼에 있어, 조금도 끔찍한 말이 아니라는 것. | ||
누군가에게 예측 가능한 사람이 되어준다는 건, 그 사람의 불안을 막아주겠다는 뜻이라는 것 말이다. | ||
누군가의 결핍을 누군가가 끝내 알아보는 것이 사랑이라면, 그 결핍 안에서 공기가 되어 서로를 죽이지 않고 살아 숨 쉬게 해야 한다.</p> | ||
<p>서로에게 예측 가능한 사람이 되었다는 건 중요하고 사소한 수없는 약속들을 지켰다는 증거였다. | ||
그것은 성공적인 결혼생활을 유지한 소수의 사람들에게만 주어지는 보상이다. | ||
누군가 그것을 '의리로 산다’는 말로 아무리 비꼬아 말해도, 나는 어떤 단서도 달지 않을 것이다. | ||
왜냐하면 결혼이란 정말 그런 것들로 움직이기 때문이다.</p> | ||
<p>“결혼은 했던 말을 몇 번이고 계속 하는 일이 될 거야. | ||
그건 앞으로 상대방이 하게 될 똑같은 이야기를 반복해서 들으면서도 지루한 표정을 짓지 않는 일이기도 해.”</p> | ||
</blockquote> | ||
|
||
</article> | ||
<footer> | ||
Styled by | ||
<a href="https://github.com/markdowncss/modest/blob/master/css/modest.css" | ||
>Modest</a | ||
> | ||
</footer> | ||
</body> | ||
</html> |
Oops, something went wrong.