Add events dummy data and Updage template
This commit is contained in:
Sewon Ahn
parent
11a63f6614
commit
f5faf0f011
46 changed files with 735 additions and 10 deletions
|
|
@ -11,6 +11,8 @@ from PIL import Image, ExifTags
|
||||||
import markdown
|
import markdown
|
||||||
|
|
||||||
from distribusi.page_template import html_footer, html_head
|
from distribusi.page_template import html_footer, html_head
|
||||||
|
from distribusi.page_template_event import html_footer_evnet, html_head_event
|
||||||
|
from distribusi.page_template_events import html_footer_events, html_head_event
|
||||||
from distribusi.mappings import CODE_TYPES, FILE_TYPES, SUB_TYPES
|
from distribusi.mappings import CODE_TYPES, FILE_TYPES, SUB_TYPES
|
||||||
from distribusi import fragments
|
from distribusi import fragments
|
||||||
import uuid
|
import uuid
|
||||||
|
|
@ -235,9 +237,6 @@ def render_dir(args, directory):
|
||||||
|
|
||||||
|
|
||||||
def distribusify(args, directory, freg): # noqa
|
def distribusify(args, directory, freg): # noqa
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
for root, dirs, files in os.walk(directory):
|
for root, dirs, files in os.walk(directory):
|
||||||
ignore.add(root)
|
ignore.add(root)
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
# This template is used for generating each event pages
|
# This template is used for generating each event pages
|
||||||
# Please refer `event/0000/events_sample.html`
|
# Please refer `event/0000/events_sample.html`
|
||||||
|
|
||||||
html_head = """
|
html_head_event = """
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
|
|
@ -72,7 +72,7 @@ html_head = """
|
||||||
<div id="frags">
|
<div id="frags">
|
||||||
"""
|
"""
|
||||||
|
|
||||||
html_footer = """
|
html_footer_event = """
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
# Each folders should be diplayed as `div` with className 'row_event'
|
# Each folders should be diplayed as `div` with className 'row_event'
|
||||||
# Please refer `event/events_sample.html`
|
# Please refer `event/events_sample.html`
|
||||||
|
|
||||||
html_head = """
|
html_head_events = """
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
|
|
@ -50,7 +50,7 @@ html_head = """
|
||||||
<div id="about_wrapper">
|
<div id="about_wrapper">
|
||||||
"""
|
"""
|
||||||
|
|
||||||
html_footer = """
|
html_footer_events = """
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
75
test_data/events/0000/index.html
Normal file
75
test_data/events/0000/index.html
Normal file
|
|
@ -0,0 +1,75 @@
|
||||||
|
|
||||||
|
<!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">
|
||||||
|
<a href="../">../</a>
|
||||||
|
|
||||||
|
</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>
|
||||||
BIN
test_data/events/0001/Banana_closeup.jpeg
Normal file
BIN
test_data/events/0001/Banana_closeup.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
test_data/events/0001/Banana_humming.mp3
Normal file
BIN
test_data/events/0001/Banana_humming.mp3
Normal file
Binary file not shown.
BIN
test_data/events/0001/Humming_for_myself.jpeg
Normal file
BIN
test_data/events/0001/Humming_for_myself.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
test_data/events/0001/My_sister_family.MP4
Normal file
BIN
test_data/events/0001/My_sister_family.MP4
Normal file
Binary file not shown.
BIN
test_data/events/0001/flowing_humming.jpg
Normal file
BIN
test_data/events/0001/flowing_humming.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
BIN
test_data/events/0001/flowing_humming_2.jpg
Normal file
BIN
test_data/events/0001/flowing_humming_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 323 KiB |
BIN
test_data/events/0001/humming1.mp3
Normal file
BIN
test_data/events/0001/humming1.mp3
Normal file
Binary file not shown.
BIN
test_data/events/0001/humming_banana.jpg
Normal file
BIN
test_data/events/0001/humming_banana.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
BIN
test_data/events/0001/humming_score.jpeg
Normal file
BIN
test_data/events/0001/humming_score.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
1
test_data/events/0001/humming_score.jpeg.alt
Normal file
1
test_data/events/0001/humming_score.jpeg.alt
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
허밍을 악보로 그리듯이 적어보았다.
|
||||||
BIN
test_data/events/0001/humming_walk.MP4
Normal file
BIN
test_data/events/0001/humming_walk.MP4
Normal file
Binary file not shown.
145
test_data/events/0001/index.html
Normal file
145
test_data/events/0001/index.html
Normal file
File diff suppressed because one or more lines are too long
BIN
test_data/events/0001/lie_down_alone.jpg
Normal file
BIN
test_data/events/0001/lie_down_alone.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 228 KiB |
BIN
test_data/events/0001/shooting_stars.jpg
Normal file
BIN
test_data/events/0001/shooting_stars.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
BIN
test_data/events/0001/tactile_voice.jpeg
Normal file
BIN
test_data/events/0001/tactile_voice.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
5
test_data/events/0001/text 3.txt
Normal file
5
test_data/events/0001/text 3.txt
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
콧- 노래
|
||||||
|
0. 입을 다문 채 코로 소리를 내어 부르는 노래
|
||||||
|
0. 코와 입 중간 인중 어딘가에서 나는 소리 혹은 울림
|
||||||
|
0. 스스로를 위로하기 위한 행동
|
||||||
|
0. 다른 사람에게 쉽게 전염시킬 수 있는 공명
|
||||||
1
test_data/events/0001/text 4.txt
Normal file
1
test_data/events/0001/text 4.txt
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
음성은 촉각적이다.
|
||||||
17
test_data/events/0001/text 6.txt
Normal file
17
test_data/events/0001/text 6.txt
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
1.
|
||||||
|
나의 콧노래의 시작은 어디일까
|
||||||
|
낮잠을 재우려는 엄마의 토닥임과
|
||||||
|
낮은 흥얼거림에서 시작되었을 수도 있고
|
||||||
|
맛이라는 것을 처음 알았을 때의 놀라움에서
|
||||||
|
시작되었을지도 모르겠다.
|
||||||
|
|
||||||
|
2.
|
||||||
|
콧노래는 온도와 맞닿아 있는지도 모르겠다.
|
||||||
|
어떤 콧노래는 뜨겁고 어떤 콧노래는 스산하다.
|
||||||
|
|
||||||
|
3.
|
||||||
|
잘 부르는 콧노래와 못 부르는 콧노래를
|
||||||
|
구분 지을 수 있을까?
|
||||||
|
우열이 없다는 게 안심이 된다.
|
||||||
|
애쓰지 않아도 된다는 게 위로가 된다.
|
||||||
|
|
||||||
7
test_data/events/0001/text 7.txt
Normal file
7
test_data/events/0001/text 7.txt
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
코와 입 사이 인중 어딘가
|
||||||
|
혹은
|
||||||
|
눈와 눈사이
|
||||||
|
혹은
|
||||||
|
양쪽 콧볼과 팔자주름이 만나는 지점에서
|
||||||
|
시작되는 콧_노래
|
||||||
|
|
||||||
7
test_data/events/0001/text.txt
Normal file
7
test_data/events/0001/text.txt
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
콧노래를 수집하면
|
||||||
|
사람의 체온, 그날의 날씨, 공기가 같이 수집된다.
|
||||||
|
누군가의 콧노래는 축축하고
|
||||||
|
누군가의 콧노래는 햇볕에 냄새가 나며
|
||||||
|
누군가의 콧노래는 무겁게 내려앉은 새벽에 공기가 느껴진다.
|
||||||
|
|
||||||
|
|
||||||
BIN
test_data/events/0001/the_beginning_of_a_humming1.jpg
Normal file
BIN
test_data/events/0001/the_beginning_of_a_humming1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
test_data/events/0001/the_beginning_of_a_humming2.jpg
Normal file
BIN
test_data/events/0001/the_beginning_of_a_humming2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
test_data/events/0001/the_beginning_of_a_humming3.jpg
Normal file
BIN
test_data/events/0001/the_beginning_of_a_humming3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
test_data/events/0001/the_beginning_of_a_humming4.jpg
Normal file
BIN
test_data/events/0001/the_beginning_of_a_humming4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
BIN
test_data/events/0001/the_beginning_of_a_humming5.jpg
Normal file
BIN
test_data/events/0001/the_beginning_of_a_humming5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
BIN
test_data/events/0001/the_beginning_of_a_humming6.jpg
Normal file
BIN
test_data/events/0001/the_beginning_of_a_humming6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
test_data/events/0001/the_beginning_of_a_humming7.jpg
Normal file
BIN
test_data/events/0001/the_beginning_of_a_humming7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
BIN
test_data/events/0001/the_beginning_of_a_humming8.jpeg
Normal file
BIN
test_data/events/0001/the_beginning_of_a_humming8.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
test_data/events/0001/while_washing_the_dishes.jpg
Normal file
BIN
test_data/events/0001/while_washing_the_dishes.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 245 KiB |
BIN
test_data/events/0001/으므므움음.jpg
Normal file
BIN
test_data/events/0001/으므므움음.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
BIN
test_data/events/0001/콧노래만스쳐도인연.jpg
Normal file
BIN
test_data/events/0001/콧노래만스쳐도인연.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 299 KiB |
5
test_data/events/0002/2020.10.13/1013.txt
Normal file
5
test_data/events/0002/2020.10.13/1013.txt
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
하늘
|
||||||
|
|
||||||
|
하루에 하늘을 몇번이나 볼까요?
|
||||||
|
하늘은 누구에게나 열려있는 둘도 없는 공공재가 아닐까 합니다.
|
||||||
|
60여일간 각각 다른 하늘을 찍고 짧은 단상을 적어보려고 합니다.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 3.9 MiB |
75
test_data/events/0002/2020.10.13/index.html
Normal file
75
test_data/events/0002/2020.10.13/index.html
Normal file
|
|
@ -0,0 +1,75 @@
|
||||||
|
|
||||||
|
<!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">
|
||||||
|
<a href="../">../</a>
|
||||||
|
|
||||||
|
</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>
|
||||||
5
test_data/events/0002/2020.10.14/1014.txt
Normal file
5
test_data/events/0002/2020.10.14/1014.txt
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
지하철 플랫폼.
|
||||||
|
발 디딜틈 없이 수 많은 인파.
|
||||||
|
한명의 예외없이 모두 고개를 숙이고 각자의 세계에 몰입 중이다.
|
||||||
|
스마트폰이라는 세계.
|
||||||
|
각박한 현실에서 그나마 볼 수 있는 작은 꿈의 조각.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 3 MiB |
75
test_data/events/0002/2020.10.14/index.html
Normal file
75
test_data/events/0002/2020.10.14/index.html
Normal file
|
|
@ -0,0 +1,75 @@
|
||||||
|
|
||||||
|
<!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">
|
||||||
|
<a href="../">../</a>
|
||||||
|
|
||||||
|
</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>
|
||||||
4
test_data/events/0002/2020.10.15/1015.txt
Normal file
4
test_data/events/0002/2020.10.15/1015.txt
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
특별히 자주 보게 되는 하늘이 있다.
|
||||||
|
의도하지 않아도 늘 보게 되는 하늘.
|
||||||
|
출근길 지하철 출구를 올라오며 마주하는 하늘.
|
||||||
|
무심하게 스쳐 지나갔다.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
75
test_data/events/0002/2020.10.15/index.html
Normal file
75
test_data/events/0002/2020.10.15/index.html
Normal file
|
|
@ -0,0 +1,75 @@
|
||||||
|
|
||||||
|
<!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">
|
||||||
|
<a href="../">../</a>
|
||||||
|
|
||||||
|
</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,9 +1,20 @@
|
||||||
{
|
{
|
||||||
|
|
||||||
"0000":{
|
"0000":{
|
||||||
"date":"2021. 1. 31. 목요일",
|
"date":"2021. 1. 31. 목요일",
|
||||||
"number": 9999,
|
"number": 0,
|
||||||
"title": "눈사람 만들기 라이브",
|
"title": "눈사람 만들기 라이브",
|
||||||
"details": "환대를 사유한다. 우리가 사유하고자 하는 것은 손님을 접대하기 위한 기술이 아니다. 시장을 넓히기 위한 전략이 아니며, 아군을 얻기 위한 정치도 아니다. 환대의 이러한 측면들은 자주, 혼란스럽게 또는 교묘하게 전면에 내세워졌다. 환대는 그보다 더 근본적이고 본질적인 어떤 것이다. 사람들은 환대에 의해 사람됨을 승인받으며 결속하고 교류한다. 환대의 몸짓은 타인에 대한 인정을 표현하며, 이러한 표현은 집단적으로 창조되고 전승되어 소통의 수단으로 기능한다. 이 강의에서 우리는 타인에 대한 윤리적 물음으로부터 시작하여 경계선 긋기와 배제의 메커니즘에 대한 이해로 나아갈 것이다. 그리고 적대, 혐오, 무관심이 창궐하는 이 시대에 우리에게 주어진 환대의 조건들을 살펴보고, 적대를 해소하고 배제를 배제하는 환대의 조각들을 모아볼 것이다.<br/>홍서연<br/>문명사와 문화인류학을 강의한다. 신체의 기술, 생활의 기술, 표현의 기술을 넘나드는 인간의 활동을 주제로, 그리고 나눔을 주제로 연구하고 있다. <br/>indooa@gmail.com<br/>*온라인 스트리밍으로 진행되며, 신청하신 분들께 접속 링크를 보내드립니다.<br/><br/>1강 사람됨의 조건 [11월 7일 오후 2시-4시30분]<br/>#공포감으로_다가오는_타인<br/>#침시아_신화<br/>#북아메리카_인디언_의례<br/>#인정과_성원권<br/>#자기_서사의_편집권과_정체성<br/>#마스크를_쓸_권리<br/>2강 유대와 배제의 메커니즘 [11월 21일 오후 2시-4시30분]<br/>#쳄바가_마링_족의_축제와_전쟁<br/>#나눔과_환대<br/>#신화_속의_이방인들<br/>#데리다와_레비나스의_문제제기<br/>#순수한_환대는_가능한가<br/>#낙인의_구조<br/>3강 전망과 탐색 [11월 28일 오후 2시-4시30분]<br/>#적대를_해소하는_기술<br/>#피의_보복과_표범가죽_추장<br/>#오염의_관념과_혐오<br/>#팬데믹_시대의_적대와_혐오<br/>#지구_반대편의_석양<br/>#비인간_존재의_자리<br/>#배제를_배제하기<br/>*[0000환대의조각들]은 한국문화예술위원회 공공예술사업 지원으로 열립니다."
|
"details": "환대를 사유한다. 우리가 사유하고자 하는 것은 손님을 접대하기 위한 기술이 아니다. 시장을 넓히기 위한 전략이 아니며, 아군을 얻기 위한 정치도 아니다. 환대의 이러한 측면들은 자주, 혼란스럽게 또는 교묘하게 전면에 내세워졌다. 환대는 그보다 더 근본적이고 본질적인 어떤 것이다. 사람들은 환대에 의해 사람됨을 승인받으며 결속하고 교류한다. 환대의 몸짓은 타인에 대한 인정을 표현하며, 이러한 표현은 집단적으로 창조되고 전승되어 소통의 수단으로 기능한다. 이 강의에서 우리는 타인에 대한 윤리적 물음으로부터 시작하여 경계선 긋기와 배제의 메커니즘에 대한 이해로 나아갈 것이다. 그리고 적대, 혐오, 무관심이 창궐하는 이 시대에 우리에게 주어진 환대의 조건들을 살펴보고, 적대를 해소하고 배제를 배제하는 환대의 조각들을 모아볼 것이다.<br/>홍서연<br/>문명사와 문화인류학을 강의한다. 신체의 기술, 생활의 기술, 표현의 기술을 넘나드는 인간의 활동을 주제로, 그리고 나눔을 주제로 연구하고 있다. <br/>indooa@gmail.com<br/>*온라인 스트리밍으로 진행되며, 신청하신 분들께 접속 링크를 보내드립니다.<br/><br/>1강 사람됨의 조건 [11월 7일 오후 2시-4시30분]<br/>#공포감으로_다가오는_타인<br/>#침시아_신화<br/>#북아메리카_인디언_의례<br/>#인정과_성원권<br/>#자기_서사의_편집권과_정체성<br/>#마스크를_쓸_권리<br/>2강 유대와 배제의 메커니즘 [11월 21일 오후 2시-4시30분]<br/>#쳄바가_마링_족의_축제와_전쟁<br/>#나눔과_환대<br/>#신화_속의_이방인들<br/>#데리다와_레비나스의_문제제기<br/>#순수한_환대는_가능한가<br/>#낙인의_구조<br/>3강 전망과 탐색 [11월 28일 오후 2시-4시30분]<br/>#적대를_해소하는_기술<br/>#피의_보복과_표범가죽_추장<br/>#오염의_관념과_혐오<br/>#팬데믹_시대의_적대와_혐오<br/>#지구_반대편의_석양<br/>#비인간_존재의_자리<br/>#배제를_배제하기<br/>*[0000환대의조각들]은 한국문화예술위원회 공공예술사업 지원으로 열립니다."
|
||||||
|
},
|
||||||
|
"0001":{
|
||||||
|
"date":"2021. 1. 31. 목요일",
|
||||||
|
"number": 1,
|
||||||
|
"title": "0001 제목 0001 제목 ",
|
||||||
|
"details": "0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 0001 상세 내용 "
|
||||||
|
},
|
||||||
|
"0002":{
|
||||||
|
"date":"2021. 1. 31. 목요일",
|
||||||
|
"number": 2,
|
||||||
|
"title": "0002 제목 0002 제목 ",
|
||||||
|
"details": "0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 0002 상세 내용 "
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
218
test_data/events/index.html
Normal file
218
test_data/events/index.html
Normal file
|
|
@ -0,0 +1,218 @@
|
||||||
|
|
||||||
|
<!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="0022"></a><a href='data.json'>data.json</a><span class="filename">data.json</span><span class="fid">#0022</span></div>
|
||||||
|
<div class="html"><a class="anchor" id="0023"></a><section id="events_sample.html"><!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>환대의 조각들 Fragments of Hospitality</title>
|
||||||
|
<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="contents">
|
||||||
|
<div id="about_wrapper">
|
||||||
|
<div id="0000" class="event_row">
|
||||||
|
2020 / 11 / 7 #0000 환대를 사유하다 : 홍서연
|
||||||
|
</div>
|
||||||
|
<div class="event_row">
|
||||||
|
2020 / 11 / 7 #0001 환대를 사유하다 : 홍서연
|
||||||
|
</div>
|
||||||
|
<div class="event_row">
|
||||||
|
2020 / 11 / 7 #0003 환대를 사유하다 : 홍서연
|
||||||
|
</div>
|
||||||
|
<!-- div.event_row will be generated by distribusi -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
</section><span class="fid">#0023</span></div>
|
||||||
|
<a href="../">../</a>
|
||||||
|
<div class="folder"><a class="anchor" id="0025"></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">#0025</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>
|
||||||
Loading…
Reference in a new issue