Merge branch 'master' of https://github.com/hynchl/distribusi-foh
This commit is contained in:
Hyunchul Kim
commit
7c762aee3b
22 changed files with 174 additions and 427 deletions
21
deploy.sh
21
deploy.sh
|
|
@ -1,39 +1,30 @@
|
|||
#!/bin/bash
|
||||
|
||||
echo "---> 'git fetch'"
|
||||
#monitoring each command invokations (on)
|
||||
set -x
|
||||
|
||||
git fetch
|
||||
echo "---> 'git pull'"
|
||||
git pull
|
||||
|
||||
echo "---> 'rm data/.ignore'"
|
||||
rm data/.ignore
|
||||
echo "---> 'cp test_data/.ignore data/'"
|
||||
cp test_data/.ignore data/
|
||||
|
||||
echo "---> 'rm -r data/src'"
|
||||
rm -r data/src
|
||||
echo "---> 'cp -r test_data/src/ data/'"
|
||||
cp -r test_data/src/ data/
|
||||
|
||||
echo "---> 'rm data/about.html'"
|
||||
rm data/about.html
|
||||
echo "---> 'cp test_data/about.html data/'"
|
||||
cp test_data/about.html data/
|
||||
|
||||
echo "---> 'rm data/home.html'"
|
||||
rm data/home.html
|
||||
echo "---> 'cp test_data/home.html data/'"
|
||||
cp test_data/home.html data/
|
||||
|
||||
echo "---> 'rm data/participants.html'"
|
||||
rm data/participants.html
|
||||
echo "---> 'cp test_data/participants.html data/'"
|
||||
cp test_data/participants.html data/
|
||||
|
||||
echo "---> 'rm data/index.html'"
|
||||
rm data/index.html
|
||||
echo "---> 'cp test_data/index.html data/'"
|
||||
cp test_data/index.html data/
|
||||
|
||||
echo "---> 'python distribusi/test.py -t -d ./data/'"
|
||||
python distribusi/test.py -t -d ./data/
|
||||
|
||||
#monitoring each command invokations (off)
|
||||
set +x
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
# -*- coding: utf-8 -*-
|
||||
html_head = """
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<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 http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
%s
|
||||
<link rel="stylesheet" type="text/css" href="/src/style/common.css" />
|
||||
|
|
|
|||
|
|
@ -1,19 +1,19 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
# -*- coding: utf-8 -*-
|
||||
|
||||
# This template is used for generating each event pages
|
||||
# Please refer `event/0000/events_sample.html`
|
||||
|
||||
html_head_event = """
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<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 http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
%s
|
||||
<link rel="stylesheet" type="text/css" href="/src/style/common.css" />
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
# -*- coding: utf-8 -*-
|
||||
|
||||
# This template is used for generating the list of event
|
||||
# Each folders should be diplayed as `div` with className 'row_event'
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
html_head_events = """
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<title>환대의 조각들 Fragments of Hospitality</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<title>환대의 조각들 Fragments of Hospitality</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
|
|
@ -79,11 +79,11 @@
|
|||
In an academic paper on “snow crystals”, Dr. Ukichiro Nakaya presents years of his observation pertaining to how and in what forms the snow crystals are formed. Contrary to the common understanding that they only take a couple of forms, snow crystals actually assume numerous forms depending on climate, temperature, and region. The fact that white snow crystals that come to us on a dark winter night as if they are giving us hospitality, in fact, reveal such diverse types and shapes, seems to fit right into our “fragments of hospitality” project. Like Dr. Nakaya, inspired by the work done by various artists and participants, we draw forms that have become abstract. Eventually, those fragments would diversify to have emotions, glitter like the snow crystals, or become mixed together and turn into water.
|
||||
</br></br>
|
||||
<b>Methods of connection</b></br>
|
||||
Individuals collecting fragments each have their own folder. When they put a story, picture, audio, or video file inside a folder, each fragment is assigned a serial number, and gets accumulated in the fragments of hospitality website.The fragments connect us.
|
||||
Individuals collecting fragments each have their own folder. When they put a story, picture, audio, or video file inside a folder, each fragment is assigned a serial number, and gets accumulated in the fragments of hospitality website.The fragments connect us.
|
||||
We hope that we can choose the “nature and attitude” of the medium that mediates our connection.
|
||||
<img onclick="showKorean()" src="src/img/language_kor.svg" style="width:20px; vertical-align:text-top; cursor:pointer;">
|
||||
</br></br>
|
||||
*We borrowed the method of exchange and sharing from distribusi, a project that proposes the form of publication that documents and updates communal project.
|
||||
*We borrowed the method of exchange and sharing from distribusi, a project that proposes the form of publication that documents and updates communal project.
|
||||
<a href="https://test.roelof.info/nooo2-three-takes-on-taking-care.html" target="_blank">디스트리붓시</a>
|
||||
</p>
|
||||
|
||||
|
|
@ -149,7 +149,7 @@
|
|||
<script>
|
||||
// reference https://blog.naver.com/jaelong191/221509952654
|
||||
// console.log("cookie~!")
|
||||
|
||||
|
||||
if (getCookie('lang') ==='en') {
|
||||
showEnglish();
|
||||
} else {
|
||||
|
|
@ -191,14 +191,14 @@
|
|||
document.querySelector(".en").style.display = '';
|
||||
setCookie('lang', 'en', 100);
|
||||
}
|
||||
|
||||
|
||||
function showKorean(){
|
||||
console.log("korean")
|
||||
document.querySelector(".en").style.display = 'none';
|
||||
document.querySelector(".ko").style.display = '';
|
||||
setCookie('lang', 'ko', 100);
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<title>환대의 조각들 Fragments of Hospitality</title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
|
|
@ -79,10 +79,10 @@
|
|||
In an academic paper on “snow crystals”, Dr. Ukichiro Nakaya presents years of his observation pertaining to how and in what forms the snow crystals are formed. Contrary to the common understanding that they only take a couple of forms, snow crystals actually assume numerous forms depending on climate, temperature, and region. The fact that white snow crystals that come to us on a dark winter night as if they are giving us hospitality, in fact, reveal such diverse types and shapes, seems to fit right into our “fragments of hospitality” project. Like Dr. Nakaya, inspired by the work done by various artists and participants, we draw forms that have become abstract. Eventually, those fragments would diversify to have emotions, glitter like the snow crystals, or become mixed together and turn into water.
|
||||
</br></br>
|
||||
<b>Methods of connection</b></br>
|
||||
Individuals collecting fragments each have their own folder. When they put a story, picture, audio, or video file inside a folder, each fragment is assigned a serial number, and gets accumulated in the fragments of hospitality website.The fragments connect us.
|
||||
Individuals collecting fragments each have their own folder. When they put a story, picture, audio, or video file inside a folder, each fragment is assigned a serial number, and gets accumulated in the fragments of hospitality website.The fragments connect us.
|
||||
We hope that we can choose the “nature and attitude” of the medium that mediates our connection.
|
||||
</br></br>
|
||||
*We borrowed the method of exchange and sharing from distribusi, a project that proposes the form of publication that documents and updates communal project.
|
||||
*We borrowed the method of exchange and sharing from distribusi, a project that proposes the form of publication that documents and updates communal project.
|
||||
<a href="https://test.roelof.info/nooo2-three-takes-on-taking-care.html" target="_blank">디스트리붓시</a>
|
||||
</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<!-- 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 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="./style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/src/style/common.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>
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
<p>이런 저런 이야기를 써볼 수 있겠죠</p></div><span class="filename">md쓰기.md</span><span class="fid">#0004</span></div>
|
||||
<div class="x-empty"><a class="anchor" id="0005"></a><a href='test002.txt'>test002.txt</a><span class="filename">test002.txt</span><span class="fid">#0005</span></div>
|
||||
<div class="plain"><a class="anchor" id="0006"></a><div>오늘은 11월입니다. 시간은 너무 빨라.
|
||||
띄어쓰기보다는
|
||||
띄어쓰기보다는
|
||||
탭 탭 탭</div><span class="filename">txt쓰기.txt</span><span class="fid">#0006</span></div>
|
||||
<div class="quicktime"><a class="anchor" id="0007"></a><video controls><source src="꾸물꾸물.mov"></video><span class="filename">꾸물꾸물.mov</span><span class="fid">#0007</span></div>
|
||||
<div class="mp4"><a class="anchor" id="0008"></a><video controls><source src="질주.mp4"></video><span class="filename">질주.mp4</span><span class="fid">#0008</span></div>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<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 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>
|
||||
|
|
@ -67,19 +67,19 @@
|
|||
<div class="jpeg"><a class="anchor" id="-1"></a><figure><img class="image" src="Banana_closeup.jpeg" alt="Banana_closeup.jpeg" ><figcaption>Banana_closeup.jpeg</figcaption></figure><span class="fid">#-1</span></div>
|
||||
<div class="mpeg"><a class="anchor" id="-1"></a><audio controls class="audio"><source src="Banana_humming.mp3"></audio><span class="filename">Banana_humming.mp3</span><span class="fid">#-1</span></div>
|
||||
<div class="html"><a class="anchor" id="-1"></a><section id="event_sample.html"><!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<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 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>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<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 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>
|
||||
|
|
@ -81,35 +81,35 @@
|
|||
<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>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<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 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>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<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 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>
|
||||
|
|
@ -76,4 +76,4 @@
|
|||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,244 +0,0 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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="./style.css" />
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="/src/scripts/mobileScroll.js"></script>
|
||||
<script src="./main.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="introduction">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="archive_exit" style="display:none;"></div>
|
||||
<div id="archive">
|
||||
<button id="archive_button">ARCHIVE
|
||||
<!-- <img id="icon_archive_more" src="src/img/icon_timeline.svg" alt=""> -->
|
||||
</button>
|
||||
<div id="archive_list">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contents">
|
||||
<div id="frags">
|
||||
<div class="json"><a class="anchor" id="-1"></a><a href='data.json'>data.json</a><span class="filename">data.json</span><span class="fid">#-1</span></div>
|
||||
<a href="../">../</a>
|
||||
<div class="folder"><a class="anchor" id="-1"></a>
|
||||
<div class="html"><section id="event_sample.html"><!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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">
|
||||
<!-- the part generated by distribusi begins-->
|
||||
<!-- the part generated by distribusi ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script src="/src/scripts/updateEventDescription.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html></section></div>
|
||||
<span class="fid">#-1</span></div>
|
||||
<div class="folder"><a class="anchor" id="-1"></a>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/Banana_closeup.jpeg" alt="Banana_closeup.jpeg" ><figcaption>Banana_closeup.jpeg</figcaption></figure></div>
|
||||
<div class="mpeg"><audio controls class="audio"><source src="./0001/Banana_humming.mp3"></audio><span class="filename">Banana_humming.mp3</span></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/Humming_for_myself.jpeg" alt="Humming_for_myself.jpeg" ><figcaption>Humming_for_myself.jpeg</figcaption></figure></div>
|
||||
<div class="mp4"><video controls><source src="./0001/My_sister_family.MP4"></video><span class="filename">My_sister_family.MP4</span></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/flowing_humming.jpg" alt="flowing_humming.jpg" ><figcaption>flowing_humming.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/flowing_humming_2.jpg" alt="flowing_humming_2.jpg" ><figcaption>flowing_humming_2.jpg</figcaption></figure></div>
|
||||
<div class="mpeg"><audio controls class="audio"><source src="./0001/humming1.mp3"></audio><span class="filename">humming1.mp3</span></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/humming_banana.jpg" alt="humming_banana.jpg" ><figcaption>humming_banana.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/humming_score.jpeg" alt="허밍을 악보로 그리듯이 적어보았다. " ><figcaption>humming_score.jpeg</figcaption></figure></div>
|
||||
<div class="mp4"><video controls><source src="./0001/humming_walk.MP4"></video><span class="filename">humming_walk.MP4</span></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/lie_down_alone.jpg" alt="lie_down_alone.jpg" ><figcaption>lie_down_alone.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/shooting_stars.jpg" alt="shooting_stars.jpg" ><figcaption>shooting_stars.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/tactile_voice.jpeg" alt="tactile_voice.jpeg" ><figcaption>tactile_voice.jpeg</figcaption></figure></div>
|
||||
<div class="plain"><div>콧- 노래
|
||||
0. 입을 다문 채 코로 소리를 내어 부르는 노래
|
||||
0. 코와 입 중간 인중 어딘가에서 나는 소리 혹은 울림
|
||||
0. 스스로를 위로하기 위한 행동
|
||||
0. 다른 사람에게 쉽게 전염시킬 수 있는 공명
|
||||
</div><span class="filename">text 3.txt</span></div>
|
||||
<div class="plain"><div>음성은 촉각적이다.</div><span class="filename">text 4.txt</span></div>
|
||||
<div class="plain"><div>1.
|
||||
나의 콧노래의 시작은 어디일까
|
||||
낮잠을 재우려는 엄마의 토닥임과
|
||||
낮은 흥얼거림에서 시작되었을 수도 있고
|
||||
맛이라는 것을 처음 알았을 때의 놀라움에서
|
||||
시작되었을지도 모르겠다.
|
||||
|
||||
2.
|
||||
콧노래는 온도와 맞닿아 있는지도 모르겠다.
|
||||
어떤 콧노래는 뜨겁고 어떤 콧노래는 스산하다.
|
||||
|
||||
3.
|
||||
잘 부르는 콧노래와 못 부르는 콧노래를
|
||||
구분 지을 수 있을까?
|
||||
우열이 없다는 게 안심이 된다.
|
||||
애쓰지 않아도 된다는 게 위로가 된다.
|
||||
|
||||
</div><span class="filename">text 6.txt</span></div>
|
||||
<div class="plain"><div>코와 입 사이 인중 어딘가
|
||||
혹은
|
||||
눈와 눈사이
|
||||
혹은
|
||||
양쪽 콧볼과 팔자주름이 만나는 지점에서
|
||||
시작되는 콧_노래
|
||||
|
||||
</div><span class="filename">text 7.txt</span></div>
|
||||
<div class="plain"><div>콧노래를 수집하면
|
||||
사람의 체온, 그날의 날씨, 공기가 같이 수집된다.
|
||||
누군가의 콧노래는 축축하고
|
||||
누군가의 콧노래는 햇볕에 냄새가 나며
|
||||
누군가의 콧노래는 무겁게 내려앉은 새벽에 공기가 느껴진다.
|
||||
|
||||
|
||||
</div><span class="filename">text.txt</span></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/the_beginning_of_a_humming1.jpg" alt="the_beginning_of_a_humming1.jpg" ><figcaption>the_beginning_of_a_humming1.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/the_beginning_of_a_humming2.jpg" alt="the_beginning_of_a_humming2.jpg" ><figcaption>the_beginning_of_a_humming2.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/the_beginning_of_a_humming3.jpg" alt="the_beginning_of_a_humming3.jpg" ><figcaption>the_beginning_of_a_humming3.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/the_beginning_of_a_humming4.jpg" alt="the_beginning_of_a_humming4.jpg" ><figcaption>the_beginning_of_a_humming4.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/the_beginning_of_a_humming5.jpg" alt="the_beginning_of_a_humming5.jpg" ><figcaption>the_beginning_of_a_humming5.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/the_beginning_of_a_humming6.jpg" alt="the_beginning_of_a_humming6.jpg" ><figcaption>the_beginning_of_a_humming6.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/the_beginning_of_a_humming7.jpg" alt="the_beginning_of_a_humming7.jpg" ><figcaption>the_beginning_of_a_humming7.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/the_beginning_of_a_humming8.jpeg" alt="the_beginning_of_a_humming8.jpeg" ><figcaption>the_beginning_of_a_humming8.jpeg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/while_washing_the_dishes.jpg" alt="while_washing_the_dishes.jpg" ><figcaption>while_washing_the_dishes.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/으므므움음.jpg" alt="으므므움음.jpg" ><figcaption>으므므움음.jpg</figcaption></figure></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./0001/콧노래만스쳐도인연.jpg" alt="콧노래만스쳐도인연.jpg" ><figcaption>콧노래만스쳐도인연.jpg</figcaption></figure></div>
|
||||
<span class="fid">#-1</span></div>
|
||||
<div class="folder"><a class="anchor" id="-1"></a>
|
||||
<div class="plain"><div>하늘
|
||||
|
||||
하루에 하늘을 몇번이나 볼까요?
|
||||
하늘은 누구에게나 열려있는 둘도 없는 공공재가 아닐까 합니다.
|
||||
60여일간 각각 다른 하늘을 찍고 짧은 단상을 적어보려고 합니다.</div><span class="filename">1013.txt</span></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./2020.10.13/E7D3E4F7-7D57-4F6A-A9F3-916E12461772.jpeg" alt="E7D3E4F7-7D57-4F6A-A9F3-916E12461772.jpeg" ><figcaption>E7D3E4F7-7D57-4F6A-A9F3-916E12461772.jpeg</figcaption></figure></div>
|
||||
<div class="plain"><div>지하철 플랫폼.
|
||||
발 디딜틈 없이 수 많은 인파.
|
||||
한명의 예외없이 모두 고개를 숙이고 각자의 세계에 몰입 중이다.
|
||||
스마트폰이라는 세계.
|
||||
각박한 현실에서 그나마 볼 수 있는 작은 꿈의 조각.</div><span class="filename">1014.txt</span></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./2020.10.14/9D708FDE-5B8C-4812-9CCB-2ACDA9CC517F.jpeg" alt="9D708FDE-5B8C-4812-9CCB-2ACDA9CC517F.jpeg" ><figcaption>9D708FDE-5B8C-4812-9CCB-2ACDA9CC517F.jpeg</figcaption></figure></div>
|
||||
<div class="plain"><div>특별히 자주 보게 되는 하늘이 있다.
|
||||
의도하지 않아도 늘 보게 되는 하늘.
|
||||
출근길 지하철 출구를 올라오며 마주하는 하늘.
|
||||
무심하게 스쳐 지나갔다.
|
||||
</div><span class="filename">1015.txt</span></div>
|
||||
<div class="jpeg"><figure><img class="image" src="./2020.10.15/43D750DF-A8FD-462D-A05D-D00A8113D623.jpeg" alt="43D750DF-A8FD-462D-A05D-D00A8113D623.jpeg" ><figcaption>43D750DF-A8FD-462D-A05D-D00A8113D623.jpeg</figcaption></figure></div>
|
||||
<span class="fid">#-1</span></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/src/scripts/updateIntroduction.js"></script>
|
||||
<script src="/src/scripts/updateArchive.js"></script>
|
||||
<script src="/src/scripts/hashEvent.js"></script>
|
||||
<script src="/src/scripts/mobileArchiveEvent.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,17 +1,17 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<!-- 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 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="./style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/src/style/common.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>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<!-- 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 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="./style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/src/style/common.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>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<!-- 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 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="./style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/src/style/common.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>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<!-- 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 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="./style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/src/style/common.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>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<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 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" />
|
||||
<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>
|
||||
|
|
@ -85,4 +85,4 @@
|
|||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<!-- 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 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="./style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/src/style/common.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>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,12 +1,12 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<!-- 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 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="./style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/src/style/common.css" />
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue