135 lines
8.2 KiB
HTML
135 lines
8.2 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<!-- EVENTS TEMPLATE -->
|
|
|
|
<title>환대의 조각들 Fragments of Hospitality</title>
|
|
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi -->
|
|
<meta name="generator" content="distribusi" />
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" type="text/css" href="/src/style/common.css" />
|
|
<link rel="stylesheet" type="text/css" href="/src/style/event.css" />
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
|
<script src="/src/scripts/mobileScroll.js"></script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<div id="menu">
|
|
<div id="logo_wrapper" class="svg_wrapper">
|
|
<a href="/">
|
|
<img id="logo_foh"src="/src/img/logo.svg" alt="환대의 조각 로고">
|
|
</a>
|
|
</div>
|
|
|
|
<span id="to_about">
|
|
<a href="/about.html">
|
|
ABOUT
|
|
</a>
|
|
</span>
|
|
<span id="to_fragments">
|
|
<a href="/participants.html">
|
|
FRAGMENTS
|
|
</a>
|
|
</span>
|
|
<span id="to_timeline">
|
|
<a href="#">
|
|
TIMELINE
|
|
</a>
|
|
</span>
|
|
</div>
|
|
|
|
<div id="margin">
|
|
<!-- to avoid overlapping -->
|
|
</div>
|
|
|
|
<div id="wrapper_author">
|
|
<div id="fragment_wrapper">
|
|
</div>
|
|
<div id="event_description">
|
|
<div id="event_date">
|
|
<!-- this part will be load dynamically -->
|
|
</div>
|
|
<div id="event_title">
|
|
<!-- this part will be load dynamically -->
|
|
</div>
|
|
<div id="event_details">
|
|
<!-- this part will be load dynamically -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="contents">
|
|
<div id="frags">
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="Humming_for_myself.jpeg" alt="Humming_for_myself.jpeg" ><figcaption>Humming_for_myself.jpeg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="mp4"><a class="anchor" id="-1"></a><video controls><source src="My_sister_family.MP4"></video><span class="filename">My_sister_family.MP4</span><span class="fid">#-1</span></div>
|
|
<div class="mpeg"><a class="anchor" id="-1"></a><audio controls class="audio"><source src="humming1.mp3"></audio><span class="filename">humming1.mp3</span><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="humming_score.jpeg" alt="허밍을 악보로 그리듯이 적어보았다. " ><figcaption>humming_score.jpeg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="mp4"><a class="anchor" id="-1"></a><video controls><source src="humming_walk.MP4"></video><span class="filename">humming_walk.MP4</span><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="lie_down_alone.jpg" alt="lie_down_alone.jpg" ><figcaption>lie_down_alone.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="shooting_stars.jpg" alt="shooting_stars.jpg" ><figcaption>shooting_stars.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="tactile_voice.jpeg" alt="tactile_voice.jpeg" ><figcaption>tactile_voice.jpeg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="plain"><a class="anchor" id="-1"></a><div>콧- 노래
|
|
0. 입을 다문 채 코로 소리를 내어 부르는 노래
|
|
0. 코와 입 중간 인중 어딘가에서 나는 소리 혹은 울림
|
|
0. 스스로를 위로하기 위한 행동
|
|
0. 다른 사람에게 쉽게 전염시킬 수 있는 공명
|
|
</div><span class="filename">text 3.txt</span><span class="fid">#-1</span></div>
|
|
<div class="plain"><a class="anchor" id="-1"></a><div>음성은 촉각적이다.</div><span class="filename">text 4.txt</span><span class="fid">#-1</span></div>
|
|
<div class="plain"><a class="anchor" id="-1"></a><div>1.
|
|
나의 콧노래의 시작은 어디일까
|
|
낮잠을 재우려는 엄마의 토닥임과
|
|
낮은 흥얼거림에서 시작되었을 수도 있고
|
|
맛이라는 것을 처음 알았을 때의 놀라움에서
|
|
시작되었을지도 모르겠다.
|
|
|
|
2.
|
|
콧노래는 온도와 맞닿아 있는지도 모르겠다.
|
|
어떤 콧노래는 뜨겁고 어떤 콧노래는 스산하다.
|
|
|
|
3.
|
|
잘 부르는 콧노래와 못 부르는 콧노래를
|
|
구분 지을 수 있을까?
|
|
우열이 없다는 게 안심이 된다.
|
|
애쓰지 않아도 된다는 게 위로가 된다.
|
|
|
|
</div><span class="filename">text 6.txt</span><span class="fid">#-1</span></div>
|
|
<div class="plain"><a class="anchor" id="-1"></a><div>코와 입 사이 인중 어딘가
|
|
혹은
|
|
눈와 눈사이
|
|
혹은
|
|
양쪽 콧볼과 팔자주름이 만나는 지점에서
|
|
시작되는 콧_노래
|
|
|
|
</div><span class="filename">text 7.txt</span><span class="fid">#-1</span></div>
|
|
<div class="plain"><a class="anchor" id="-1"></a><div>콧노래를 수집하면
|
|
사람의 체온, 그날의 날씨, 공기가 같이 수집된다.
|
|
누군가의 콧노래는 축축하고
|
|
누군가의 콧노래는 햇볕에 냄새가 나며
|
|
누군가의 콧노래는 무겁게 내려앉은 새벽에 공기가 느껴진다.
|
|
|
|
|
|
</div><span class="filename">text.txt</span><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="the_beginning_of_a_humming1.jpg" alt="the_beginning_of_a_humming1.jpg" ><figcaption>the_beginning_of_a_humming1.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="the_beginning_of_a_humming2.jpg" alt="the_beginning_of_a_humming2.jpg" ><figcaption>the_beginning_of_a_humming2.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="the_beginning_of_a_humming3.jpg" alt="the_beginning_of_a_humming3.jpg" ><figcaption>the_beginning_of_a_humming3.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="the_beginning_of_a_humming4.jpg" alt="the_beginning_of_a_humming4.jpg" ><figcaption>the_beginning_of_a_humming4.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="the_beginning_of_a_humming5.jpg" alt="the_beginning_of_a_humming5.jpg" ><figcaption>the_beginning_of_a_humming5.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="the_beginning_of_a_humming6.jpg" alt="the_beginning_of_a_humming6.jpg" ><figcaption>the_beginning_of_a_humming6.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="the_beginning_of_a_humming7.jpg" alt="the_beginning_of_a_humming7.jpg" ><figcaption>the_beginning_of_a_humming7.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="the_beginning_of_a_humming8.jpeg" alt="the_beginning_of_a_humming8.jpeg" ><figcaption>the_beginning_of_a_humming8.jpeg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="while_washing_the_dishes.jpg" alt="while_washing_the_dishes.jpg" ><figcaption>while_washing_the_dishes.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="으므므움음.jpg" alt="으므므움음.jpg" ><figcaption>으므므움음.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="콧노래만스쳐도인연.jpg" alt="콧노래만스쳐도인연.jpg" ><figcaption>콧노래만스쳐도인연.jpg</figcaption></figure><span class="fid">#-1</span></div>
|
|
<a href="../">../</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/src/scripts/updateEventDescription.js"></script>
|
|
</body>
|
|
</html>
|