|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
|
|
<title>Testinggg</title>
|
|
|
|
|
<link rel="stylesheet" href="index.css" media="only screen" />
|
|
|
|
|
<!-- <link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
media="only screen and (min-device-width : 1190px) and (max-device-width : 1440px)"
|
|
|
|
|
href="./laptop_big.css"
|
|
|
|
|
/> -->
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<h1>chatty, messy, sticky, <span id="tsss">tsss</span>...</h1>
|
|
|
|
|
<!-- <div class="ani"><img src="./draw.jpg" /></div> -->
|
|
|
|
|
<h4>In Habitat (Tredozio, IT)<br />Behind scenes and process</h4>
|
|
|
|
|
<div class="intro">
|
|
|
|
|
<p>
|
|
|
|
|
<b>Procedure (step-by-step):</b><br />
|
|
|
|
|
a: Relay book binding (chae nami also chose tools)<br />
|
|
|
|
|
a-1) introduce what we're going to do; part one relay book binding
|
|
|
|
|
(10-15m)<br /><br />
|
|
|
|
|
|
|
|
|
|
Start from our title and unpack the (background) story of the workshop
|
|
|
|
|
idea. Let participants know that the workshop will recorded as
|
|
|
|
|
soundscape and ask if they're okay with it. <br />
|
|
|
|
|
|
|
|
|
|
a-2) Play around with tools (15m)<br />
|
|
|
|
|
Before get into the binding session, participants have 15 minutes to
|
|
|
|
|
play around with the prepared tools. They can touch and use a few of
|
|
|
|
|
them and will have the sense of materiality. Participants sit around a
|
|
|
|
|
table and each of them has a specific role. (e.g. Person A cuts
|
|
|
|
|
papers, person B punches holes, person C tapes, person D folds, etc).
|
|
|
|
|
Through the relayed tasks, they will make collaborative
|
|
|
|
|
publication(s). During the session, they will share their t
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="cartoon">
|
|
|
|
|
<div class="row row1">
|
|
|
|
|
<div class="ani"><img src="./img/question.jpg" /></div>
|
|
|
|
|
<div class="text">
|
|
|
|
|
<p>
|
|
|
|
|
One munday evening, we were talking about random topics then ended
|
|
|
|
|
up asking <i>what publishing really is</i>?
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row row2">
|
|
|
|
|
<div class="ani"><img src="./img/cliche2.png" /></div>
|
|
|
|
|
<div class="text">
|
|
|
|
|
<p>
|
|
|
|
|
If we think of the word publishing, we're prone to be stuck with
|
|
|
|
|
an idea that we work for some documents in Adobe applications,
|
|
|
|
|
then print, then glue.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row row3">
|
|
|
|
|
<!-- <div class="ani"></div> -->
|
|
|
|
|
<div class="text">
|
|
|
|
|
<p>Could be more than this...</p>
|
|
|
|
|
<p>Various forms of actions...</p>
|
|
|
|
|
<p>All-together!</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row row4">
|
|
|
|
|
<div class="ani"><img src="./img/pancake1.png" /></div>
|
|
|
|
|
<div class="text">
|
|
|
|
|
<p>
|
|
|
|
|
Hmmm indeed...we tend to 'bind' in the end of the book making.<br />One
|
|
|
|
|
publication is borned when every single different page gets glued
|
|
|
|
|
together. Oh wait, it's just like Buchimgae (Korean pancake)
|
|
|
|
|
making! All the different ingredients gets mingled and binded in
|
|
|
|
|
the batter!
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row row5">
|
|
|
|
|
<!-- <div class="ani"></div> -->
|
|
|
|
|
<div class="text"><p>Glued...?</p></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row row6">
|
|
|
|
|
<div class="ani"><img src="./img/ppl.png" /></div>
|
|
|
|
|
<div class="text">
|
|
|
|
|
<p>
|
|
|
|
|
True! Also in our culture, we share Buchimgae together! We don't
|
|
|
|
|
usually have one pancake individually. Cooking and tearing the
|
|
|
|
|
pancake together, we share so many things.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row row7">
|
|
|
|
|
<div class="ani"><img src="./img/habitat_process.jpg" /></div>
|
|
|
|
|
<div class="text">
|
|
|
|
|
<p>
|
|
|
|
|
What if we create a moment of collective book binding? Then
|
|
|
|
|
cooking Buchingae together! Everyone makes a page and bind
|
|
|
|
|
together!
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row row8">
|
|
|
|
|
<div class="ani"><img src="./img/relay.png" /></div>
|
|
|
|
|
<div class="text"><p>Bind in a relay format?!</p></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row row9">
|
|
|
|
|
<div class="ani"><img src="./img/italian.png" /></div>
|
|
|
|
|
<div class="text">
|
|
|
|
|
<p>
|
|
|
|
|
Maybe it would have been nicer if we have the participants to sit in
|
|
|
|
|
mixed composition.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
Some participants were already close eacch other and mainly spoke in
|
|
|
|
|
Italian in their own group.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
