Organize template
This commit is contained in:
Hyunchul Kim
parent
3e0c3d7b12
commit
99d7295f0c
14 changed files with 854 additions and 755 deletions
|
|
@ -3,21 +3,21 @@
|
||||||
<head>
|
<head>
|
||||||
<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">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="stylesheet" type="text/css" href="./style/common.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="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||||
<script src="./scripts/mobileScroll.js"></script>
|
<script src="./src/scripts/mobileScroll.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div>
|
<div>
|
||||||
<div id="menu">
|
<div id="menu">
|
||||||
<div id="logo_wrapper" class="svg_wrapper">
|
<div id="logo_wrapper" class="svg_wrapper">
|
||||||
<a href="./home.html">
|
<a href="./index.html">
|
||||||
<img id="logo_foh"src="./img/logo.svg" alt="환대의 조각 로고">
|
<img id="logo_foh"src="./img/logo.svg" alt="환대의 조각 로고">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span id="to_about">
|
<span id="to_about">
|
||||||
<a href="./about.html">
|
<a href="/about.html">
|
||||||
ABOUT
|
ABOUT
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
92
test_data/fragment.html
Normal file
92
test_data/fragment.html
Normal file
|
|
@ -0,0 +1,92 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<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 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>
|
||||||
|
<div id="menu">
|
||||||
|
<div id="logo_wrapper" class="svg_wrapper">
|
||||||
|
<a href="/index.html">
|
||||||
|
<img id="logo_foh"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 id="archive">
|
||||||
|
<button id="archive_button">ARCHIVE
|
||||||
|
<img id="icon_archive_more" src="src/img/icon_timeline.svg" alt="">
|
||||||
|
</button>
|
||||||
|
<div id="archive_list">
|
||||||
|
<a href="#">조각#1234</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="contents">
|
||||||
|
<div id="frags">
|
||||||
|
<!-- part generated by distribusi begins-->
|
||||||
|
<!-- <div class="frag">
|
||||||
|
<h5>히히.txt</h5>
|
||||||
|
저는요
|
||||||
|
</div>
|
||||||
|
<div class="frag">
|
||||||
|
<h5>히히.txt</h5>
|
||||||
|
저는요
|
||||||
|
</div>
|
||||||
|
<div class="frag">
|
||||||
|
<h5>히히.txt</h5>
|
||||||
|
저는요
|
||||||
|
</div>
|
||||||
|
<div class="frag">
|
||||||
|
<h5>히히.txt</h5>
|
||||||
|
저는요
|
||||||
|
</div>
|
||||||
|
<div class="frag">
|
||||||
|
<h5>히히.txt</h5>
|
||||||
|
저는요
|
||||||
|
</div>-->
|
||||||
|
<!-- part generated by distribusi ends-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="/src/scripts/updateIntroduction.js"></script>
|
||||||
|
<script src="/src/scripts/updateArchive.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
401
test_data/home.html
Normal file
401
test_data/home.html
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -187,5 +187,95 @@
|
||||||
"artist": "grape",
|
"artist": "grape",
|
||||||
"file": "fbdbdbf54d766dd86e5964de01ddc16b.jpg"
|
"file": "fbdbdbf54d766dd86e5964de01ddc16b.jpg"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 21,
|
||||||
|
"update": 1605624791.452851,
|
||||||
|
"directory": "./test_data/src",
|
||||||
|
"artist": "src",
|
||||||
|
"file": "original_collider.svg"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 22,
|
||||||
|
"update": 1605624794.1218235,
|
||||||
|
"directory": "./test_data/src",
|
||||||
|
"artist": "src",
|
||||||
|
"file": "original.svg"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 23,
|
||||||
|
"update": 1605626704.881,
|
||||||
|
"directory": "./test_data/",
|
||||||
|
"artist": "",
|
||||||
|
"file": "index2.html"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 24,
|
||||||
|
"update": 1605626873.4602237,
|
||||||
|
"directory": "./test_data/src",
|
||||||
|
"artist": "src",
|
||||||
|
"file": "ai"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 25,
|
||||||
|
"update": 1605626873.474653,
|
||||||
|
"directory": "./test_data/src",
|
||||||
|
"artist": "src",
|
||||||
|
"file": "img"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 26,
|
||||||
|
"update": 1605626873.5435362,
|
||||||
|
"directory": "./test_data/src/scripts",
|
||||||
|
"artist": "src",
|
||||||
|
"file": "lib"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 27,
|
||||||
|
"update": 1605626873.562491,
|
||||||
|
"directory": "./test_data/src",
|
||||||
|
"artist": "src",
|
||||||
|
"file": "style"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 28,
|
||||||
|
"update": 1605627840.1259112,
|
||||||
|
"directory": "./test_data/src",
|
||||||
|
"artist": "src",
|
||||||
|
"file": "scripts"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 29,
|
||||||
|
"update": 1605629424.2376575,
|
||||||
|
"directory": "./test_data/src",
|
||||||
|
"artist": "src",
|
||||||
|
"file": "introduction.json"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"__Fragment__": {
|
||||||
|
"index": 30,
|
||||||
|
"update": 1605629960.0532215,
|
||||||
|
"directory": "./test_data/",
|
||||||
|
"artist": "",
|
||||||
|
"file": "index.json"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,162 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/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="./style/common.css" />
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
|
||||||
<script src="./scripts/mobileScroll.js"></script>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div>
|
|
||||||
<div id="menu">
|
|
||||||
<div id="logo_wrapper" class="svg_wrapper">
|
|
||||||
<a href="./home.html">
|
|
||||||
<img id="logo_foh"src="./img/logo.svg" alt="환대의 조각 로고">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<span id="to_about">
|
|
||||||
<a href="./about.html">
|
|
||||||
ABOUT
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
<span id="to_fragments">
|
|
||||||
<a href="./authors.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">
|
|
||||||
<svg id="author_frag" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108.75 603.98">
|
|
||||||
<defs>
|
|
||||||
<style>
|
|
||||||
.cls-1 {
|
|
||||||
font-size: 24px;
|
|
||||||
fill: #231f20;
|
|
||||||
font-family: ArialMT, Arial;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</defs>
|
|
||||||
<g id="Layer_2" data-name="Layer 2">
|
|
||||||
<g id="Layer_1-2" data-name="Layer 1">
|
|
||||||
<path
|
|
||||||
d="M71.85,35.89c.3,5.48.65,11,.9,16.45.46,9.93,2.18,19.57,4,29.19,2.14,11.12,4.58,22.17,4.61,33.74,0,4.53,1.46,8.59,2.41,12.81a29,29,0,0,1,.7,3.83c.69,8.06,1.41,16.12,2,24.21C87.8,175,88.83,194,90.4,212.82c.95,11.37,2.82,22.6,4.07,33.93a144,144,0,0,1,.91,15.71,239.17,239.17,0,0,0,1.79,30.68c.84,6.59,1.62,13.19,2.58,19.75,1.07,7.25,2.39,14.45,3.45,21.71s2.2,14.28,2.81,21.5c1.71,20.55,1.72,41.28,1.86,62,0,2.87.12,5.74.35,8.59,1.17,14.31.24,28.66-1.27,43a53.17,53.17,0,0,0-.14,7.88c.31,7.16.75,14.3,1.13,21.46a95.58,95.58,0,0,1-1.78,26.47,43,43,0,0,0-.71,7.86c-.26,7.3-.42,14.6-.6,21.9-.08,3.24-.19,6.48-.17,9.71,0,5.73,0,11.48.25,17.2a7.3,7.3,0,0,1-2.12,5.76c-4.58,5-10.13,7.41-16.17,8.73-2.58.57-5.2,1-7.74,1.81a88.56,88.56,0,0,1-17.17,3.38c-5,.55-10,1.19-15,1.86s-9.75-.22-14.56-1c-1.93-.3-2.93-1.52-3.22-3.73-.61-4.69-1.4-9.35-2.13-14a5.4,5.4,0,0,0-.31-1.36c-3.46-7.51-4-15.86-4.57-24.18-.65-10.11-1.12-20.26-1.54-30.4-1.16-28.17-2.37-56.33-3.29-84.51-.21-6.52.67-13.15,1-19.72a50.9,50.9,0,0,0,.11-5.38c-.77-14.18-1.42-28.38-2.47-42.53-.63-8.54-2.07-17-2.86-25.48-.64-6.87-1-13.79-1.21-20.71-.15-4.17.29-8.39.18-12.57a215,215,0,0,1,1.6-33.72c1.64-12.53,1.29-24.92.15-37.25-1.31-14.09-3.08-28.1-4.35-42.2-1.22-13.51-2.12-27.08-3-40.63C4.68,141.16,3,118,1.86,94.72A306,306,0,0,1,2.4,63.86,174.2,174.2,0,0,0,1.09,31.37,166.63,166.63,0,0,1,0,14.6c-.1-3.21.85-4.32,3.79-5a47,47,0,0,1,6.84-1A48.76,48.76,0,0,0,25.4,5,70,70,0,0,1,53.19.2C56,.27,58.85.08,61.68,0a33,33,0,0,1,3.59,0c3,.26,3.81.94,4.22,4.15.64,4.93,1.23,9.87,1.63,14.84.45,5.58.65,11.2,1,16.8ZM34.14,597a37.49,37.49,0,0,0,12.76.83c6.64-.9,13.28-1.6,19.92-2.52,2.81-.4,5.62-1.09,8.41-1.72q5.49-1.26,11-2.65c4.32-1.09,8.48-2.63,12-6a4.68,4.68,0,0,0,1.5-3.76c0-9.8.12-19.61.16-29.42,0-1.28.11-2.85-.47-3.77-1.67-2.61-1.3-5.32-.63-8.2a53,53,0,0,0,1-5.28c.43-3.2.48-6.47,1.15-9.62A72.41,72.41,0,0,0,102.8,506c-.44-8-1-16-1.15-24-.12-5.71.12-11.48.56-17.21.86-11,1.66-22,1.07-33-.52-9.89-.79-19.81-.9-29.74-.18-17.23-.14-34.48-2.37-51.47C98.65,340.27,97,330,95.48,319.7c-1.37-9.49-3-18.94-3.91-28.51-.89-9-1-18.1-1.56-27.15-.41-7-.73-14.07-1.43-21-1-9.69-2.58-19.28-3.36-29-1.48-18.4-2.54-36.86-3.83-55.28-.59-8.44-1.3-16.86-2-25.28a21.32,21.32,0,0,0-.65-3.46c-1.34-5.35-2.89-10.63-2.91-16.33,0-10.37-2.31-20.23-4.09-30.23-1.57-8.82-3.1-17.7-3.82-26.69-1.12-14-1.5-28.12-2.3-42.18-.16-2.92-.77-5.78-1.18-8.76-4.23.08-8,.3-11.83.2a63.13,63.13,0,0,0-24.9,4.14A63.33,63.33,0,0,1,9.1,14.67c-1.15.08-2.3.39-3.62.62a161.07,161.07,0,0,0,1.6,21.29A129.34,129.34,0,0,1,7.83,59.8c-.47,9.34-1,18.71-.79,28C7.31,100,8.2,112.12,9,124.26c1.2,19.53,2.3,39.07,3.84,58.55,1.21,15.31,3.1,30.51,4.51,45.78,1,10.9,1.93,21.82,2.47,32.79a134.38,134.38,0,0,1-.58,17.92c-.82,9.57-2,19.11-2,28.7,0,5.15-.26,10.31-.13,15.44.21,8.47.41,17,1.06,25.38.68,8.78,2.16,17.43,2.8,26.21,1.07,14.62,1.76,29.3,2.55,44a66.12,66.12,0,0,1-.16,7.17c-.32,6-1.19,12-1,17.92,1,28.18,3.2,56.22,3.37,84.49.07,11.24.84,22.45,1.75,33.6a106.31,106.31,0,0,0,3,16.65,55.17,55.17,0,0,1,1.72,7.09C32.61,589.65,33.47,593.31,34.14,597Z" />
|
|
||||||
<text class="cls-1" transform="translate(45.51 198.92) rotate(-1.38)">J<tspan x="3.33" y="28.8">i</tspan>
|
|
||||||
<tspan x="-0.67" y="57.6">n</tspan>
|
|
||||||
<tspan x="-0.67" y="86.4">h</tspan>
|
|
||||||
<tspan x="-0.67" y="115.2">o</tspan>
|
|
||||||
<tspan x="0" y="172.8">J</tspan>
|
|
||||||
<tspan x="-0.67" y="201.6">e</tspan>
|
|
||||||
<tspan x="-0.67" y="230.4">o</tspan>
|
|
||||||
<tspan x="-0.67" y="259.2">n</tspan>
|
|
||||||
<tspan x="-0.67" y="288">g</tspan>
|
|
||||||
</text></g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div id="introduction">
|
|
||||||
설명이 아직 없음
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="archive">
|
|
||||||
<button id="archive_button">ARCHIVE
|
|
||||||
<img id="icon_archive_more" src="./img/icon_archive_more.svg" alt="">
|
|
||||||
</button>
|
|
||||||
<div id="archive_list">
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#12</a>
|
|
||||||
<a href="#">조각#1434</a>
|
|
||||||
<a href="#">조각#1034</a>
|
|
||||||
<a href="#">조각#103</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1</a>
|
|
||||||
<a href="#">조각#1214</a>
|
|
||||||
<a href="#">조각#1634</a>
|
|
||||||
<a href="#">조각#1299</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#124</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
<a href="#">조각#1234</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contents">
|
|
||||||
<div id="frags">
|
|
||||||
<!-- part generated by distribusi begins-->
|
|
||||||
<div class="frag">
|
|
||||||
<h5>히히.txt</h5>
|
|
||||||
저는요
|
|
||||||
</div>
|
|
||||||
<div class="frag">
|
|
||||||
<h5>히히.txt</h5>
|
|
||||||
저는요
|
|
||||||
</div>
|
|
||||||
<div class="frag">
|
|
||||||
<h5>히히.txt</h5>
|
|
||||||
저는요
|
|
||||||
</div>
|
|
||||||
<div class="frag">
|
|
||||||
<h5>히히.txt</h5>
|
|
||||||
저는요
|
|
||||||
</div>
|
|
||||||
<div class="frag">
|
|
||||||
<h5>히히.txt</h5>
|
|
||||||
저는요
|
|
||||||
</div>
|
|
||||||
<!-- part generated by distribusi ends-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
var requestURL = 'http://localhost:8000/introduction.json';
|
|
||||||
var request = new XMLHttpRequest();
|
|
||||||
request.open('GET', requestURL);
|
|
||||||
request.responseType = 'json';
|
|
||||||
request.send();
|
|
||||||
|
|
||||||
var introductions = null
|
|
||||||
request.onload = function() {
|
|
||||||
introductions = request.response;
|
|
||||||
|
|
||||||
// IMAGE
|
|
||||||
// NAME
|
|
||||||
//
|
|
||||||
document.getElementById("introduction").innerHTML = introductions[20].introduction;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
console.log(window.location)
|
|
||||||
console.log(window.HashChangeEvent)
|
|
||||||
console.log(window.location.hash)
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,61 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/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="./style/common.css" />
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
|
||||||
<script src="./scripts/mobileScroll.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div>
|
|
||||||
<div id="menu">
|
|
||||||
<div id="logo_wrapper" class="svg_wrapper">
|
|
||||||
<a href="./home.html">
|
|
||||||
<img id="logo_foh"src="./img/logo.svg" alt="환대의 조각 로고">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about_icon_wrapper" class="svg_wrapper">
|
|
||||||
<a href="./about.html">
|
|
||||||
<img id="about_icon"src="./img/icon_about.svg" alt="각진 꽃 모양 어바웃 버튼">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="timeline_icon_wrapper" class="svg_wrapper">
|
|
||||||
<img id="about_icon"src="./img/icon_timeline.svg" alt="구름 모양 타임라인 버튼">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<span id="to_about">
|
|
||||||
<a href="./about.html">
|
|
||||||
ABOUT
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
<span id="to_fragments">
|
|
||||||
<a href="./authors.html">
|
|
||||||
FRAGMENTS
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
<span id="to_timeline">
|
|
||||||
<a href="#">
|
|
||||||
TIMELINE
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="margin">
|
|
||||||
<!-- to avoid overlapping -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contents">
|
|
||||||
<!-- part generated by distribusi begins-->
|
|
||||||
<div id="fragments_wrapper">
|
|
||||||
조각들 영역/동적으로 생성되어야함
|
|
||||||
</div>
|
|
||||||
<!-- part generated by distribusi ends-->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,134 +1,134 @@
|
||||||
[
|
[
|
||||||
{
|
{
|
||||||
"name":"109",
|
"name":"109",
|
||||||
"path":"109/",
|
"path":"109",
|
||||||
"fragId":"_109",
|
"fragId":"_109",
|
||||||
"introduction":"손으로 엮는 작업을 한다.<br/>어떨 땐 사람과 사물을 엮어보고 어떨 땐 기호와 사물을 엮는 방식을 고민한다.<br/>사람에게 관심이 많지만 쉽게 친해지지 못하고 기호를 만들지만 기호에 갇히는 걸 두려워 한다.<br/>중심보다 주변부를 좋아하고 미끄러짐으로써 넓어지려고 노력한다."
|
"introduction":"손으로 엮는 작업을 한다.<br/>어떨 땐 사람과 사물을 엮어보고 어떨 땐 기호와 사물을 엮는 방식을 고민한다.<br/>사람에게 관심이 많지만 쉽게 친해지지 못하고 기호를 만들지만 기호에 갇히는 걸 두려워 한다.<br/>중심보다 주변부를 좋아하고 미끄러짐으로써 넓어지려고 노력한다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"blblbg",
|
"name":"blblbg",
|
||||||
"path":"blblbg/",
|
"path":"blblbg",
|
||||||
"fragId":"blblbg",
|
"fragId":"blblbg",
|
||||||
"introduction":"소수이고 이상한 것들을 불특정한 이들에게 배급하는 개인들의 콜렉티브였으나 일단 이 프로젝트에는 한 명만 참여한다. 마이너리티 운동에 관련한 해외 영상을 번역/배급하거나, 진(zine)을 만들고, 비건 채식 식사를 나누는 일을 했다. 개인의 취향과 감각을 변화시키려면 어떤 방식이 있을까 생각한다. 요즘은 별 일 하지 않고 생각만 많다."
|
"introduction":"소수이고 이상한 것들을 불특정한 이들에게 배급하는 개인들의 콜렉티브였으나 일단 이 프로젝트에는 한 명만 참여한다. 마이너리티 운동에 관련한 해외 영상을 번역/배급하거나, 진(zine)을 만들고, 비건 채식 식사를 나누는 일을 했다. 개인의 취향과 감각을 변화시키려면 어떤 방식이 있을까 생각한다. 요즘은 별 일 하지 않고 생각만 많다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"MC.mama",
|
"name":"MC.mama",
|
||||||
"path":"Mc._mama/",
|
"path":"Mc._mama",
|
||||||
"fragId":"mcMama",
|
"fragId":"mcMama",
|
||||||
"introduction":"현재 스스로에게 새로운 이름이 필요한 랩퍼로 할 말이 넘치는 순간에 불쑥불쑥 공식적 활동을 한다. 비트감, 리듬감은 없지만 그림을 그리듯 이야기를 펼쳐낸다. 2013년부터 현재까지 나름 음반도 2장 발매했지만 라이브 공연에 대한 의지나 계획은 없다. 그러나 가끔 랩을 하는 마음으로 속마음을 뱉어내고 종종 노래도 한다. 어떤 때에는 노래하는 마음으로 말도 하고 일도 한다. 그렇게 살고자 한다."
|
"introduction":"현재 스스로에게 새로운 이름이 필요한 랩퍼로 할 말이 넘치는 순간에 불쑥불쑥 공식적 활동을 한다. 비트감, 리듬감은 없지만 그림을 그리듯 이야기를 펼쳐낸다. 2013년부터 현재까지 나름 음반도 2장 발매했지만 라이브 공연에 대한 의지나 계획은 없다. 그러나 가끔 랩을 하는 마음으로 속마음을 뱉어내고 종종 노래도 한다. 어떤 때에는 노래하는 마음으로 말도 하고 일도 한다. 그렇게 살고자 한다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"구은정",
|
"name":"구은정",
|
||||||
"path":"Eunjeong_Gu/",
|
"path":"Eunjeong_Gu",
|
||||||
"fragId":"eunjeongGu",
|
"fragId":"eunjeongGu",
|
||||||
"introduction":"나는 몸과 여러 사물을 통해 마음의 미묘한 움직임을 기록하는 미술가이다.<br/>또한 어떻게 해야 잘 먹고 잘 사는 것인지를 고민하는 평범한 사람이기도 하다.<br/>나의 작업은 나의 마음으로부터 시작된다.<br/>어떤 때는 빠르고 거대한 사회를 마주하며 느끼는 불안에서, 어떤 때는 하늘을 올려다보며 잠시 느끼는 평온함에서 시작된다.<br/>혹은 이름 붙이기도 힘든 수 많은 마음의 흔적을 좇아 작업을 해나간다. 이를 통해 잘 먹고 잘 사는 것에 대한 나만의 답을 찾고자 한다.<br/>쉴새 없이 변화하며 다채로운 날씨 같은 작업을 하는 것이 꿈이며 결국에는 잘 먹고 잘 살아서 호기심 많은 할머니가 되고 싶다."
|
"introduction":"나는 몸과 여러 사물을 통해 마음의 미묘한 움직임을 기록하는 미술가이다.<br/>또한 어떻게 해야 잘 먹고 잘 사는 것인지를 고민하는 평범한 사람이기도 하다.<br/>나의 작업은 나의 마음으로부터 시작된다.<br/>어떤 때는 빠르고 거대한 사회를 마주하며 느끼는 불안에서, 어떤 때는 하늘을 올려다보며 잠시 느끼는 평온함에서 시작된다.<br/>혹은 이름 붙이기도 힘든 수 많은 마음의 흔적을 좇아 작업을 해나간다. 이를 통해 잘 먹고 잘 사는 것에 대한 나만의 답을 찾고자 한다.<br/>쉴새 없이 변화하며 다채로운 날씨 같은 작업을 하는 것이 꿈이며 결국에는 잘 먹고 잘 살아서 호기심 많은 할머니가 되고 싶다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"그레이스",
|
"name":"그레이스",
|
||||||
"path":"Grace_Kim/",
|
"path":"Grace_Kim",
|
||||||
"fragId":"graceKim",
|
"fragId":"graceKim",
|
||||||
"introduction":"김그레이스나이스김치볶음밥, 그레이스김, 김그래있어, 김성은 등으로 불립니다.<br/>강정마을과 인연이 닿아 제주와 베를린을 몇년간 오가다 2019년 제주도로 이주한 뒤, 활동가와 영화감독이라는 정체성 사이를 즐겁게 횡단 하며 살고 있습니다.<br/>강정에서 만난 다양한 사람들과 함께 이런 저런 일을 도모하는 것을 좋아합니다. 까마귀떼 라고 불리우는 예술행동그룹에서 활동합니다.<br/>카메라를 매개로 관계 맺는 것, 공동의 기억을 기록하고 감각하는 연대의 장으로서의 영화를 만드는 일에 관심을 갖고 있습니다.<br/>제주 또는 강정에서 퀴어페미니스트로 산다는 것에 대해 자주 고민합니다. 그 시각이 작업 뿐만 아니라 일상의 만남에도 잘 녹아들 길 희망합니다."
|
"introduction":"김그레이스나이스김치볶음밥, 그레이스김, 김그래있어, 김성은 등으로 불립니다.<br/>강정마을과 인연이 닿아 제주와 베를린을 몇년간 오가다 2019년 제주도로 이주한 뒤, 활동가와 영화감독이라는 정체성 사이를 즐겁게 횡단 하며 살고 있습니다.<br/>강정에서 만난 다양한 사람들과 함께 이런 저런 일을 도모하는 것을 좋아합니다. 까마귀떼 라고 불리우는 예술행동그룹에서 활동합니다.<br/>카메라를 매개로 관계 맺는 것, 공동의 기억을 기록하고 감각하는 연대의 장으로서의 영화를 만드는 일에 관심을 갖고 있습니다.<br/>제주 또는 강정에서 퀴어페미니스트로 산다는 것에 대해 자주 고민합니다. 그 시각이 작업 뿐만 아니라 일상의 만남에도 잘 녹아들 길 희망합니다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"김현철",
|
"name":"김현철",
|
||||||
"path":"Hyunchul_Kim/",
|
"path":"Hyunchul_Kim",
|
||||||
"fragId":"hyunchul",
|
"fragId":"hyunchul",
|
||||||
"introduction":"인간-컴퓨터 상호작용을 공부하는 학생이고 창작자다. ⟨언박싱 2018⟩이라는 디자이너와 예술가의 입장에서 본 기술 발전을 갈무리하는 행사를 진행했고, 자신의 목표를 의심할 수 있는 유전 알고리즘 시뮬레이터인 ⟨리버(leaver)⟩를 만들었다. 동시대 기술이 사람들의 생각과 습관을 바꾸는 순간들에 관심을 가지고 있다."
|
"introduction":"인간-컴퓨터 상호작용을 공부하는 학생이고 창작자다. ⟨언박싱 2018⟩이라는 디자이너와 예술가의 입장에서 본 기술 발전을 갈무리하는 행사를 진행했고, 자신의 목표를 의심할 수 있는 유전 알고리즘 시뮬레이터인 ⟨리버(leaver)⟩를 만들었다. 동시대 기술이 사람들의 생각과 습관을 바꾸는 순간들에 관심을 가지고 있다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"이야기",
|
"name":"이야기",
|
||||||
"path":"yiyagi/",
|
"path":"yiyagi",
|
||||||
"fragId":"yiyagi",
|
"fragId":"yiyagi",
|
||||||
"introduction":"경기북부 지역을 전전하다 인천에 10년째 머물며 주로 사진과 영상 통해 동료 예술가들의 활동을 기록하고 있다. 일러스트레이션•그래픽 디자인•작곡 등 여러 매체를 아우르며 그때그때 닥친 상황을 깁고 때워 왔다."
|
"introduction":"경기북부 지역을 전전하다 인천에 10년째 머물며 주로 사진과 영상 통해 동료 예술가들의 활동을 기록하고 있다. 일러스트레이션•그래픽 디자인•작곡 등 여러 매체를 아우르며 그때그때 닥친 상황을 깁고 때워 왔다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"하마무",
|
"name":"하마무",
|
||||||
"path":"Hamamu/",
|
"path":"Hamamu",
|
||||||
"fragId":"hamamu",
|
"fragId":"hamamu",
|
||||||
"introduction":"일본에서 태어났다. 현재 서울에서 페미니즘을 공부하고 있다. 어릴 때부터 말로 표현할 수 없는 감정이 많아서 시, 영상, 그림, 사진 등의 작업을 하기 시작했다. 2011년 일본 동일본대지진, 3.11 이후 방사능 오염에서 피난 와 서울에 거주중이다. 그러나 안전한 곳은 없다. 앞으로도 계속 유목적 삶을 살 수 밖에 없을 것이다.\"<br/>,나의 위치성에 대한 고민은 나의 가해자성과 피해자성에 대한 고민과 연결된다. 표현은 내가 늘 어디에 있는지 확인 시켜준다. 그 속에서 끊임 없이 변화하는 몸에 대한 이야기에 관심을 두고 흩어진 몸의 조각을 줍는다.<br/>\"페미니즘을 공부하고 있는 사람으로서, 또 미술을 전공하지 않은 사람으로서 할 수 있는 예술 실천의 가능성을 모색 중이다."
|
"introduction":"일본에서 태어났다. 현재 서울에서 페미니즘을 공부하고 있다. 어릴 때부터 말로 표현할 수 없는 감정이 많아서 시, 영상, 그림, 사진 등의 작업을 하기 시작했다. 2011년 일본 동일본대지진, 3.11 이후 방사능 오염에서 피난 와 서울에 거주중이다. 그러나 안전한 곳은 없다. 앞으로도 계속 유목적 삶을 살 수 밖에 없을 것이다.\"<br/>,나의 위치성에 대한 고민은 나의 가해자성과 피해자성에 대한 고민과 연결된다. 표현은 내가 늘 어디에 있는지 확인 시켜준다. 그 속에서 끊임 없이 변화하는 몸에 대한 이야기에 관심을 두고 흩어진 몸의 조각을 줍는다.<br/>\"페미니즘을 공부하고 있는 사람으로서, 또 미술을 전공하지 않은 사람으로서 할 수 있는 예술 실천의 가능성을 모색 중이다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"지로",
|
"name":"지로",
|
||||||
"path":"Ueta_Jiro/",
|
"path":"Ueta_Jiro",
|
||||||
"fragId":"uetaJiro",
|
"fragId":"uetaJiro",
|
||||||
"introduction":"2006년부터 서울에 거주하며 영상과 사진, 디자인 작업을 하고 있다. 도시의 재개발 지역에서 강제로 쫓겨날 위기에 있는 주민들과 함께 현장의 목소리가 담긴 영상을 만들어왔다. 영화 <소음의 소음>을 연출했다."
|
"introduction":"2006년부터 서울에 거주하며 영상과 사진, 디자인 작업을 하고 있다. 도시의 재개발 지역에서 강제로 쫓겨날 위기에 있는 주민들과 함께 현장의 목소리가 담긴 영상을 만들어왔다. 영화 <소음의 소음>을 연출했다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"이치무라 미사코",
|
"name":"이치무라 미사코",
|
||||||
"path":"Ichimura_Misako/",
|
"path":"Ichimura_Misako",
|
||||||
"fragId":"",
|
"fragId":"ichimuraMisako",
|
||||||
"introduction":"도쿄의 공원 안에 있는 홈리스 텐트마을에서 2003년부터 거주중. 도시의 젠트리피케이션이나 페미니즘에 대해서 거리 등의 공공 공간에서 표현 활동을 하고 있다."
|
"introduction":"도쿄의 공원 안에 있는 홈리스 텐트마을에서 2003년부터 거주중. 도시의 젠트리피케이션이나 페미니즘에 대해서 거리 등의 공공 공간에서 표현 활동을 하고 있다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"호시노 메구미",
|
"name":"호시노 메구미",
|
||||||
"path":"Megumi/",
|
"path":"Megumi",
|
||||||
"fragId":"megumi",
|
"fragId":"megumi",
|
||||||
"introduction":"도쿄 출신, 호주 거주 2년 째. 개인적인 생활과 사회문제를 연결하는 드로잉, 일러스트, ZINE 제작. 장애인 개호자로서 학생시절부터 장애인자립생활운동을 하면서 오키나와에서 일어나는 미군기지 확장에 반대하는 농성운동에도 다닌다. 음악·표현을 통해 오키나와의 현상을 전하는 행사 <윤타쿠 타카에 (ゆんたく高江)>에 참가. 도쿄도 구니타치시의 노상에서 2012년부터 매월 하고 있는 무료 벼룩시장 <0엔 숍 (0円ショップ)>을 시작했다. 2015년 한국·부산체류의 기록을 일러스트 일기<부산 일기>로 출판. 뉴질랜드, 호주 생활경험을 ZINE으로 제작 중."
|
"introduction":"도쿄 출신, 호주 거주 2년 째. 개인적인 생활과 사회문제를 연결하는 드로잉, 일러스트, ZINE 제작. 장애인 개호자로서 학생시절부터 장애인자립생활운동을 하면서 오키나와에서 일어나는 미군기지 확장에 반대하는 농성운동에도 다닌다. 음악·표현을 통해 오키나와의 현상을 전하는 행사 <윤타쿠 타카에 (ゆんたく高江)>에 참가. 도쿄도 구니타치시의 노상에서 2012년부터 매월 하고 있는 무료 벼룩시장 <0엔 숍 (0円ショップ)>을 시작했다. 2015년 한국·부산체류의 기록을 일러스트 일기<부산 일기>로 출판. 뉴질랜드, 호주 생활경험을 ZINE으로 제작 중."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"유희",
|
"name":"유희",
|
||||||
"path":"yuhee/",
|
"path":"yuhee",
|
||||||
"fragId":"yuhee",
|
"fragId":"yuhee",
|
||||||
"introduction":"느리고 예민한 사람. 드러나지 않는 곳에서 제 삶을 살고 있는 모든 것들에 애정이 있다.<br/>비전형, 개인서사, 트라우마, 작은 단위의 움직임들에 관심을 두고 그림, 글, 애니메이션, 조각의 형태로 고민한다."
|
"introduction":"느리고 예민한 사람. 드러나지 않는 곳에서 제 삶을 살고 있는 모든 것들에 애정이 있다.<br/>비전형, 개인서사, 트라우마, 작은 단위의 움직임들에 관심을 두고 그림, 글, 애니메이션, 조각의 형태로 고민한다."
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"원정",
|
"name":"원정",
|
||||||
"path":"Wonjung/",
|
"path":"Wonjung",
|
||||||
"fragId":"wonjung",
|
"fragId":"wonjung",
|
||||||
"introduction":"사물, 매체, 상황, 그리고 리듬을 만들어 관계를 엮는 작업자이다."
|
"introduction":"사물, 매체, 상황, 그리고 리듬을 만들어 관계를 엮는 작업자이다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"오로민경",
|
"name":"오로민경",
|
||||||
"path":"Oro_Minkyung/",
|
"path":"Oro_Minkyung",
|
||||||
"fragId":"oroMinkyung",
|
"fragId":"oroMinkyung",
|
||||||
"introduction":"사람들이 들리지 않는다고 생각하는 소리의 영역을 찾고 귀기울이는 작업을 하고 있다. 기억과 시간, 더 작은 힘, 연대, 고통, 한계 등의 키워드를 갖고 전시, 음악공연, 수행적 퍼포먼스, 워크숍 기획, 다큐멘터리 작업 등 다양한 활동을 시도 중이다."
|
"introduction":"사람들이 들리지 않는다고 생각하는 소리의 영역을 찾고 귀기울이는 작업을 하고 있다. 기억과 시간, 더 작은 힘, 연대, 고통, 한계 등의 키워드를 갖고 전시, 음악공연, 수행적 퍼포먼스, 워크숍 기획, 다큐멘터리 작업 등 다양한 활동을 시도 중이다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"신민",
|
"name":"신민",
|
||||||
"path":"Min_Shin/",
|
"path":"Min_Shin",
|
||||||
"fragId":"minShin",
|
"fragId":"minShin",
|
||||||
"introduction":"빵을 좋아합니다. 매일 밤, 자기 전에 베개맡에 아침 눈뜨자마자 먹을 소세지빵이나 과자를 놓아 둡니다. 그걸 먹기 위해 일찍 일어나서 밤늦게까지 일을 합니다. 고등학교 때에는 좋아하는 친구를 따라 이과를 선택했고, 대학에서는 기계공학을 전공하였습니다. "
|
"introduction":"빵을 좋아합니다. 매일 밤, 자기 전에 베개맡에 아침 눈뜨자마자 먹을 소세지빵이나 과자를 놓아 둡니다. 그걸 먹기 위해 일찍 일어나서 밤늦게까지 일을 합니다. 고등학교 때에는 좋아하는 친구를 따라 이과를 선택했고, 대학에서는 기계공학을 전공하였습니다. "
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"안세원",
|
"name":"안세원",
|
||||||
"path":"sewon/",
|
"path":"sewon",
|
||||||
"fragId":"sewon",
|
"fragId":"sewon",
|
||||||
"introduction":"서울을 기반으로 종이, 나무, 금속 등 전통적 오브제에 현대 기술을 접목한 혼합 매체 작업을 한다. 도예를 전공 후 국내외 디지털 에이전시에서 근무하며 미디어를 활용한 창조적인 개발 작업을 주로 하였다. 호주에 체류하며 시간과 공간에 대한 탐구를 시작하였다. 현재는 증강현실을 이용한 경험의 확장을 연구 중이다."
|
"introduction":"서울을 기반으로 종이, 나무, 금속 등 전통적 오브제에 현대 기술을 접목한 혼합 매체 작업을 한다. 도예를 전공 후 국내외 디지털 에이전시에서 근무하며 미디어를 활용한 창조적인 개발 작업을 주로 하였다. 호주에 체류하며 시간과 공간에 대한 탐구를 시작하였다. 현재는 증강현실을 이용한 경험의 확장을 연구 중이다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"노다예",
|
"name":"노다예",
|
||||||
"path":"Dah_Yee_Noh/",
|
"path":"Dah_Yee_Noh",
|
||||||
"fragId":"dahYeeNoh",
|
"fragId":"dahYeeNoh",
|
||||||
"introduction":"모빌리티, 자립, 사랑 그리고 아름다움을 향해 나아가기 위해 매일매일 드로잉과 디자인을 통해 마음수련하고 있으며, 2014년부터 테넌트북스(instagram@tenantbooks), 2020년 부터 엔커(@en___kr)라는 출판사를 친구들과 공동운영하며 다양한 진과 진에 대한 출판물들을 만들고 있다."
|
"introduction":"모빌리티, 자립, 사랑 그리고 아름다움을 향해 나아가기 위해 매일매일 드로잉과 디자인을 통해 마음수련하고 있으며, 2014년부터 테넌트북스(instagram@tenantbooks), 2020년 부터 엔커(@en___kr)라는 출판사를 친구들과 공동운영하며 다양한 진과 진에 대한 출판물들을 만들고 있다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"무밍",
|
"name":"무밍",
|
||||||
"path":"mooming/",
|
"path":"mooming",
|
||||||
"fragId":"mooming",
|
"fragId":"mooming",
|
||||||
"introduction":"담고 줍고 잇는 일을 하고 싶습니다.<br/>공연, 움직임과 관련합니다.<br/>활동-데모에 참여합니다.<br/>하는 것보다 하지 않는 것이 훨씬 많아서 부끄럽습니다.<br/>멋지고 싶지만 자조합니다.<br/>초보, 아마추어, 어설픈, 설치는, 이도저도 아닌,,,<br/>새로운, 아이의, 다양한, 넓은,,,<br/>저를 마주보기가 힘들어서 바깥만 보고 있습니다.<br/>마주치는 관계에 연연합니다.<br/>자기 소개가 제일 어렵네요. 저를 아직 좋아하기 이른 것 같습니다.<br/>친구와 동물의 사랑으로 큰 힘을 얻어요.<br/>좋은 것을 찾아다니고 나누고 싶어요"
|
"introduction":"담고 줍고 잇는 일을 하고 싶습니다.<br/>공연, 움직임과 관련합니다.<br/>활동-데모에 참여합니다.<br/>하는 것보다 하지 않는 것이 훨씬 많아서 부끄럽습니다.<br/>멋지고 싶지만 자조합니다.<br/>초보, 아마추어, 어설픈, 설치는, 이도저도 아닌,,,<br/>새로운, 아이의, 다양한, 넓은,,,<br/>저를 마주보기가 힘들어서 바깥만 보고 있습니다.<br/>마주치는 관계에 연연합니다.<br/>자기 소개가 제일 어렵네요. 저를 아직 좋아하기 이른 것 같습니다.<br/>친구와 동물의 사랑으로 큰 힘을 얻어요.<br/>좋은 것을 찾아다니고 나누고 싶어요"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"양승욱",
|
"name":"양승욱",
|
||||||
"path":"Seungwook_Yang/",
|
"path":"Seungwook_Yang",
|
||||||
"fragId":"seungwookYang",
|
"fragId":"seungwookYang",
|
||||||
"introduction":"장난감, 동물, 무지개, 산책, 쓰레기를 좋아한다.<br/>평소엔 프로 아르바이트생, 어쩌다 전시할 땐 작가라고 불리는 생활을 하고 있다.<br/>미술과 사진이라는 같으면서도 다르게 분류되는 장르 사이에서 작업을 해오고 있다. 책에도 관심이 많아 몇 권의 실패한 독립출판 사진집을 냈으며, 몇 권 더 망하면 한대 묶어 전집도 낼까 고민 중이다.<br/>사진을 주 매체로 이용하여 설치, 스냅, 에디토리얼 사진 등 여러 방식으로 사진을 통한 작업들을 하고 있으며, 왜곡된 기억, 장난감, 퀴어, 가족 등 여러 주제를 다루고 있다.<br/>최근에는 주변에서 일어나는 개인적인 이야기들을 토대로 소수자성에 관한 작업을 하고 있다."
|
"introduction":"장난감, 동물, 무지개, 산책, 쓰레기를 좋아한다.<br/>평소엔 프로 아르바이트생, 어쩌다 전시할 땐 작가라고 불리는 생활을 하고 있다.<br/>미술과 사진이라는 같으면서도 다르게 분류되는 장르 사이에서 작업을 해오고 있다. 책에도 관심이 많아 몇 권의 실패한 독립출판 사진집을 냈으며, 몇 권 더 망하면 한대 묶어 전집도 낼까 고민 중이다.<br/>사진을 주 매체로 이용하여 설치, 스냅, 에디토리얼 사진 등 여러 방식으로 사진을 통한 작업들을 하고 있으며, 왜곡된 기억, 장난감, 퀴어, 가족 등 여러 주제를 다루고 있다.<br/>최근에는 주변에서 일어나는 개인적인 이야기들을 토대로 소수자성에 관한 작업을 하고 있다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"배인숙",
|
"name":"배인숙",
|
||||||
"path":"Insook_Bae/",
|
"path":"Insook_Bae",
|
||||||
"fragId":"insookBae",
|
"fragId":"insookBae",
|
||||||
"introduction":"음악/사운드 분야에서 활동하는 예술가이며 소리장치를 만들어 공연이나 전시를 합니다.<br/>최근 몇년동안은 어린이와 청소년들을 자주 만나는 예술교육현장에서 많은 시간을 보내기도 하였습니다.<br/>처음에 음악가가 되고 싶었지만 지금은 음악 외적인 작업을 더 많이 해서 마음 한 구석이 늘 허전합니다.<br/>그래서 음악관련 장비를 아이쇼핑하거나 가끔 구입하는 것으로 마음을 달래면서 지냅니다.<br/>새로운 것과 새로운 사람에게 호기심이 많으며 고양이를 키우고 있지만<br/>다른 고양이한테는 별로 관심이 없습니다. 그래도 동물에 대한 생각을 확장시켜준 온다에게 정말 감사를 드립니다."
|
"introduction":"음악/사운드 분야에서 활동하는 예술가이며 소리장치를 만들어 공연이나 전시를 합니다.<br/>최근 몇년동안은 어린이와 청소년들을 자주 만나는 예술교육현장에서 많은 시간을 보내기도 하였습니다.<br/>처음에 음악가가 되고 싶었지만 지금은 음악 외적인 작업을 더 많이 해서 마음 한 구석이 늘 허전합니다.<br/>그래서 음악관련 장비를 아이쇼핑하거나 가끔 구입하는 것으로 마음을 달래면서 지냅니다.<br/>새로운 것과 새로운 사람에게 호기심이 많으며 고양이를 키우고 있지만<br/>다른 고양이한테는 별로 관심이 없습니다. 그래도 동물에 대한 생각을 확장시켜준 온다에게 정말 감사를 드립니다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"빈곤사회연대",
|
"name":"빈곤사회연대",
|
||||||
"path":"Korean_Peoples_Solidarity_Against_Poverty/",
|
"path":"Korean_Peoples_Solidarity_Against_Poverty",
|
||||||
"fragId":"kpsap",
|
"fragId":"kpsap",
|
||||||
"introduction":"<br/>윤영<br/>빈곤사회연대에서 활동한다. 십 년차 고인물이 되었지만 여전히 재밌는 일이 많다. 틈틈이 잘 노는 게 아니라 노는 중간에 틈틈이 활동하는 삶을 지향한다.<br/>성철<br/>빈곤사회연대에서 활동하고 있다. 자기소개가 세상에서 제일 어렵다. 즐거운 날 보단 슬프고 화나는 날이 더 많은게 사실이지만, 그래도 아직은 활동이 꽤나 즐겁다.<br/>재임<br/>빈곤사회연대 1년차 활동가. 사는 곳은 매번 바뀌지만 살게 되는 곳을 보다 나은 공간으로 만드는 일에 관심이 많다. 마주하는 일들을 잘 바라보고 잘 전달하는 것이 항상 고민이다."
|
"introduction":"<br/>윤영<br/>빈곤사회연대에서 활동한다. 십 년차 고인물이 되었지만 여전히 재밌는 일이 많다. 틈틈이 잘 노는 게 아니라 노는 중간에 틈틈이 활동하는 삶을 지향한다.<br/>성철<br/>빈곤사회연대에서 활동하고 있다. 자기소개가 세상에서 제일 어렵다. 즐거운 날 보단 슬프고 화나는 날이 더 많은게 사실이지만, 그래도 아직은 활동이 꽤나 즐겁다.<br/>재임<br/>빈곤사회연대 1년차 활동가. 사는 곳은 매번 바뀌지만 살게 되는 곳을 보다 나은 공간으로 만드는 일에 관심이 많다. 마주하는 일들을 잘 바라보고 잘 전달하는 것이 항상 고민이다."
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"신재",
|
"name":"신재",
|
||||||
"path":"Jae Shin/",
|
"path":"Jae Shin",
|
||||||
"fragId":"jaeShin",
|
"fragId":"jaeShin",
|
||||||
"introduction":"하고 싶은 이야기, 들어야할 말을 품고 있는 사람들과 공동작업하기 위해 2017년부터 프로젝트 형식으로 운영되는 팀 ‘0set프로젝트’를 만들어 활동하고 있다. 0set프로젝트는 사회적·문화적으로 당연하게 받아들여지는 ‘명제’를 저울 위에 놓고 다시 사유하고자 조사, 인터뷰, 워크숍, 기록 등을 진행하고 있으며 그 과정 중 일부를 공연으로 제작한다."
|
"introduction":"하고 싶은 이야기, 들어야할 말을 품고 있는 사람들과 공동작업하기 위해 2017년부터 프로젝트 형식으로 운영되는 팀 ‘0set프로젝트’를 만들어 활동하고 있다. 0set프로젝트는 사회적·문화적으로 당연하게 받아들여지는 ‘명제’를 저울 위에 놓고 다시 사유하고자 조사, 인터뷰, 워크숍, 기록 등을 진행하고 있으며 그 과정 중 일부를 공연으로 제작한다."
|
||||||
},
|
},
|
||||||
|
|
@ -140,37 +140,37 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"이두호",
|
"name":"이두호",
|
||||||
"path":"doohoyi/",
|
"path":"doohoyi",
|
||||||
"fragId":"doohoyi",
|
"fragId":"doohoyi",
|
||||||
"introduction":"안녕하세요"
|
"introduction":"안녕하세요"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"송수연",
|
"name":"송수연",
|
||||||
"path":"Song_Soo/",
|
"path":"Song_Soo",
|
||||||
"fragId":"songSoo",
|
"fragId":"songSoo",
|
||||||
"introduction":"안녕하세요"
|
"introduction":"안녕하세요"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"노들야학",
|
"name":"노들야학",
|
||||||
"path":"nodl/",
|
"path":"nodl",
|
||||||
"fragId":"nodl",
|
"fragId":"nodl",
|
||||||
"introduction":"안녕하세요"
|
"introduction":"안녕하세요"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"현진",
|
"name":"현진",
|
||||||
"path":"Hyunjin/",
|
"path":"Hyunjin",
|
||||||
"fragId":"hyunjin",
|
"fragId":"hyunjin",
|
||||||
"introduction":"안녕하세요"
|
"introduction":"안녕하세요"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"정진호",
|
"name":"정진호",
|
||||||
"path":"Jinho_Jeong/",
|
"path":"Jinho_Jeong",
|
||||||
"fragId":"jinhoJeong",
|
"fragId":"jinhoJeong",
|
||||||
"introduction":"안녕하세요"
|
"introduction":"안녕하세요"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"홍서연",
|
"name":"홍서연",
|
||||||
"path":"Hong_Seo_Yeon/",
|
"path":"Hong_Seo_Yeon",
|
||||||
"fragId":"hongSeoYeon",
|
"fragId":"hongSeoYeon",
|
||||||
"introduction":"안녕하세요"
|
"introduction":"안녕하세요"
|
||||||
},
|
},
|
||||||
|
|
@ -181,9 +181,9 @@
|
||||||
"introduction":""
|
"introduction":""
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"",
|
"name":"포도",
|
||||||
"path":"",
|
"path":"grape",
|
||||||
"fragId":"_0_set",
|
"fragId":"_0set",
|
||||||
"introduction":""
|
"introduction":"포도입니다."
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
20
test_data/src/scripts/load_pp.js
Normal file
20
test_data/src/scripts/load_pp.js
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
var requestURL = 'http://localhost:8000/introduction.json';
|
||||||
|
var request = new XMLHttpRequest();
|
||||||
|
request.open('GET', requestURL);
|
||||||
|
request.responseType = 'json';
|
||||||
|
request.send();
|
||||||
|
|
||||||
|
var introductions = null
|
||||||
|
request.onload = function() {
|
||||||
|
introductions = request.response;
|
||||||
|
|
||||||
|
// IMAGE
|
||||||
|
// NAME
|
||||||
|
//
|
||||||
|
document.getElementById("introduction").innerHTML = introductions[20].introduction;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
console.log(window.location)
|
||||||
|
console.log(window.HashChangeEvent)
|
||||||
|
console.log(window.location.hash)
|
||||||
36
test_data/src/scripts/updateArchive.js
Normal file
36
test_data/src/scripts/updateArchive.js
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
|
||||||
|
var archive_requestURL = `${window.location.origin}/index.json`;
|
||||||
|
var archive_request = new XMLHttpRequest();
|
||||||
|
archive_request.open('GET', archive_requestURL);
|
||||||
|
archive_request.responseType = 'json';
|
||||||
|
archive_request.send();
|
||||||
|
|
||||||
|
var fragments = null;
|
||||||
|
archive_request.onload = function() {
|
||||||
|
fragments = archive_request.response;
|
||||||
|
|
||||||
|
let path = (window.location.pathname).split('/')[1];
|
||||||
|
let p_frags = findFragments(fragments, 'artist', path);
|
||||||
|
console.log(p_frags);
|
||||||
|
|
||||||
|
|
||||||
|
for(let i = 0; i < p_frags.length; i++){
|
||||||
|
let item = document.createElement("a");
|
||||||
|
item.setAttribute("href", `#${convertIndexToString(p_frags[i].index)}`);
|
||||||
|
item.innerHTML = (p_frags[i].file);
|
||||||
|
document.getElementById("archive_list").appendChild(item)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
let findFragments = (arr, key, value) => {
|
||||||
|
let frags = []
|
||||||
|
for(var i = arr.length-1; i >=0; i--)
|
||||||
|
if (arr[i]['__Fragment__'][key] === value)
|
||||||
|
frags.push(arr[i]['__Fragment__']);
|
||||||
|
return frags;
|
||||||
|
}
|
||||||
|
|
||||||
|
const convertIndexToString = (index) => {
|
||||||
|
return ('0'.repeat(4-index.toString().length))+index.toString();
|
||||||
|
}
|
||||||
92
test_data/src/scripts/updateFragment.js
Normal file
92
test_data/src/scripts/updateFragment.js
Normal file
|
|
@ -0,0 +1,92 @@
|
||||||
|
const participants = [
|
||||||
|
{ "name":"109", "path":"109", "fragId":"_109"},
|
||||||
|
{ "name":"blblbg", "path":"blblbg", "fragId":"blblbg"},
|
||||||
|
{ "name":"MC.mama", "path":"Mc._mama", "fragId":"mcMama"},
|
||||||
|
{ "name":"구은정", "path":"Eunjeong_Gu", "fragId":"eunjeongGu"},
|
||||||
|
{ "name":"그레이스", "path":"Grace_Kim", "fragId":"graceKim"},
|
||||||
|
{ "name":"김현철", "path":"Hyunchul_Kim", "fragId":"hyunchul"},
|
||||||
|
{ "name":"이야기", "path":"yiyagi", "fragId":"yiyagi"},
|
||||||
|
{ "name":"하마무", "path":"Hamamu", "fragId":"hamamu"},
|
||||||
|
{ "name":"지로", "path":"Ueta_Jiro", "fragId":"uetaJiro"},
|
||||||
|
{ "name":"이치무라 미사코", "path":"Ichimura_Misako", "fragId":"ichimuraMisako"},
|
||||||
|
{ "name":"호시노 메구미", "path":"Megumi", "fragId":"megumi"},
|
||||||
|
{ "name":"유희", "path":"yuhee", "fragId":"yuhee"},
|
||||||
|
{ "name":"원정", "path":"Wonjung", "fragId":"wonjung"},
|
||||||
|
{ "name":"오로민경", "path":"Oro_Minkyung", "fragId":"oroMinkyung"},
|
||||||
|
{ "name":"신민", "path":"Min_Shin", "fragId":"minShin"},
|
||||||
|
{ "name":"안세원", "path":"sewon", "fragId":"sewon"},
|
||||||
|
{ "name":"노다예", "path":"Dah_Yee_Noh", "fragId":"dahYeeNoh"},
|
||||||
|
{ "name":"무밍", "path":"mooming", "fragId":"mooming"},
|
||||||
|
{ "name":"양승욱", "path":"Seungwook_Yang", "fragId":"seungwookYang"},
|
||||||
|
{ "name":"배인숙", "path":"Insook_Bae", "fragId":"insookBae"},
|
||||||
|
{ "name":"빈곤사회연대", "path":"Korean_Peoples_Solidarity_Against_Poverty", "fragId":"kpsap"},
|
||||||
|
{ "name":"신재", "path":"Jae Shin", "fragId":"jaeShin"},
|
||||||
|
{ "name":"돌고래", "path":"", "fragId":"hyunjin"},
|
||||||
|
{ "name":"이두호", "path":"doohoyi", "fragId":"doohoyi"},
|
||||||
|
{ "name":"송수연", "path":"Song_Soo", "fragId":"songSoo"},
|
||||||
|
{ "name":"노들야학", "path":"nodl", "fragId":"nodl"},
|
||||||
|
{ "name":"현진", "path":"Hyunjin", "fragId":"hyunjin"},
|
||||||
|
{ "name":"정진호", "path":"Jinho_Jeong", "fragId":"jinhoJeong"},
|
||||||
|
{ "name":"홍서연", "path":"Hong_Seo_Yeon", "fragId":"hongSeoYeon"},
|
||||||
|
{ "name":"", "path":"", "fragId":"pzzz"},
|
||||||
|
|
||||||
|
{ "name":"포도", "path":"grape", "fragId":"hyunchul"},
|
||||||
|
{ "name":"무화과", "path":"fig", "fragId":"doohoyi"},
|
||||||
|
{ "name":"워크샵", "path":"event_workshop", "fragId":"sewon"},
|
||||||
|
{ "name":"강연", "path":"event_lecture", "fragId":"wonjung"},
|
||||||
|
{ "name":"자료", "path":"src", "fragId":"dahYeeNoh"},
|
||||||
|
{ "name":"당근", "path":"carrot", "fragId":"hyunchul"},
|
||||||
|
]
|
||||||
|
|
||||||
|
let _svg = document.getElementById('_frags');
|
||||||
|
let svg = document.getElementById('frags');
|
||||||
|
|
||||||
|
var frag_requestURL = `${window.location.origin}/index.json`;
|
||||||
|
var frag_request = new XMLHttpRequest();
|
||||||
|
frag_request.open('GET', frag_requestURL);
|
||||||
|
frag_request.responseType = 'json';
|
||||||
|
frag_request.send();
|
||||||
|
|
||||||
|
var fragments = null;
|
||||||
|
frag_request.onload = function() {
|
||||||
|
fragments = frag_request.response;
|
||||||
|
fragments = peelFragment(fragments);
|
||||||
|
|
||||||
|
for(let i = 0; i < fragments.length; i++){
|
||||||
|
let p = findElementByProperty(participants, 'path', fragments[i].artist)
|
||||||
|
if (fragments[i].artist == "") continue;
|
||||||
|
|
||||||
|
let item = document.createElement("a");
|
||||||
|
item.setAttribute("href", `${fragments[i].artist}/#${convertIndexToString(fragments[i].index)}`);
|
||||||
|
svg.appendChild(item);
|
||||||
|
|
||||||
|
let frag = document.querySelector(`.${p.fragId}`).cloneNode(true);
|
||||||
|
item.appendChild(frag);
|
||||||
|
|
||||||
|
// todo
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// 최초 30개 , 스크롤 속도에 비례해서 추가적으로 조각 생겨나도록!
|
||||||
|
// 다 만들었으면 깜빡 효과 주고
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let peelFragment = (arr) => {
|
||||||
|
let frags = []
|
||||||
|
for(var i = arr.length-1; i >=0; i--) frags.push(arr[i]['__Fragment__']);
|
||||||
|
return frags;
|
||||||
|
}
|
||||||
|
|
||||||
|
const convertIndexToString = (index) => {
|
||||||
|
return ('0'.repeat(4-index.toString().length))+index.toString();
|
||||||
|
}
|
||||||
|
|
||||||
|
let findElementByProperty = (arr, key, value) => {
|
||||||
|
for(var i = 0, len = arr.length; i < len; i++)
|
||||||
|
if (arr[i][key] === value) return arr[i];
|
||||||
|
return -1;
|
||||||
|
}
|
||||||
36
test_data/src/scripts/updateIntroduction.js
Normal file
36
test_data/src/scripts/updateIntroduction.js
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
|
||||||
|
var introductions_requestURL = `${window.location.origin}/src/introduction.json`;
|
||||||
|
var introductions_request = new XMLHttpRequest();
|
||||||
|
introductions_request.open('GET', introductions_requestURL);
|
||||||
|
introductions_request.responseType = 'json';
|
||||||
|
introductions_request.send();
|
||||||
|
|
||||||
|
var introductions = null;
|
||||||
|
introductions_request.onload = function() {
|
||||||
|
introductions = introductions_request.response;
|
||||||
|
|
||||||
|
let path = (window.location.pathname).split('/')[1];
|
||||||
|
let participant = findElementByProperty(introductions, 'path', path);
|
||||||
|
console.log(path)
|
||||||
|
console.log(participant)
|
||||||
|
// IMAGE
|
||||||
|
// NAME
|
||||||
|
//
|
||||||
|
document.getElementById("introduction").innerHTML = participant.introduction;
|
||||||
|
|
||||||
|
let p_frag = document.createElement("img");
|
||||||
|
p_frag.setAttribute("src", `/src/img/author_${participant.fragId}.svg`)
|
||||||
|
document.getElementById("fragment_wrapper").appendChild(p_frag)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
let findElementByProperty = (arr, key, value) => {
|
||||||
|
for(var i = 0, len = arr.length; i < len; i++)
|
||||||
|
if (arr[i][key] === value) return arr[i];
|
||||||
|
return -1;
|
||||||
|
}
|
||||||
|
console.log(window.location);
|
||||||
|
console.log(window.HashChangeEvent);
|
||||||
|
console.log(window.location.hash);
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -246,7 +246,7 @@
|
||||||
div#archive_list {
|
div#archive_list {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height:335px;
|
max-height:335px;
|
||||||
width:200px;
|
width:200px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
|
|
@ -284,6 +284,11 @@
|
||||||
margin:10px;
|
margin:10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.png, div.jpeg {
|
||||||
|
/* max-height:200px;
|
||||||
|
max-width: 1000px; */
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media ( min-width: 1080px ) {
|
@media ( min-width: 1080px ) {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue